/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2025 | 17:50:47 */
/* --- General Styles --- */

.anchor::before {
  content:"";
  display:block;
  height:160px; /* fixed header height*/
  margin:-160px 0 0; /* negative fixed header height */
}

#sasb::before {
  content:"";
  display:block;
  height:60px; /* fixed header height*/
  margin:-60px 0 0; /* negative fixed header height */
}

a.fl-button span {
    text-decoration: underline;
    text-underline-offset: 4px;
}
a.fl-button:hover span {
    text-decoration: none;
}

.fl-rich-text ul,
.pp-table-content ul {
  list-style-type: none;
	margin-left: 15px;
	padding-inline-start: 0px;
}
.fl-rich-text ul > li,
.pp-table-content ul > li {
  text-indent: 0px;
}
.fl-rich-text ul > li:before,
.pp-table-content ul > li:before {
  content: "-";
  text-indent: 0px;
  padding-right: 10px;
	position: absolute;
	margin-left: -15px;
}

.teal {
	color: var(--fl-global-teal);
}

.blue {
	color: var(--fl-global-blue);
}

.large {
	font-size: 125%;
}

.xlarge {
	font-size: 150%;
}

.number_list .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-icon {
	font-size: 24px !important;
}

i.fl-button-icon.fl-button-icon-after.icon-arrow-up-right-from-square-solid {
	font-size: 16px;
}

/* --- Header --- */

.logo svg {
    width: 150px;
}

.logo .cls-1{fill:#e6a514;}
.logo .cls-2{fill:#fff;}
.logo .cls-3{fill:#00539a;}

.pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner {
    width: 78px !important;
}

.pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::before {
    width: 66px !important;
}

.pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-inner::after {
    width: 47px !important;
}

.pp-hamburger-inner, 
.pp-hamburger-inner::before, 
.pp-hamburger-inner::after {
    border-radius: 0px;
    right: 0;
}

.pp-offcanvas-toggle-wrap .pp-offcanvas-toggle .pp-hamburger-box {
    width: 78px;
}

.pp-offcanvas-content .pp-offcanvas-header {
	padding-top: 20px;
	padding-right: 20px; 
}

/* --- Off-canvas menu --- */

/* Text */

.main_heading br,
.case_study_heading br {
	display: none;
}

h2.pre_heading {
    color:  #fff;
    font-size: 22px;
    letter-spacing: 1;
    text-transform: uppercase;
	font-family: Oswald, sans-serif;
}

h3.main_heading {
    color: #fff;
    font-size: 70px;
    line-height: 0.92;
	font-family: "Open Sans", sans-serif;
}

.logo_mobile .cls-1{fill:#e6a514;}
.logo_mobile .cls-2{fill:#fff;}

.corporate_link svg {
    width: 200px;
}

.corporate_link .cls-1{fill-rule:evenodd;}
.corporate_link .cls-1,.cls-2{fill:#fff;}

/* Menu */

.menu_links,
.menu_links a {
    color: #fff !important;
}

.menu_links a:hover {
    color: #002241;
}

.menu_links p,
.menu_links ul {
    margin-bottom: 10px;
}
.menu_links a {
    font-size: 20px !important;
    font-weight: 400;
    margin-top: 20px;
}
.menu_links ul li a {
    font-size: 16px !important;
}
.menu_links a:hover {
    font-weight: 700;
}
.menu_links ul {
  list-style-type: none;
	margin-left: 0;
	padding-inline-start: 40px;
}
.menu_links ul > li {
  text-indent: 0px;
}
.menu_links ul > li:before {
  content: "—";
  text-indent: -5px;
  padding-right: 10px;
	position: static;
	margin-left: 0;
}

/* --- Home Page --- */

#core_objectives {
    width: 90px;
}

#core_objectives .cls-1 {
    fill:#5f768b;
}

.number svg {
    height: 50px;
}

.number .cls-1 {
    fill: #b0cb48;
}


.break_all {
    word-spacing: 9999999px;
}

.icon {
    width: 100px;    
}

.green {
    fill: var(--fl-global-green);
}

.lightteal {
    fill: #97CCD2;
}

.fifty {
    opacity: 0.5;   
}

.sdg img {
    width: 200px;
}

/* --- Climate/Environment Page --- */

.number_small svg {
    height: 30px;
}

.number_small .cls-1 {
    fill: var(--fl-global-teal);
}

/* --- All Pages --- */

.year {
	font-size: 18px;
	font-weight: 700;
	font-family: Oswald;
	color: var(--fl-global-blue);
}

@media only screen and (min-width: 768px) {
	.year {
		font-size: 24px;
	}
}

.update {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    white-space: preserve nowrap;
}

@media only screen and (min-width: 768px) {
	.goals table td:nth-child(2),
	.goals table th:nth-child(2),
	.goals table td:nth-child(4),
	.goals table th:nth-child(4){
		text-align: center;
	}
}

@media only screen and (max-width: 700px) {
	.goals .pp-table-content thead tr th, 
	.goals .pp-table-content.tablesaw thead th,
	.goals .pp-table-content tbody tr td {
		border-color: transparent !important;
	}
}

.goals table th:nth-child(1),
.goals table td:nth-child(1){
    border-left-width: 0px !important;
    padding-left: 0 !important;
}

.goals table th:nth-child(4),
.goals table td:nth-child(4){
    border-right-width: 0px !important;
}

.goals table th:nth-child(3) {
	padding-right: 0 !important;
	padding-left: 30px !important;
}

.goals .icon {
    width: 30px;
}

@media only screen and (min-width: 768px) {
	.goals .icon {
		width: 50px;
	}	
}

.two_col {
    column-count: 2;
    column-gap: 60px;
}

/* --- Footer --- */

.social svg {
    height: 18px;
    padding: 0 20px;
    fill: #00529b;
}

/* --- Media Queries --- */

@media only screen and (min-width: 768px) {
	
	.logo svg {
		width: 192px;
	}
	
	.main_heading br,
	.case_study_heading br {
		display: block;
	}
	
	.pp-offcanvas-content .pp-offcanvas-header {
		padding-top: 40px;
		padding-right: 40px; 
	}
	
	.two_cols {
		column-count: 2;
		column-gap: 60px;
	}
	.xlarge {
		font-size: 200%;
	}
	
	.number_list .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-icon {
		font-size: 24px !important;
	}

}