@charset "UTF-8"; 
/* Custom CSS file for PFP website built on top of Bootstrap 5.3.x */


/* IMPORT TYPEFACE -------------------------------------------------- */

/* vietnamese */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75%;
  src: url(https://fonts.gstatic.com/s/anybody/v11/VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDkWdTKRA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75%;
  src: url(https://fonts.gstatic.com/s/anybody/v11/VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDlWdTKRA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75%;
  src: url(https://fonts.gstatic.com/s/anybody/v11/VuJudNvK2Ib2ppdWYq311GH32hxIv0tD5iDrWdQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* IMPORT ICONS -------------------------------------------------- */

/* fallback */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v212/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2) format('woff2');
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* SET TYPEFACES -------------------------------------------------- */

.material-symbols-rounded {
	font-variation-settings:
	'FILL' 0,
	'wght' 100,
	'GRAD' 200,
	'opsz' 24
}

h1 .title-bottom,
.h1 .title-bottom,
h2, .h2,
h3, .h3 {
	font-family: "Anybody", sans-serif;
	font-optical-sizing: auto;
	font-variation-settings: "wdth" 75;
}

h1 .title-top,
.h1 .title-top,
h4, .h4,
h6, .h6,
p, .p,
.primary-navigation li a,
ul.pipeline-details li,
button.btn.btn-link {
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
}


/* GLOBAL -------------------------------------------------- */

* {
	position:relative;
}

html {
	scroll-behavior:smooth !important;
}

body {
	font-size:1.1rem;
}

hr {
	opacity:1;
}


/* TRANSITIONS -------------------------------------------------- */

.primary-navigation,
.primary-navigation * {
	transition:all 0.25s ease-in-out;
}

.navbar-toggler,
.pipeline-row, .pipeline-row *,
.news-archive, .news-archive *,
.news-action-button,
.modal.fade,
.menu-item-active a:after,
.backsplash {
	transition:all 0.75s ease-in-out;
}

/* COLOURS -------------------------------------------------- */

.background-blue-1,
.btn.btn-primary {
	background-color:#005B95;
}

.background-blue-2 {
	background-color:#6CB2E6;
}

.background-blue-3 {
	background-color:#BDDEF8;
}

.background-green-1 {
	background-color:#3F6312;
}

.background-black-1-pseudo::before {
	background-color:#222222;
}

.background-black-2 {
	background-color:#101010;
}

.background-black-3 {
	background-color:#000000;
}

.background-white-1 {
	background-color:#ffffff;
}

.background-white-2 {
	background-color:#f8f8f8;
}

.background-white-3 {
	background-color:#8C8C8C;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
.leadership-biographies p
{
	color:#005B95;
}

h6, .h6,
p, .p,
a,
ul.pipeline-details li
p a,
li a,
button.btn.btn-link {
	color:#101010;
}

.primary-navigation li a:hover,
.primary-navigation li a:hover span,
button.btn.btn-link:hover,
button.btn.btn-link:hover span {
	color:#6CB2E6 !important;
}

.primary-navigation .active {
	color:#BDDEF8 !important;
}

.news-action-button:hover {
	background-color:#6CB2E6;	
}


/* FONT ATTRIBUTES -------------------------------------------------- */

h1 .title-bottom,
.h1 .title-bottom,
h2, .h2,
h3, .h3,
h4, .h4,
h6, .h6,
.leadership-biographies p
{
	font-weight: 700;
	font-style: normal;
}

h1 .title-top,
.h1 .title-top,
h4, .h4,
h6, .h6,
p, .p,
ul.pipeline-details li {
	font-weight: 600;
	font-style: normal;
	letter-spacing:-0.15rem;
	line-height:1.8rem;
}

.primary-navigation li a {
	font-weight:500;
}

h4, .h4,
h6, .h6,
.leadership-biographies p,
.primary-navigation li a {
	letter-spacing:0.0025rem;
}

p, .p,
ul.pipeline-details li {
	letter-spacing:0.005rem;
	font-weight: 400;
}

p a,
li a,
button.btn.btn-link {
	font-weight:700;
	text-decoration:underline;
}

h1 .title-top, .h1 .title-top {
	line-height:2.5rem;
}

h1 .title-bottom, .h1 .title-bottom {
	line-height:5rem;
}

.background-blue-3 h1 .title-bottom, .background-blue-3 .h1 .title-bottom {
	margin-bottom: 3rem;
}

h3 {
	line-height:2.9rem;
}

h4 {
	line-height:1.4rem;
}


/* FONT SIZES -------------------------------------------------- */

p, .p,
.primary-navigation li a,
ul.pipeline-details li {
	/*font-size:110%;*/
}

h1 .title-top, .h1 .title-top {
	font-size:95%;
}

h1 .title-bottom, .h1 .title-bottom {
	font-size:225%;
}

h2, .h2,
h3, .h3 {
	font-size:250%;
}

.pipeline-brand {
	font-size:110%;
}

.pipeline-row p,
.primary-navigation li a,
.pipeline-row ul.pipeline-details li {
	font-size:95%;
}

.status-alignment p {
	font-size:85%;
}


/* NAVIGATION -------------------------------------------------- */

.primary-navigation {
	padding:1.5rem 0;
}

.primary-navigation .navbar-brand img {
	width:195px;
	height:41px;
}

.primary-navigation > .container {
	/*align-items:flex-end;*/
	overflow: hidden;
}

.primary-navigation .nav-item .nav-link {
	color:#fff;
	padding-left:1rem;
	padding-right:1rem;
	padding-top:1.5rem;
	padding-bottom:0.5rem;
}

.desktop-navigation .nav-item:last-child .nav-link {
	padding-right:0;
}

.primary-navigation li a.external {
	margin-right:7px;
}

.primary-navigation li a .icon-external {
	position:absolute;
	top:-2px;
	right:-15px;
	font-size:80%;
}

.primary-navigation.scrolled {
	padding:0.5rem 0;
}

.primary-navigation.scrolled .navbar-brand img {
	width:193px;
	height:40px;
}

.navbar-toggler {
	border:none;
	padding:0;
	margin:0;
	color:#fff;
	display:block;
	width:36px;
	height:36px;
}

.navbar-toggler:focus {
	box-shadow:none;
}

.navbar-toggler span {
	font-size:36px;
	position:absolute;
	bottom:0;
	right:0;
}

.navbar-toggler.collapsed .menu-open,
.navbar-toggler .menu-close {
	opacity:1;
}

.navbar-toggler.collapsed .menu-close,
.navbar-toggler .menu-open {
	opacity:0;
}

.menu-item-active a:after {
	content:'';
	display: block;
	width:100%;
	height:2px;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:0;
	border-radius: 5px;
}

.scrolled .menu-item-active a:after {
	height:7px;
	margin-bottom: -7px;
	bottom:-7px;
	background:#005B95;
}

#navbar {
	z-index:100;
}

.backsplash {
	width:100vw;
	height:0;
	display:block;
	opacity:0;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	background:rgb(0,0,0);
	z-index:-1;
}

.backsplash.in-view {
	height:100vh;
	z-index:10;
	opacity:0.75;
}


/* GLOBAL SECTION STYLING -------------------------------------------------- */

h1 span, .h1 span {
	display:block;
}

section {
	padding-top:5rem;
	padding-bottom:0;
}

section:last-child {
	padding-bottom:5rem;
}


/* GLOBAL CONTENT STYLING -------------------------------------------------- */

.container-fluid {
	padding-left:0;
	padding-right:0;
}

h1 .title-top, .h1 .title-top {
	margin-bottom:0.75rem;
}

.eyebrow {
	margin-bottom:2rem;
}

p, .p,
ul.pipeline-details,
.inline,
.leadership-details-modal {
	max-width:43rem;
	margin-left:auto;
	margin-right:auto;
}

p, .p {
	margin-bottom:1rem;
}

.image-wrap img {
	width:100%;
	height:auto;
	aspect-ratio:1.3/1;
}

.btn-in-modal {
	padding:0;
	margin:0;
	line-height:0.7rem;
}

.inline * {
	/*display:inline;*/
}

/* ABOUT / OUR PURPOSE -------------------------------------------------- */

#company section:first-child {
	padding-top:0;
}

.welcome {
	padding-top:6rem;
}

.purpose-copy {
	max-width:500px;
}

.column-line {
	margin-left:2rem;
}

/*
.column-line::before {
	content:'';
	height:100%;
	width:1px;
	position:absolute;
	display:block;
	left:-2rem;
}
*/

#parentcompany section:nth-child(2) {
	padding-top:2.5rem;
}


/* PARTNERSHIPS AND PIPELINE -------------------------------------------------- */

#PipelineInformation {
	padding-bottom:0;
}

.title-content-break {
	padding:2rem 0;
	margin:0 auto;
	max-width: 43rem;
}

.pipeline-row {
	padding-bottom:1rem;
	margin-bottom:2rem;
	font-family: "Work Sans", sans-serif;
	font-optical-sizing: auto;
}

.pipeline-row p {
	margin-bottom:0;
}

.accordion-action-button {
	width:36px;
	height:36px;
	border-radius:500px;
	display:block;
	border:none;
}

.accordion-action-button span {
	color:#fff;
	position:absolute;
	top:6px;
	left:6px;
}

.accordion-action-button .icon-close,
.accordion-action-button.collapsed .icon-open {
	opacity:1;
}

.accordion-action-button .icon-open,
.accordion-action-button.collapsed .icon-close {
	opacity:0;
}

.brand-image {
	width:140px;
	height:55px;
}

.partner-image {
	width:120px;
	/*height:50px;*/
}

.brand-image-wrapper,
.pipeline-brand {
	width:140px;
	max-width:140px;
}

p.status-text {
	color:#fff;
	margin:0.3rem 0.6rem 0.35rem 0.6rem;
	display:block;
}

/*.status-alignment {
	display:flex;
	align-items:center;
}

.status-alignment > .row {
	width:100%;
}*/

.status-in-progress {
	border-radius:0 250px 250px 0;
}

ul.pipeline-details {
	margin-bottom:0;
}

.accordion-details {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0px;
	border-bottom: 0px solid #8C8C8C;
	margin-top: 0;
}

.accordion-details.show {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #8C8C8C;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}


/* LEADERSHIP -------------------------------------------------- */

.leadership-biographies h3,
.leadership-biographies p,
.leadership-biographies .btn.btn-link {
	padding:0;
	margin:0;
}

.leadership-biographies h3 {
	font-size:180%;
	margin-bottom:0.5rem;
	line-height:2.2rem;
}

.leadership-biographies p {
	margin-bottom:4rem;
	line-height:1.4rem;
	font-size:100%;
}

.leadership-profile img {
	width:80%;
	height:auto;
	aspect-ratio:1/1;
	border-radius:100%;
	margin:0 auto;
	margin-bottom:1.5rem;
}

.leadership-profile.in-modal img {
	width:125px;
	height:125px;
	margin-bottom:0;
}

.leadership-biographies .btn.btn-link {
	position:absolute;
	left:0;
	right:0;
	bottom:2rem;
	width:100%;
}

.leadership-details-modal p {
	padding-bottom:0;
	margin-bottom:0;
}

.leadership-details-modal > .col {
	padding:0;
}

.modal-backdrop.show {
	opacity:0.75
}

#leadership .modal {
	text-align: left;
}

/* NEWS -------------------------------------------------- */

.news-row {
	border-bottom:1px solid #005B95;
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;
}

.news-row p,
.news-row .btn.btn-link {
	margin:0;
	padding:0;
}

.news-row p.date {
	top:-4px;
}

.news-alignment {
	display:flex;
	align-items:end;
}

.news-alignment.with-action {
	justify-content: flex-end;
}

.news-action-button {
	width:36px;
	height:36px;
	border-radius:500px;
	display:block;
	border:none;
}

.news-action-button span {
	color:#fff;
	position:absolute;
	top:6px;
	left:6px;
}

.news-archive-hide,
.btn.collapsed .news-archive-show {
	display:inline;
}

.news-archive-show,
.btn.collapsed .news-archive-hide {
	display:none;
}


/* FOOTER -------------------------------------------------- */

footer {
	margin-top:10rem;
}

.home footer {
	margin-top:0;
}

footer .image-wrap.slogan img {
	width:180px;
	height:250px;
	aspect-ratio:unset;
}

footer .image-wrap.logo img {
	width:210px;
	height:124px;
	aspect-ratio:unset;
}

footer .image-wrap.social-icon img {
	width:24px;
	height:24px;
	top:-3px;
	left:4px;
}

footer p,
footer a {
	color:#fff;
	font-weight:400;
}

footer p {
	margin:0;
	padding:0;
}

footer .legal section {
	padding-bottom:2.5rem;
	padding-top:2.5rem;
}

footer .legal p,
footer .legal a {
	color:#fff;
	font-size:80%;
	max-width:unset;
}

.contact-alignment {
	display:flex;
	align-items:center;
}

.contact-alignment p {
	margin-bottom:0.5rem;
}

footer .legal #ot-sdk-btn.ot-sdk-show-settings {
	color:#fff !important;
	font-size:80% !important;
	border:none !important;
	padding:0 !important;
}

.to-the-top {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.to-the-top div {
	margin-bottom:1rem;
}


/* RESPONSIVE FIXES -------------------------------------------------- */

@media (max-width: 1199px) {
	.primary-navigation .nav-item .nav-link {
		display: table-caption;
	}
}

@media (max-width: 992px) {

	p, h1.p, h2.p, h3.p, .p
	.primary-navigation li a,
	ul.pipeline-details li {
		font-size:100%;
	}

	h2, .h2,
	h3, .h3 {
		font-size:225%;
	}

	.primary-navigation {
		padding:1.5rem;
	}

	.primary-navigation.scrolled {
		padding:1.5rem 1.5rem 1rem 1.5rem;
	}

	.pipeline-row p,
	.primary-navigation li a,
	.pipeline-row ul.pipeline-details li {
		font-size:95%;
	}

	.menu-item-active a:after {
		left:1rem;
	}

	.scrolled .menu-item-active a:after {
		height:2px;
		margin-bottom: 0;
		bottom:0;
		left:1rem;
		background:#fff;
	}

	.status-alignment p {
		font-size:85%;
	}

	h1 .title-top, .h1 .title-top {
		font-size:80%;
		line-height:2rem;
	}

	h1 .title-bottom, .h1 .title-bottom {
		font-size:170%;
		line-height:4rem;
	}
	
	.leadership-biographies h3 {
		font-size: 170%;
		line-height: 2rem;
	}
	
	.leadership-biographies p,
	.leadership-biographies button	{
		line-height: 1.1rem;
		font-size: 85%;
	}
	
	#parentcompany h3 {
		margin-top:2rem;
	}
	
	.column-line {
		margin-left:0;
	}

	.column-line::before {
		display:none;
	}
	
	.status-text {
		min-width:200px;
	}
	
	.status-alignment {
		margin-top:1rem;
	}
	
	.pipeline-row {
		margin-bottom:2rem;
		border-bottom:1px solid #005B95;
	}

	.pipeline-row:last-child {
		border:none;
		margin-bottom:0;
	}

	.pipeline-row > .row {
		margin-bottom:1.5rem;
	}

	.accordion-details.show {
		border-bottom:0px;
	}
	
	.partner-logo-mobile {
		margin-top:1rem;
	}
	
	.primary-navigation .mobile-dropdown.collapse {
		margin-top:0;
		padding-top:0;
		border-top:0;
	}
	
	.primary-navigation .mobile-dropdown.collapse.show {
		margin-top:1.5rem;
		padding-top:1.5rem;
		border-top:1px solid #fff;
	}
	
	.primary-navigation.scrolled .mobile-dropdown {
		margin-top:1rem;
		padding-top:0.5rem;
	}

	.primary-navigation li a {
		display:inline-block;
	}

	.primary-navigation li a.external {
		margin-right:16px;
	}

	.primary-navigation li a .icon-external {
		right:-16px;
	}
}

@media (max-width: 768px) {

	p, h1.p, h2.p, h3.p, .p
	.primary-navigation li a,
	ul.pipeline-details li {
		font-size:90%;
	}

	h2, .h2,
	h3, .h3 {
		font-size:200%;
	}

	.pipeline-row p,
	.primary-navigation li a,
	.pipeline-row ul.pipeline-details li {
		font-size:95%;
	}

	.status-alignment p {
		font-size:85%;
	}
	
	.accordion-details ul {
		padding-bottom:1.5rem;
	}
	
	.accordion-details p {
		margin-left:2rem;
	}
	
	.contact-information .row > div {
		justify-content: center;
		display: flex;
		text-align: center;
		margin:1rem 0;
	}

	.leadership-biographies p,
	.leadership-biographies button	{
		line-height: 1.1rem;
		font-size: 100%;
	}
}