:root {
--highlight: #fff; --dark: #000001;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
--font-size-base: 1.125rem; --line-height-base: 1.5;
--font-size-lead: 1.5rem; --line-height-lead: 1.6;
--max-width-lead: 58ch;
--color-link-10: #00023c;
--color-link-20: #171960;
--color-link-30: #001ca4;
--color-link-40: #0023cd;
--color-link-50: #002af6; --color-link-60: #90F;
--color-link-70: #6fa9ff;
--color-link-80: #96bffc;
--color-link-90: #bdd3ff;
--color-link-100: #e5eaff;
--color-legacy-blue: #0080a5;
}
@font-face {
font-family: Burgess;
src: url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Burgess/Burgess-Regular-Pro.woff) format("woff"), url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Burgess/Burgess-Regular-Pro.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: Burgess;
src: url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Burgess/Burgess-Italic-Pro.woff) format("woff"), url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Burgess/Burgess-Italic-Pro.woff2) format("woff2");
font-weight: 400;
font-style: italic;
font-display: fallback;
}
@font-face {
font-family: "Swiss 721";
src: url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Swiss721BTBold/font.woff) format("woff"), url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Swiss721BTBold/font.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: fallback;
}
@font-face {
font-family: "Swiss 721";
src: url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Swiss721BTBoldItalic/font.woff) format("woff"), url(//www.lighthousereports.com/wp-content/themes/lhr/assets/fonts/Swiss721BTBoldItalic/font.woff2) format("woff2");
font-weight: 700;
font-style: italic;
font-display: fallback;
} p {
font-family: Burgess, serif;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
margin: 0 0 1rem;
color: #000; }   html {
line-height: 1.15; text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
appearance: auto;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
appearance: none;
} ::-webkit-file-upload-button {
appearance: auto; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
body {
font-family: Burgess, serif;
padding: 0;
margin: 0;
font-size: 100%;
line-height: 1.5;
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizespeed;
}
img {
max-width: 100%;
display: block;
}
img[width] {
width: auto; }
img[width][height] {
height: auto; } img[src$=".svg"] {
width: 100%;
height: auto;
max-width: none;
}
figure {
margin: 0 0 .75em;
padding: 0;
}
.content figure {
margin: 0.25rem 0 1.5rem;
}
figcaption {
margin-top: .75em;
font-size: .75em; color: #000;
}
nav, h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif;
margin: 0 0 .5em;
line-height: 1.2;
}
.title {
word-break: break-word;
margin: 0 0 .375rem;
font-size: 1.5rem;
}
.title-small
{
word-break: break-word;
margin: 0 0 .375rem;
font-size: 1.3rem;
}
.title-feature
{
word-break: break-word;
margin: 0 0 .375rem;
font-size: 2.2rem;
}
.splide .title,
body.post .title,
.card-post .title {
text-transform: uppercase;
}
aside .title {
font-size: .875em;
}
@media (width <= 576px) and (orientation: portrait) {
.title {
font-size: 2.25em;
}
} .mid-title > a:not(:first-child)::before, .mid-title > span:not(:first-child)::before,
.page-title > a:not(:first-child)::before,
.page-title > span:not(:first-child)::before {
content: "/";
padding: 0 .25em;
}
.post header .mid-title + .follow-links,
.post header .mid-title + .share, .post header
.page-title + .follow-links,
.post header
.page-title + .share {
position: absolute;
top: 0;
right: 0;
}
header .mid-title, header
.page-title {
flex: auto;
}
@media (width <= 768px) {
header .mid-title, header
.page-title {
flex: 1 100%;
line-height: 1.5;
}
header .mid-title + *, header
.page-title + * {
flex: 1;
}
}
.page-title {
text-transform: uppercase;
}
.section-title {
font-size: .75em;
margin-bottom: 1rem 0.5;
}
a,a:visited,a:active {
color: var(--color-link-60);
cursor: pointer
}
a.no-decoration:hover {
text-decoration: none
} text-decoration: none;
transition: all .25s;
*/
nav a, nav a:visited {
color: #000!important;
}
a:active, a:focus, a:hover, a.active, .active > a {
color: #000; outline: none;
}
a[href^="tel"] {
color: #000;
}
a.showmore, a.link-icon {
position: relative;
z-index: 0;
}
a.showmore::after, a.link-icon::after {
z-index: -1;
content: '';
position: absolute;
inset: 0;
opacity: 0;
margin: -.25em;
border-radius: .25em;
background: rgb(0 0 0 / 10%);
transition: opacity .25s;
}
a.showmore:hover::after, a.showmore:focus::after, a.link-icon:hover::after, a.link-icon:focus::after {
opacity: 1;
}
a.link-icon {
display: inline-flex;
padding: .25em .375em;
margin: 0 -.375em;
color: #000;
border-radius: .25em;
background-color: transparent;
}
a.link-icon img {
height: 1.125em;
width: auto;
padding-right: .75em;
}
a.showmore {
display: inline-block;
font-size: 1.125em;
color: #000;
text-align: center;
margin: .5em auto;
white-space: nowrap;
padding: .5em .5em .375em;
}
footer a.showmore,
.flex a.showmore {
flex: 0;
margin-left: auto;
margin-right: auto;
}
a.readmore {
margin-top: auto;
padding: .5em .5em .5em 0;
display: inline-block;
position: relative;
z-index: 0;
}
a.readmore::before {
content: '';
display: block;
height: 1em;
width: 1.75em;
transition: transform .25s ease-in-out;
transform: translateX(0);
background: url(//www.lighthousereports.com/wp-content/themes/lhr/assets/images/arrow-right.svg) no-repeat;
background-size: cover;
}
a.readmore:hover::before, a.readmore:focus::before {
transform: translateX(0.75em);
}
a.readmore span {
display: none;
}
.section-latest a.readmore,
aside a.readmore {
padding: 0;
}
.section-latest a.readmore::before,
aside a.readmore::before {
display: none;
}
.section-latest a.readmore span,
aside a.readmore span {
display: block;
}
header > p {
max-width: none;
}  p.lead,
.lead > p {
font-size: var(--font-size-lead);
line-height: var(--line-height-lead);
max-width: var(--max-width-lead);
margin-bottom: 1.5rem;
}
:not(article) > .lead > p, :not(article) > p.lead {
margin-bottom: 1.5rem;
}
.lead > p:not(:first-of-type), p.lead:not(:first-of-type) {
text-indent: 2em;
}
.content p {
text-indent: 0;
max-width: none;
margin-bottom: 1.425rem;
} .spaced p + p {
margin-top: 1.25rem;
}
.spaced p + p:not(:first-of-type) {
text-indent: 0;
} .bg-primary {
background: #fff; }
.bg-primary a {
color: #000;
}
.size-sm {
font-size: .75em;
} .btn:focus, .btn:active, .btn:hover {
color: #fff; outline: none;
}
.icon {
cursor: pointer;
position: relative;
min-height: 1em;
min-width: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.icon:not(:only-child) {
margin-right: .5em;
}
.icon svg {
fill: currentcolor;
position: absolute;
inset: 0;
margin: auto;
height: 100%;
min-width: 100%;
width: auto;
}
body {
display: flex;
flex-flow: column nowrap;
}
body > * {
flex-shrink: 0;
max-width: 100%;
height: 100%;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex > * {
max-width: 100%;
position: relative;
}
.flex.nowrap {
flex-wrap: nowrap;
}
.flex-column {
flex-direction: column;
}
.flex[class*="col"] {
margin: 0 -1em;
}
.flex[class*="col"] > * {
width: 100%;
margin-left: 1em;
margin-right: 1em;
}
@media (width >= 992px) {
.flex[class*="col"] > * {
flex-shrink: 0;
flex-basis: 0%;
}
}
.flex.col-dividers > * {
flex: 1 100%;
}
.flex.col-dividers > *:not(:first-child) {
padding-top: 2em;
}
.flex.col-dividers > *:not(:first-child)::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
border-top: 1px dotted #000;
}
@media (width >= 576px) {
.flex.colx3 > *,
.flex.colx4 > * {
flex-basis: calc(50% - 2em);
}
.flex.col-dividers > * {
flex: 1 100%; }
}
@media (width >= 768px) {
.flex.colx2 > * {
flex-basis: calc(50% - 2em);
}
}
@media (width >= 992px) {
.flex.colx3 > * {
flex-basis: calc(33.333% - 2em);
}
.flex.colx4 > * {
flex-basis: calc(25% - 2em);
}
.flex.col-dividers > *:not(:first-child) {
padding-top: 0;
}
.flex.col-dividers > *:not(:first-child)::before {
content: '';
position: absolute;
top: 0;
left: -1rem;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
border-top: 0;
border-left: 1px dotted #000;
}
}
main {
flex: 1 0 auto;
line-height: 1.2; overflow-x: clip;
}
@media (width <= 992px) {
body.post main { }
}
main aside {
order: 2;
flex: 1;
}
.post main aside {
margin-top: 3rem;
}
@media (width >= 992px) {
main aside {
flex: 0 175px;
min-width: 175px;
}
}
main aside > section + section {
border-top: 1px dotted;
padding-top: 0.75rem;
margin-top: 0.875rem;
}   .header {
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 9999;
padding: 1rem 1.5rem;
background-color: white; transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.header.scrolled {
background-color: white;
box-shadow: 0 1px 6px rgb(0 0 0 / 8%);
border-bottom: 1px solid rgb(0 0 0 / 6%);
}   .header > * {
flex-wrap: nowrap;
}
.header .logo {
margin-right: auto;
display: flex;
align-items: center;
background: none;
}
.header nav {
margin-left: auto;
display: flex;
align-items: center;
}   .header nav ul {
list-style: none;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
}
.header nav li {
font-size: 1em;
color: #000;
position: relative;
} .header nav li:active,
.header nav li:hover,
.header nav li:focus,
.header nav li.active {
color: #fff;
}
.header nav li a,
.header nav li a:active,
.header nav li a:focus,
.header nav li a:visited,
.header nav li a:hover {
color: #000;
font-weight: 600;
display: block;
padding: 0.25em 0.5em;
line-height: 1;
text-decoration: none;
transition: all 0.5s;
}
.header nav li a[aria-current='page'] {
color: #fff;
}   .header nav ul.sub-menu {
position: absolute;
top: 100%; left: -40px;
padding: 10px 0 40px;
min-width: 300px;
background-color: #fff;
border: 1px solid #f2f2f2;
box-shadow: 0 5px 15px rgb(31 31 31 / 7%);
z-index: 1000;
transform: translateY(5px);
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 0;
pointer-events: none;
display: none;
}
.header nav ul.sub-menu li {
display: block;
padding: 10px 10px 5px 40px;
border-top: 1px solid white;
margin-left: 0;
} .header nav li:hover > ul.sub-menu {
display: block;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}   @media (width <= 768px) {
.header nav {
display: none;
}
.header nav ul {
margin-top: 0;
flex-direction: column;
align-items: flex-end;
}
}
@media (width >= 992px) {
.header nav ul {
gap: 1em;
}
.header nav li {
font-size: 1.125em;
}
} .footer a:active, .footer a:focus, .footer a:hover {
color: white;
}
.footer-col {
flex-basis: auto;
}
.footer-col:not(:last-child) {
margin-right: 2em;
}
@media (width >= 576px) {
.footer-col:not(:last-child) {
margin-right: 10em;
}
}
@media (width >= 768px) {
.footer-col {
flex-basis: auto;
}
}
.footer-follow .title {
font-size: 1em;
line-height: 1;
}
.footer-follow li {
display: inline-block;
}
.footer-follow li:first-child {
margin-left: -.5em;
}
.footer-follow a {
display: block;
padding: .6675em .5em;
}
.footer-follow a span {
display: none;
}
.footer-follow img {
font-size: .75em;
max-width: 1em;
max-height: 1em;
display: block;
height: auto;
}
.footer-follow nav {
margin: 0;
}
.footer-contact ul {
list-style: none;
padding-left: 0;
line-height: 1.25;
}
*/
section,
.container {
max-width: 100%;
position: relative;
margin: auto;
}
@media (width >= 992px) {
section:not(.content) > footer,
.container:not(.content) > footer {
min-height: 4rem;
}
}
.fullWidth {
margin: 0 -1.125em -2em;
padding: 1.125em;
}
article {
width: 100%;
margin-bottom: 1rem;
}
section:not(.section-partners) > article:not(:first-of-type, [class*="card"]) {
margin-top: 3.25rem;
}
article header {
margin-bottom: 1em;
}
aside article {
margin-bottom: 0;
}
article img {
width: 100%;
}
article a.showmore {
margin-bottom: 0;
text-align: center;
}
article .content {
max-width: 100%;
}
[data-scroll-container] [data-scroll-section] {
opacity: 0;
transition: opacity .6s;
}
[data-scroll-container] [data-scroll-section][data-scroll-section-inview] {
opacity: 1;
}
body.post .page-title {
font-size: .75em;
margin-bottom: 0.5rem;
}
body.post .slider-controls {
margin-bottom: 0;
}
body.home .page-title {
margin-bottom: 0.75rem;
}
.logo { margin-top: 0;
display: flex;
flex-flow: row nowrap;
}
.logo > * {
margin-right: .5em;
}
.logo img {
height: 2.65em;
width: auto;
} @media (width <= 576px) {
.logo .logo-brand {
display: block;
}
}
.card-post {
margin: 0.5rem 0 1.25rem;
}
body.posts .card-post {
margin-bottom: 2.25rem;
}
aside .card-post {
margin-top: .75em;
margin-bottom: 1em;
}
@media (width >= 992px) {
.section-latest .card-post {
display: flex;
}
}
.section-other .card-post {
margin-bottom: 1rem;
}
.card-post figure {
max-width: 100%;
margin-bottom: 1rem;
}
.card-post figure img {
max-width: none;
width: 100%;
}
.card-post figure img.icon {
max-width: 3.75em;
width: 100%;
}
aside .card-post figure img {
max-width: 300px;
}
.card-post section a:not(.readmore) {
color: #000;
} aside .card-post section p {
font-size: 1em;
}
@media (width >= 992px) {
.section-intro {
display: flex;
flex-flow: row nowrap;
}
}
.section-intro img {
width: 100%;
max-width: none;
}
.section-intro .intro-logo {
flex: 1 auto;
}
@media (width <= 992px) {
.section-intro .intro-logo {
display: none;
}
}
@media (width >= 992px) {
.section-intro .intro-slider {
margin-left: 2rem;
width: 39.75%;
}
}
.section-intro .title {
line-height: 1;
margin-bottom: 0.75rem;
font-size: 3rem;
font-size: clamp(1.75rem, 10vw, 3rem);
}
@media (width >= 992px) {
.section-intro .title {
min-height: 3em;
}
}
.section-intro .slider-controls {
margin-bottom: 0;
}
.section-partners {
margin-bottom: 2rem;
}
.section-partners .page-title {
margin-bottom: 1.375rem;
}
.section-partners .title {
font-size: 1em;
font-family: Burgess, serif;
font-weight: 400;
padding-bottom: 0.25rem;
margin-bottom: 1rem;
border-bottom: 1px dotted;
}
.section-latest p {
margin-bottom: 0;
}
@media (width >= 992px) {
.section-latest figure {
margin-right: 1.5rem;
margin-bottom: 0;
flex: 1 0 185px;
}
.section-latest figure ~ section {
margin-top: 0;
flex-grow: 0;
}
.section-latest article {
flex-wrap: nowrap;
}
}
.section-latest .title {
font-size: 1.125em;
}
@media (width >= 768px) {
.section-latest::before {
content: '';
position: absolute;
left: -1em;
top: 0;
bottom: 0;
width: 1px;
border-left: 1px dotted;
height: 100%;
}
}
.section-newsrooms {
background-color: #fff; }
.section-newsrooms .page-title {
margin-bottom: 0;
}
.list-contact, .list-credits {
line-height: 1.175;
}
.list-contact .label::after, .list-credits .label::after {
content: ':';
}
.list-links {
margin-top: 1rem;
font-family: Poppins, sans-serif }
.list-links a {
font-size: 1.125em;
font-weight: bold;
color: #000;
}
.list-links a::before {
content: '\02022';
padding-right: .25em;
}
.list-links a:hover {
color: #fff; }
.list-nav { font-family: Poppins, sans-serif;
font-weight: bold;
font-size: .75em;
line-height: 1.25;
}
.list-nav li.active a {
color: #fff; }
.list-nav a, .list-nav a:visited {
color: #00F;
}
.list-nav a:active, .list-nav a:hover, .list-nav a:focus, .list-nav a.active {
color: #fff; }
.list-nav.splide__list {
flex-flow: column nowrap;
}
.list-nav.splide__list .splide__slide {
border: none !important;
}
.list-nav.splide__list .splide__slide a, .list-nav.splide__list .splide__slide a:visited {
color: #00F;
}
.list-nav.splide__list .splide__slide a:active, .list-nav.splide__list .splide__slide a:hover, .list-nav.splide__list .splide__slide a:focus, .list-nav.splide__list .splide__slide a.splide__active {
color: #fff; }
.list-nav.splide__list .splide__slide.is-active a, .list-nav.splide__list .splide__slide.is-active a:visited {
color: #fff; }
.list-partners {
display: flex;
flex-flow: row wrap;
align-items: center;
} aside .list-partners li {
margin-bottom: 0.25rem;
}
.list-partners img {
width: auto;
max-width: 7.5em;
max-height: 2.25em;
}
.list-partners img[src$=".svg"] {
height: 2em;
}
aside .list-partners img {
max-width: 3.75em;
}
.list-partners article + article {
margin-top: 0;
}
.list-tags {
display: inline-flex;
flex-wrap: wrap;
margin: 0 -.25em; font-family: Poppins, sans-serif
}
.list-tags li {
padding: 0 .25em .375em;
line-height: 1;
}
.list-tags a {
display: block;
border-radius: .375em;
background: #fff; color: #000;
font-size: .75em;
padding: .5em 1.5em;
}
.list-tags a:hover, .list-tags a:focus, .list-tags a:active {
background-color: #CCC;
}
.list-prizes {
font-size: 1.125em;
}
@media (width >= 992px) {
.list-prizes {
display: flex;
flex-flow: row wrap;
}
.list-prizes > * {
flex-basis: calc(50% - 3em);
}
}
.list-prizes li {
padding: .5em 2em .575em 1em;
position: relative;
}
.list-prizes .prize {
font-family: Poppins, sans-serif
;
font-weight: 700
}
.list-prizes .prize::before {
content: '\2022';
position: absolute;
top: .5em;
left: 0;
font-size: 1em;
padding-right: .5em;
}
.list-newsrooms li:not(:last-of-type) {
border-bottom: 1px solid;
}
.list-newsrooms li a {
display: flex;
flex-flow: row;
align-items: center;
font-size: 5rem;
font-size: clamp(2.25rem, 10vw, 5rem);
word-break: break-word;
line-height: 1.15;
}
.list-newsrooms li a, .list-newsrooms li a:active, .list-newsrooms li a:visited, .list-newsrooms li a:focus {
color: #000;
}
.list-newsrooms li a span {
transition: transform .35s;
transform: translateX(0);
}
.list-newsrooms li a:hover span {
transform: translateX(0.75rem);
}
@media (width <= 576px) and (orientation: portrait) {
.list-newsrooms li a {
font-size: 2.25em;
line-height: 1.175;
}
}
.list-newsrooms .arrow {
margin-left: auto;
height: 1em;
width: auto;
font-size: 2rem;
font-size: clamp(0.75rem, 5vw, 2rem);
}
@media (width <= 576px) and (orientation: portrait) {
.list-newsrooms .arrow {
font-size: 1rem;
}
}
.slider-controls {
display: flex;
flex-flow: row;
justify-content: flex-end;
margin: 0.5rem 0 2rem;
}
.slider-controls li:last-child {
margin-right: -.5em;
}
.slider-controls a {
cursor: pointer;
padding: .75em .75em .25em;
display: block;
}
.slider-controls .arrow {
height: 1em;
width: auto;
}
@media (width <= 768px) {
.mobileMenu-btn {
display: block;
}
body > aside a {
color: #000!important;
}
body > aside a:hover, body > aside a:active, body > aside a:focus {
color: #000!important;
background-size: 0 0; }
}
@media (width <= 768px) and (width <= 768px) {
body > aside a {
line-height: 1.75;
display: inline-block;
}
}
@media (width <= 768px) {
body > aside nav {
background: white; padding: 1em;
height: calc(100vh - 6.375em);
}
body > aside li {
font-weight: 600;
line-height: 1.75em;
}
}
@media (width <= 768px) and (width <= 768px) {
body > aside li {
font-size: 2em;
line-height: 1;
display: block;
padding: .25em 0;
}
}
.search {
flex: 0 auto;
}
header > .search {
margin-left: auto;
flex: 0 50%;
}
header > .search form {
flex: 1;
}
.search-form {
font-family: Poppins, sans-serif; display: flex;
flex-flow: row nowrap;
flex: 0;
}
.search-form label {
font-size: 1.125em;
}
@media (width <= 768px) {
.search-form label {
flex: 1;
}
}
.search-form label span {
display: none;
}
.search-form input {
flex: 1;
padding-left: 0;
min-width: 4.75em;
transition: all .6s;
}
.search-form input::placeholder {
color: #fff; }
.search-form input:placeholder-shown {
max-width: 4.75em;
}
@media (width <= 768px) {
.search-form input {
width: 100%;
}
}
.search-form input, .search-form input:focus, .search-form input:active, .search-form input:hover {
border: 0;
outline: 0;
}
.search-form input:focus, .search-form input:active {
max-width: 100%;
}
@media (width >= 768px) {
.search-form input:focus, .search-form input:active {
max-width: 20em;
}
}
.search-form input:focus::placeholder, .search-form input:active::placeholder {
opacity: 0;
}
.search-form input::-webkit-search-decoration, .search-form input::-webkit-search-cancel-button, .search-form input::-webkit-search-results-button, .search-form input::-webkit-search-results-decoration {
display: none;
}
.search-form input::-webkit-search-cancel-button {
position: relative;
right: 0;
content: "\00d7";
appearance: none;
height: 20px;
width: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 0 24 24' width='20px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E");
background-color: transparent;
}
.search-form button {
color: #fff; cursor: pointer;
}
.search-form button svg {
fill: currentcolor;
display: block;
width: 1em;
height: 1em;
font-size: 1.5em;
transition: all .6s;
}
.search-form button:focus svg, .search-form button:hover svg {
fill: #000;
}
.social-links {
display: flex;
flex-flow: nowrap;
}
.follow-links a:not(:first-of-type) {
margin-left: 1.5em;
}
.follow-links a {
background: none !important;
border: none;
padding: 0;
margin: 0;
text-decoration: none;
color: inherit;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.5em;
}
.follow-links a.link-icon::after {
display: none !important;
}
.follow-links a i {
height: auto; margin-right: 2em; display: flex;
align-items: center;
}
.follow-links a i svg {
width: 20px; height: 20px;
fill: currentColor;
display: block;
}
@media (width <= 576px) {
.follow-links a:not(:first-of-type) {
margin-left: .5em;
}
header > .follow-links a span {
display: none;
}
header > .follow-links a i {
margin: 0;
}
}
.splide a {
color: #000;
}
@media (width <= 992px) {
.splide__arrows {
margin-top: -.5em;
}
body.home .splide__arrows {
margin-top: 0;
}
}
.splide__arrow {
background: transparent;
width: 4.5em;
transition: transform .25s ease-in-out;
transform: translateY(0);
}
.splide__arrow--next {
right: 0;
}
.splide__arrow--next:hover, .splide__arrow--next:focus {
transform: translateX(0.5em);
transition-delay: .1s;
}
.splide__arrow--prev {
left: 0;
}
.splide__arrow--prev:hover, .splide__arrow--prev:focus {
transform: translateX(-0.5em);
transition-delay: .1s;
}
.splide__arrow svg {
width: 100%;
height: auto;
}
aside > .splide {
flex: 1 100%;
height: 100%;
padding-bottom: 1em;
display: flex;
}
aside > .splide .splide__arrows {
margin-left: auto;
}
@media (width >= 992px) {
aside > .splide {
flex-flow: column nowrap;
}
aside > .splide .splide__arrows {
margin-top: auto;
}
}
@media (width >= 992px) {
main aside + * > .splide:only-child {
padding-bottom: 3em;
}
}
.splide .readmore, .splide .readmore:visited {
color: #00F;
}
.splide .readmore:active, .splide .readmore:focus, .splide .readmore:hover {
color: #fff; } @media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
[data-aos^="fade"][data-aos^="fade"], [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.inactive {
pointer-events: none;
opacity: .5;
} aside .card-post.publication figure {
margin-bottom: .5rem;
}
aside .card-post.publication img {
max-width: 3.75em;
} #newsletter {
background-color: #A1BBC4;
padding: 1.125rem 1.125rem 4rem; }
#newsletter h1 {
margin-bottom: 2rem;
}
#mc_embed_signup {
clear: left;
width: 100%;
}
#mc_embed_signup form {
text-align: center;
padding: 10px 0;
}
#mc_embed_signup input.email {
color: #C1C3C3;
border: none;
background-color: #fff;
box-sizing: border-box;
height: 52px;
padding: 0 9px;
display: inline-block;
margin: 0;
width: 100%;
max-width: 350px;
vertical-align: top;
margin-right: -3px; }
.clear {
display: inline-block;
}
#mc_embed_signup .button {
display: inline-block;
border: none;
color: #fff;
background-color: #000;
box-sizing: border-box;
width: 197px;
height: 52px; padding: 0 9px;
margin: 0;
transition: all 0.23s ease-in-out 0s;
cursor: pointer;
}
.list-partners.list-donors img {
max-width: 11.25em;
max-height: 3.375em;
}
body.post .post-date {
font-family: Poppins, sans-serif;
font-size: .75em;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
main > section > article > header {
min-height: 1rem
}
pre {
font-family: "Courier 10 Pitch", courier, monospace;
background-color: darkgray;
color: white;
white-space: break-spaces;
}
.content figure {
max-width: 100%;
} .accordion {  margin: 40px auto;
}
.accordion-item { border-radius: 4px;
margin-bottom: 10px;
}
.accordion-header { background: #f1f1f1;
padding: 10px;
font-size: 16px;
text-align: left;
border: none;
outline: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-header h3{
line-height: 1;
margin: 0;
}
.accordion-header::after{  }
.accordion-header h3::after{    }
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
padding: 10px;
}
.accordion-content p {
margin: 10px 0;
}
.chevron {
transition: transform 0.3s ease;
font-weight: 700;
font-size: 12px;
transform: rotate(90deg);
}
.accordion-item.open .accordion-content {
max-height: 200px; }
.accordion-item.open .chevron {
transform: rotate(-90deg);
} .accordion-button {
color: #000;
} .accordion-button:not(.collapsed) {
color: #90F;
box-shadow: none !important;
}
*/    html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
} .footer-menu-container {
font-family: Poppins, sans-serif;
font-size: 30px;
text-align: left;
} .footer-navigation {
list-style: none;
padding: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start; width: 100%;
} .footer-navigation .submenu {
width: 100%; display: flex;
} .footer-navigation .submenu a {
display: flex; width: 100%; font-family: Poppins, sans-serif;
font-size: 20px;
color: #bbb; text-decoration: none;
padding: 20px;
position: relative;
transition: color 0.3s ease-in-out;
text-transform: uppercase; justify-content: flex-start;
align-items: center;
Background: none;
}
.footer-logo {max-width: 300px!important; height: auto!important;} .footer-navigation .submenu a:hover {
color: #fff;
} .footer-navigation .submenu a::after {
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%; height: 0.5px;
background: #bbb; transition: background 300ms ease-in-out;
} .footer-navigation .submenu a:hover::after {
background: white;
} .footer-navigation .submenu a span.arrow {
display: inline-block;
transform: translateX(-100%); opacity: 0; transition: transform 300ms cubic-bezier(.694,0,.335,1), opacity 300ms ease-in-out;
} .footer-navigation .submenu a:hover span.arrow {
transform: translateX(0);
opacity: 1;
} .footer-socials {
display: flex;
gap: 25px; margin-top: 20px;
} .footer-socials .list-inline-item a img {
width: 30px; height: 30px;
filter: grayscale(100%); transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;
} .footer-socials .list-inline-item a:hover img {
filter: grayscale(0%) brightness(100%);
transform: translateY(-2px); } .sidebar {
position: relative;
border-right: 1px solid #EEF0F6;
} .sticky-sidebar {
position: sticky;
top: 100px;
max-height: 90vh;
overflow-y: auto;
padding-right: 15px;
padding-left: 15px;
scrollbar-width: none; -ms-overflow-style: none; } .accordion-btn {
background: none;
border: none;
padding: 12px 0; font-size: 18px;
font-family: Poppins, sans-serif !important;
cursor: pointer;
width: 100%;
text-align: left;
transition: color 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: space-between;
} .sidebar ul.list-unstyled li {
position: relative;
margin: 0;
padding: 0;
border-bottom: 1px solid rgb(255 255 255 / 40%); 
} .accordion-body {
padding: 10px 0; } .accordion-btn span {
font-size: 16px;
font-weight: normal;
margin-left: auto;
} .accordion-btn:hover {
color: #8ab4f8;
} .sidebar-text p {
font-size: 20px; margin-bottom: 8px; } .sidebar-text a {
font-size: 20px;
font-weight: normal;
text-decoration: none;
color: #90F; display: inline-block;
transition: color 0.3s ease-in-out;
} .sidebar-text a:hover { } .custom-text p {
font-size: 18px;
line-height: 1.6;
font-family: inherit;
text-align: left;
margin-bottom: 20px;
}
.post main .sidebar {
flex: none; Z-index: 8;
} .sidebar-accordion {
border-radius: 0; } .accordion-item {
background-color: transparent;
border: none;
} .accordion-button {
font-weight: 600;
font-family: Poppins, sans-serif !important;
background: none;
border: none;
padding: 12px 0; font-size: 18px !important;
cursor: pointer;
width: 100%;
text-align: left;
transition: color 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: space-between;
} .accordion-button {
border: none !important;
color: #000 !important;
width: 100%;
text-align: left;
padding: 15px 10px;
} .accordion-button:focus {
box-shadow: none;
} .accordion-button:not(.collapsed) .toggle-icon {
content: "-";
} .toggle-icon {
transition: transform 0.3s ease-in-out;
} .accordion-button:focus {
box-shadow: none !important;
outline: none !important;
} .accordion-button:not(.collapsed) {
background: transparent !important; } .accordion-button::after {
background-image: none !important; content: '+';
font-size: 1.25rem;
Font-weight: 400;
color: inherit;
transform: none;
transition: transform 0.3s ease-in-out;
} .accordion-button:not(.collapsed)::after {
content: '−'; transform: none !important;
} .accordion-body {
padding: 12px 20px;
background-color: transparent !important;
font-size: 16px;
} .sidebar-link {
font-size: 18px;
line-height: 1.4;
} .sidebar-text {
font-size: 18px;
line-height: 1.4; display: block;
margin-top: 5px;
} .sidebar-text a {
font-size: 18px;
display: block;
margin-top: 5px;
} .accordion-item {
border-bottom: 1px solid #EEF0F6; padding-bottom: 10px;
margin-bottom: 10px;
}
.accordion-wrapper {
max-width: 90%; margin: 0 auto; text-align: left; }
.faq .accordion-item {
border-bottom: 1px solid rgb(0 0 0 / 12.5%); padding-bottom: 10px;
margin-bottom: 10px;
}
.accordion-header {
background-color: transparent!important;
}
.accordion-item {
background-color: transparent!important;
}
.accordion-button.collapsed {
background: #fff;
box-shadow: none !important;	
}
.faq .accordion-button.collapsed::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq  .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: var(--bs-accordion-btn-icon-transform);
}
footer {
z-index: 1000;
}
.showcase .showcase-text {
padding: 3rem
}
.showcase .showcase-img {
min-height: 30rem;
background-size: cover
}
@media(width >= 768px) {
.showcase .showcase-text {
padding:7rem
}
}
.aside__section-info {display:none!important;}
.lead18 > p, p.lead18 {
font-size: 18px;
}
.faq .accordion-body ul {
list-style-type: disc !important; margin-left: 1.5rem; font-size: 18px;
}
.faq .accordion-body p {
font-size: 18px;
}
span.fw-bold
{
font-size: 800;
}
html {
scroll-padding-top: 100px; }
.accordion-item:last-of-type {
border-bottom-right-radius: unset;
border-bottom-left-radius: unset;
}
.post-credits{
font-family: var(--font-small-text);
font-size: 14px;
font-weight: 400; color: #000;
margin-bottom: .5em;
}
.impact-img {
display: flex;
align-items: center; justify-content: center; } .impact-img img {
width: 100%; 
aspect-ratio: 4 / 4;
object-fit: cover; 
border-radius: 8px; 
}
@supports not (aspect-ratio: 1) {
.impact-img img {
height: 60vw; }
}
@media (width <= 767.98px) {
.impact-img img {
aspect-ratio: 4 / 2; }
@supports not (aspect-ratio: 1) {
.impact-img img {
height: 40vw; }
}
} .flex > * {
min-width: 0; } html {
scroll-padding-top: 100px;
-webkit-scroll-padding-top: 100px; } body {
-webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;
} .btn:hover {
transform: translateY(-1px);
transition: transform 0.3s ease; }
.btn:active {
transform: translateY(1px);
} .btn:focus {
outline: 2px solid rgb(0 0 0 / 20%); } img {
width: 100%;
height: auto;
object-fit: cover;
} @media (width >= 768px) {
.flex.colx2 > * {
flex-basis: calc(50% - 2em);
min-width: 0; }
}
.btn {
position: relative;
padding: 0 30px;
height: 50px;
line-height: 50px;
border-radius: 4px;
border-width: 0;
font-size: 16px;
font-weight: 600;
transition: all .3s ease;
letter-spacing: -0.04em;
overflow: hidden;
}
.btn:focus {
box-shadow: none;
outline: none;
}
.btn:hover {
transform: translateY(-1px);
}
.btn:active {
transform: translateY(1px);
outline: none;
}
.btn:active:focus {
outline: none;
}
.btn.upper {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
}
.btn.no-radius {
border-radius: 0;
}
.btn.btn-round {
border-radius: 50px;
}
.btn.btn-circle {
border-radius: 100px;
height: 75px;
width: 75px;
line-height: 73px!important;
padding: 0;
font-size: 20px;
}
.btn.btn-circle.btn-lg {
width: 90px;
height: 90px;
line-height: 88px!important;
}
.btn.btn-circle.btn-lg > i {
font-size: 28px;
}
.btn.btn-circle.btn-sm {
width: 50px;
height: 50px;
line-height: 48px!important;
}
.btn.btn-circle.btn-sm > i {
font-size: 18px;
}
.btn.btn-circle.btn-xs {
width: 40px;
height: 40px;
line-height: 38px!important;
}
.btn.btn-circle.btn-xs > i {
font-size: 18px;
}
.btn.btn-circle > i {
margin: 0!important;
}
.btn-shadow {
box-shadow: 0 4px 16px rgb(0 0 0 / 7%);
}
.btn-shadow:hover {
box-shadow: 0 8px 26px rgb(0 0 0 / 10%);
}
.btn.btn-gradient:hover::after {
animation-delay: 0s;
}
.btn.btn-light-out,.btn.btn-color-out,.btn.btn-color-out-gold,.btn-color-out-yellow,.btn.btn-dark-out,.btn.btn-bordered {
line-height: 48px;
border-width: 1px;
}
.btn.btn-light-out::after,.btn.btn-light::after {
background-image: linear-gradient(left,transparent,rgb(0 0 0 / 13%),transparent);
background-image: linear-gradient(to right,transparent,rgb(0 0 0 / 13%),transparent);
}
.btn + .btn:not(.btn-block) {
margin-left: 15px;
}
.btn > i {
vertical-align: middle;
display: inline-block;
margin-left: 10px;
font-size: 18px;
}
.btn > i::before {
vertical-align: middle;
}
.btn > i.align-left {
margin-left: 0;
margin-right: 10px;
}
.btn-dark {
color: #fff;
background-color: #1f1f1f;
}
.btn-dark:hover,.btn-dark:active {
color: #fff;
background-color: #1f1f1f;
}
.btn-dark:focus {
color: #fff;
}
.btn-dark-out {
color: #1f1f1f;
border-color: #1f1f1f;
background-color: transparent;
}
.btn-dark-out:hover,.btn-dark-out:active {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fff;
}
.btn-light {
color: #1f1f1f;
background-color: #fff;
}
.btn-light:hover,.btn-light:active {
background-color: #fff;
color: #1f1f1f;
}
.btn-light:focus {
color: #1f1f1f;
}
.btn-light-out {
color: #fff;
border-color: #fff;
background-color: transparent;
}
.btn-light-out:hover,.btn-light-out:active {
background-color: #fff;
border-color: #fff;
color: #1f1f1f;
}
.btn-color {
color: #fff;
background-color: #49c5b6;
}
.btn-color:hover,.btn-color:active {
background-color: #42AB9E;
color: #fff;
}
.btn-color:focus {
color: #fff;
}
.btn-color-out {
color: #49c5b6;
border-color: #49c5b6;
background-color: transparent;
}
.btn-color-out-yellow {
color: #000;
border-color: #cccc98;
background-color: transparent;
}
.btn-color-out-yellow:hover,.btn-color-out-yellow:active {
background-color: #cccc98;
border-color: #cccc98;
color: #000 !important;
}
.btn-color-out-yellow:focus {
color: #49c5b6;
}
.btn-color-out:hover,.btn-color-out:active {
background-color: #49c5b6;
border-color: #49c5b6;
color: #fff !important;
}
.btn-color-out:focus {
color: #49c5b6;
}
.btn-color-out-gold {
color: #c29848;
border-color: #c29848;
background-color: transparent;
}
.btn-color-out-gold:hover,.btn-color-out-gold:active {
background-color: #c29848;
border-color: #c29848;
color: #fff !important;
}
.btn-color-out-gold:focus {
color: #c29848;
}
.btn-gradient {
color: #fff;
background: linear-gradient(160deg,#49c5b6 0%,#cf93ff 100%);
}
.btn-gradient:hover,.btn-gradient:active {
background: linear-gradient(160deg,#49c5b6 0%,#cf93ff 100%);
color: #fff;
}
.btn-gradient:focus {
color: #fff;
}
.btn-bordered {
color: #1f1f1f;
border-color: #dedede;
background-color: transparent;
}
.btn-bordered:hover,.btn-bordered:active {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fff;
}
.btn-custom {
color: #fff !important;
background-color: #90F;
}
.btn-custom::before {
content: "";
position: absolute;
inset: 0;
background-color: #fff;
transition: all .3s ease;
opacity: 0;
}
.btn-custom:hover::before {
opacity: .15;
}
.btn-custom:hover,.btn-custom:active {
color: #fff !important;
background-color: #A824FF;
}
.btn-custom:focus {
color: #fff;
}
.inline-icon-btn > h5 {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.075em;
margin: 0 10px;
font-weight: 500;
vertical-align: middle;
}
.btn-dark::after,.btn-dark-out::after,.btn-color::after,.btn-color-out::after,.btn-color-out-gold::after,.btn-custom::after {
content: '';
position: absolute;
top: 0;
left: -200%;
width: 200%;
height: 100%;
transform: skewX(-20deg);
background-image: linear-gradient(left,transparent,rgb(255 255 255 / 40%),transparent);
background-image: linear-gradient(to right,transparent,rgb(255 255 255 / 40%),transparent);
}
.btn-dark:hover,.btn-dark-out:hover,.btn-color:hover,.btn-color-out:hover .btn-color-out-gold:hover,.btn-custom:hover {
transform: translateY(-1px);
}
.btn-dark:hover::after,.btn-dark-out:hover::after,.btn-color:hover::after,.btn-color-out:hover::after,.btn-color-out-gold:hover::after,.btn-custom:hover::after {
animation: shine 1.6s ease;
animation-delay: .2s;
}
.btn.btn-sm {
padding: 0 16px;
font-size: 12px;
height: 40px;
line-height: 40px;
}
.btn.btn-sm.upper {
font-size: 10px;
}
.btn.btn-sm > i {
font-size: 14px;
}
.btn.btn-lg {
padding: 0 45px;
height: 58px;
line-height: 58px;
font-size: 16px;
}
.btn.btn-lg.upper {
font-size: 16px;
}
.btn.btn-lg > i {
font-size: 20px;
}
.btn-block + .btn-block {
margin-top: 15px;
} .page-title-wrap {
padding: 100px 0;
background-color: #f6f6f6;
}
.page-title-small {
padding: 15px 0;
}
.page-title-small .page-title {
font-size: 22px;
}
.page-title-medium {
padding: 100px 0;
}
.page-title-medium .page-title {
font-size: 28px !important;
}
.page-title-large {
padding: 150px 0;
}
.page-title-left .page-title-row {
justify-content: start;
}
.page-title-center .page-title-row {
justify-content: center;
text-align: center;
}
.page-title-right .page-title-row {
justify-content: end;
text-align: right;
}
.page-title-justify .page-title-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.page-title-justify .page-title {
margin-bottom: 0;
}
.page-title-wrap.text-light * {
color: var(--bs-white);
} .prize {
padding: 2rem 1rem 1rem;
}
.swiss-700 {
font-family: "Swiss 721", sans-serif;
font-weight: 700;
} // post tags
.post-tags {
li {
font-size: 15px;
text-transform: capitalize;
position: relative;
&:not(:first-child, :last-child) {
margin-right: 6px;
padding-right: 10px;
&::before {
position: absolute;
top: 50%;
right: 0;
@include transform(translateY(-50%));
width: 5px;
height: 5px;
background-color: var(--color-primary);
@include border-radius(50%);
content: "";
}
}
span {
display: inline-block;
background-color: var(--color-primary);
padding: 0 10px;
line-height: 25px;
color: #fff;
@include border-radius(3px);
margin-right: 12px;
}
a {
color: #C0C0C0;
&:hover {
color: #fff;
}
}
}
&--2 {
li {
&:not(:first-child, :last-child) {
margin-right: 11px;
padding-right: 15px;
}
a {
color: var(--color-black);
&:hover {
color: var(--color-black);
}
}
}
}
&.style-2 {
li {
&::before, span {
background-color: var(--color-primary-2);
}
}
}
}
@media (width <= 767.98px) {
[id] {
scroll-margin-top: 230px; }
} .card-team {
margin-bottom: 0.5rem;
border:0;}
.card-team .title{
font-size: 24px;
margin-bottom: 0;
}
.card-team .title a{
color: black;
}
.card-team .title a:hover{
color: var(--color-accent);
}
.card-team .position{
display: block;
font-family: Burgess;
font-size: 1em;
font-weight: 400;
color: var(--color-accent); }
.card-team .title span + span::before {
content: none;
}
.card__contact {
padding-left: 0 !important;
}
.card__contact li{
display: inline-block;
margin: 10px 10px 0 0;
}
.card-team img{
aspect-ratio: 342/210;
width: 100%;
height: auto;
object-fit: cover;
object-position: center top;
max-width: 100%;
}
.single-team .card-team{
margin-top: 80px;
display: flex;
gap: 40px;
flex-wrap: wrap;
}
.single-team .article__photo img{
margin-top: 0;
}
.single-team .team-group{
text-transform: uppercase;
font-family: var(--font-family-ui);
}
.single-team .card-team img{
aspect-ratio: 271/311;
width: 100%;
height: auto;
object-position: center top;
}
.single-team .card-team section {
margin-top: 55px;
padding-top: 10px;
border-top: 1px solid;
}
.card-team .title {
font-size: 18px;
margin: 0.5rem 0 0;
line-height: 1.5;
}
.card-team .title span + span::before {
content: '/';
padding: 0 .125em;
}
.card-team p {
margin-bottom: 0;
} .author-wrapper {
float: left;
width: 100%;
}
.author-info {
width:100%;
float:left;
margin: 0 0 60px;
border:1px solid#ccc;	
padding:15px;
border-radius:15px;
overflow: hidden;
}
.author-single .author-info {
position:relative;
margin: 0 0 50px;
}
.dark .author-info {
border:1px solid#333;	
}
.author-description p {
margin:15px 0;
}
.author-avatar {
margin-top: 0;
width:100%;
float:left;
}
.author.archive .author-avatar img{
width:100%;
height:auto;
}
.author-avatar img{
width: 100%;
height:auto;
}	
.author-description {
width: calc(100% - 15%);
padding-left:30px;
position:relative;	
}
.author-description span{
width: 100%;
margin-top:5px;
font-size:12px;
}
.author-description h2{
color:#181818;
text-transform:capitalize;
margin:5px 0 0;
} .content-author2 {
float:left;
width:100%;	
margin:0 0 10px;
}
.date-author2 {
float:left;
margin-right:10px;
padding:0 ;
position:relative;
}
.author_left_style2{
float:left;
position:relative;
margin:0 0 30px;
border:1px solid#ccc;
padding:25px;
}
.author-description_left_style2{
float:left;
width:100%;
line-height:20px;
}
.author-descwrapper {
float:left;
width:100%;
margin-bottom:20px;
}
.author-description_left_style2 h4{
float:left;
width:100%;
color:#181818;
margin-bottom:15px;
}
.authorname_wrapper{
float:left;
width:100%;
}
.authorname_wrapper img{
float:left;
margin:0 15px 2px 0;
}
.author_left_style2 .authorname_name{
float:left;
margin:0 0 15px;	
font-size:14px;
font-weight:600;
line-height:1.1em;
text-transform:capitalize;	
width:100%;
color:#000;
}
.author_left_style2 .authorname_name span{
color:#666;	
font-weight:400;
margin-right:3px;
}
.author_left_style2 .authorname_position{
float:left;
margin-bottom:5px;
font-size:14px;
line-height:1.1em;
text-transform:capitalize;
}
.author-twitter,
.author-email,
.author-facebook,
.author-youtube,
.author-gplus ,
.author-vimeo ,
.author-linkedin ,
.author-devianart ,
.author-dribble ,
.author-flickr ,
.author-instagram ,
.author-behance ,
.author-reddit ,
.author-forrst,
.author-github ,
.author-pinterest {
float:left;
width:18px;
height:18px;
font-size:14px;
margin-right:30px;
}
.author-socmed-wrapper  {
margin: 0 10px 0 0;
float: left;
display: inline;
width:18px;
position:relative;
}
.author-socmed-wrapper img{
padding:8px 0 0;		
width:25px;	
opacity:1;
}
.author-socmed-wrapper a:hover img{
opacity:0.5;
}
.author-socmed-wrapper .tooltiptext {
visibility: hidden;
background-color: black;
color: #fff;
width:auto;
text-align: center;
padding: 2px 10px;
top: -25px;
left: 0;
position: absolute;
z-index: 1;  
}
.author-socmed-wrapper:hover .tooltiptext {
visibility: visible;
}
.author-facebook::before {
font-family: FontAwesome;
content: "\f09a";
}
.author-youtube::before {
font-family: FontAwesome;
content: "\f167";
}
.author-gplus::before {
font-family: FontAwesome;
content: "\f0d5";
}
.author-vimeo::before {
font-family: FontAwesome;
content: "\f27d";
}
.author-linkedin::before {
font-family: FontAwesome;
content: "\f0e1";
}
.author-devianart::before {
font-family: FontAwesome;
content: "\f1bd";
}
.author-dribble::before {
font-family: FontAwesome;
content: "\f17d";
}
.author-flickr::before {
font-family: FontAwesome;
content: "\f16e";
}
.author-instagram::before {
font-family: FontAwesome;
content: "\f16d";	
}
.author-behance::before {
font-family: FontAwesome;
content: "\f1b4";
}
.author-reddit::before {
font-family: FontAwesome;
content: "\f281";
}
.author-forrst::before {
font-family: FontAwesome;
content: "\f286";
}
.author-github::before {
font-family: FontAwesome;
content: "\f09b";
}
.author-pinterest::before {
font-family: FontAwesome;
content: "\f231";
} .swiper-button-prev,
.swiper-button-next {
color: #90F !important; } .swiper-button-prev:hover,
.swiper-button-next:hover {
color: #C56DFF; } .card.module2-post {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.card.module2-post:hover {
box-shadow: 0 6px 18px rgb(0 0 0 / 10%);
} .module2-thumb {
position: relative;
overflow: hidden;
}
.module2-thumb img {
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.4s ease;
}
.module2-post:hover .module2-thumb img {
transform: scale(1.05);
} .abs-definition {
position: absolute;
top: 10px;
left: 10px;
background: #000;
color: #fff;
padding: 4px 10px;
font-size: 12px;
border-radius: 3px;
opacity: 0.8;
z-index: 10;
} .cat-color a {
font-size: 13px;
color: #777;
margin-right: 8px;
text-transform: uppercase;
}
.cat-color a:hover {
text-decoration: underline;
} .card-title a {
color: #222;
font-weight: 600;
font-size: 18px;
text-decoration: none;
}
.card-title a:hover {
text-decoration: underline;
} .card-text small {
font-size: 12px;
color: #999;
}
.color-card {
padding: 200px 20px;
color: #111;
transition: transform 0.3s ease;
box-shadow: 0 4px 20px rgb(0 0 0 / 5%);
}
.color-card:hover {
transform: translateY(-5px);
} .card-1 {
background-color: #f3eefc; }
.card-2 {
background-color: #e9e9f0; }
.card-3 {
background-color: #ececec; }
.card-title {
font-size: 1.5rem;
font-weight: 600;
color: #333;
margin: 0;
} .icon i {
font-size: 2.5rem;
color: #6f42c1; }
.text-purple {
color: #a100ff;
}
.team-card {
padding: 0 10px;
}
.team-social {
min-height: 28px;
display: flex;
align-items: center;
gap: 10px;
}
.team-social i {
font-size: 1.1rem;
}
.swiper-button-prev,
.swiper-button-next {
color: #a100ff;
padding: 0 15px;
} .team-button-next, .team-button-prev {
color: #333;
}
.team-pagination .swiper-pagination-bullet {
background: #ccc;
}
.team-pagination .swiper-pagination-bullet-active {
background: #333;
} .mediaSwiper .swiper-slide {
width: auto;
display: flex;
align-items: center;
justify-content: center;
}
.partner-logo {
max-height: 80px;
width: auto;
height: auto;
filter: grayscale(100%) brightness(90%);
transition: all 0.3s ease-in-out;
object-fit: contain;
}
.donor-logo {
max-height: 80px;
width: auto;
height: auto;
transition: all 0.3s ease-in-out;
object-fit: contain;
}
.media-button-next, .media-button-prev {
color: #333;
}
.media-pagination .swiper-pagination-bullet {
background: #ccc;
}
.media-pagination .swiper-pagination-bullet-active {
background: #333;
} @media (width <= 768px) {
.media-button-next, .media-button-prev {
display: none;
}
}
.team-button-next,
.team-button-prev,
.media-button-next,
.media-button-prev {
top: 50%;
z-index: 10;
width: 44px;
height: 44px;
color: #333;
cursor: pointer;
}
.team-button-next,
.media-button-next {
right: 10px;
}
.team-button-prev,
.media-button-prev {
left: 10px;
} .team-button-next::after,
.team-button-prev::after,
.media-button-next::after,
.media-button-prev::after {
font-size: 20px;
}
.team-button-prev,
.team-button-next,
.media-button-prev,
.media-button-next {
color: #90F !important; } .team-button-prev:hover,
.team-button-next:hover {
color: #C56DFF; } .team-button-prev::after,
.team-button-next::after,
.media-button-prev::after,
.media-button-next::after {
font-size: 20px;
color: white;
}
.team-button-next::after,.team-button-prev::after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.team-button-prev::after,.swiper-rtl .swiper-button-next::after {
content: 'prev'
}
.team-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto
}
.team-button-next::after,.swiper-rtl .swiper-button-prev::after {
content: 'next'
}
.swiper-button-custom {
width: 40px;
height: 40px;
background-color: #333;
display: flex;
justify-content: center;
align-items: center;
color: #333;
cursor: pointer;
font-size: 18px;
box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
transition: all 0.3s ease;
}
.swiper-button-custom:hover {
background-color: #333;
color: #fff;
}
.swiper-button-custom::after {
font-size: 16px;
font-weight: bold;
}
.hero-banner {
position: relative;
color: #fff;
height: 100vh;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
z-index: 1;
overflow: hidden;
margin-top: -75px;
}
.hero-banner::before {
content: "";
position: absolute;
inset: 0; background: linear-gradient(rgb(0 0 0 / 40%), rgb(0 0 0 / 40%)); z-index: 0;
}
.hero-banner .container {
position: relative;
z-index: 1;
}
.hero-banner h1,
.hero-banner h2,
.hero-banner h6 {
color: #fff;
}
.hero-banner .partners {
margin-top: 1rem;
}
.hero-banner .list-partners img {
filter: invert(1);
max-height: 60px;
} .hero-banner h1,
.hero-banner h2,
.hero-banner h6 {
margin-bottom: 0.75rem;
} .hero-banner .container {
text-align: center;
} .hero-banner h1 {
font-size: 3.5rem !important; font-weight: 700 !important;  margin-bottom: 1rem;
font-family: Poppins, sans-serif !important;
} .hero-banner .post__date {
margin-top: 1rem;
font-size: 0.85rem;
letter-spacing: 0.05em;
opacity: 0.9;
} .list-partners h6 {
font-size: 0.9rem;
font-weight: 500;
opacity: 0.85;
margin-top: 2rem;
margin-bottom: 1rem;
} .list-partners {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.list-partners li img {
max-height: 50px;
filter: drop-shadow(0 0 3px rgb(0 0 0 / 70%));
max-width: 100px;
height: auto;
}
.hero-featured .lead {
font-size: 1.25rem; font-weight: 400; line-height: 1.5; color: #f1f1f1; max-width: 600px; margin-bottom: 1.5rem; text-shadow: 0 1px 2px rgb(0 0 0 / 40%); margin-top:10px;
}
.hero-featured h1 {
font-size: 3rem; font-weight: 800; line-height: 1; color: #fff; margin-bottom: 1rem;  text-transform: uppercase;
margin-top: 180px;
}
.title a {
outline: none;
text-decoration:none;
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor));
background: linear-gradient(left, currentcolor 0%, currentcolor 100%);
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%);
background-size: 0 5%;
background-repeat: no-repeat;
background-position: left 100%;
transition-duration: 0.5s;
display: inline;
}
.title a:hover {
color: inherit;
background-size: 100% 5%;
}
.hero-featured a {
outline: none;
color: #111;
text-decoration:none;
background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor));
background: linear-gradient(left, currentcolor 0%, currentcolor 100%);
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%);
background-size: 0 1%;
background-repeat: no-repeat;
background-position: left 100%;
transition-duration: 0.5s;
display: inline;
}
.hero-featured a:hover {
color: inherit;
background-size: 100% 1%;
}
.hero-link img {
filter: invert(1);
opacity: 0.9; max-width: 60px!important;
}    .use-montserrat,
.use-montserrat p,
.use-montserrat h1,
.use-montserrat h2,
.use-montserrat h3,
.use-montserrat h4,
.use-montserrat h5,
.use-montserrat h6 {
font-family: Montserrat, sans-serif;
}
.use-montserrat h1 { font-size: 2.5rem; font-weight: 700; }
.use-montserrat h2 { font-size: 2rem; font-weight: 600; }
.use-montserrat h3 { font-size: 1.75rem; font-weight: 600; }
.use-montserrat h4 { font-size: 1.5rem; font-weight: 500; }
.use-montserrat h5 { font-size: 1.25rem; font-weight: 500; }
.use-montserrat h6 { font-size: 1rem; font-weight: 500; }
.use-montserrat p   { font-size: 1rem; font-weight: 400; } .use-poppins,
.use-poppins p,
.use-poppins h1,
.use-poppins h2,
.use-poppins h3,
.use-poppins h4,
.use-poppins h5,
.use-poppins h6 {
font-family: Poppins, sans-serif !important;
}
body .use-poppins h1 { font-size: 2.5rem !important; font-weight: 700 !important; }
body .use-poppins h2 { font-size: 2rem !important; font-weight: 600 !important; }
body .use-poppins h3 { font-size: 1.75rem !important; font-weight: 600 !important; }
body .use-poppins h4 { font-size: 1.5rem !important; font-weight: 500 !important; }
body .use-poppins h5 { font-size: 1.25rem !important; font-weight: 500 !important; }
body .use-poppins h6 { font-size: 1rem !important; font-weight: 500 !important; }
body .use-poppins p   { font-size: 1rem !important; font-weight: 400 !important; }
p + h2 {
font-size: 1.5rem;
font-weight: 600;
font-family: Poppins, sans-serif !important;
}   a {
outline: none;
text-decoration: none;
background: linear-gradient(to right, currentcolor 0%, currentcolor 100%);
background-size: 0 5%;
background-repeat: no-repeat;
background-position: left 100%;
transition-duration: 0.5s;
display: inline;
}
a:hover {
color: inherit;
background-size: 100% 5%;
}   .s-title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 1rem;
position: relative;
display: inline-block;
}
.s-title-line {
height: 2px;
background-color: #000;
}   .investigation-card,
.methodology-card {
min-height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 6px;
transition: box-shadow 0.3s ease;
}
.investigation-card {
border: 1px solid #eee;
}
.investigation-card:hover,
.methodology-card:hover {
box-shadow: 0 6px 15px rgb(0 0 0 / 8%);
}
.investigation-card .title a:hover,
.methodology-card .title a:hover {
color: #007bff;
}   .m-investigation-card
{
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 6px;
transition: box-shadow 0.3s ease;
border: 1px solid #eee;
}
.m-investigation-card:hover,
.methodology-card:hover {
box-shadow: 0 6px 15px rgb(0 0 0 / 8%);
}
.m-investigation-card .title a:hover {
color: #007bff;
}   .publisher-logo {
max-height: 50px;
object-fit: contain;
}
.podcast-card {
min-height: 100%;
display: flex;
flex-direction: column;
padding: 1.25rem;
background-color: #fff;
border: 1px solid #eee;
border-radius: 6px;
transition: box-shadow 0.3s ease;
}
.podcast-card:hover {
box-shadow: 0 6px 15px rgb(0 0 0 / 8%);
}
.podcast-card .title a:hover {
color: #007bff;
}
.podcast-card {
position: relative; }
.podcast-tag {
border: 1px solid #f1f1f1;
font-family: Poppins, sans-serif;
background-color: #ebe0fa;
border-radius: 3px;
padding: 10px 12px;
line-height: 1;
float: left;
color: #666;
transition: all .2s ease-in-out
}
.jobs-section {
background-color: #f8f9fa; border-top: 1px solid #e9ecef;
}
.jobs-section h2 {
letter-spacing: 1px;
color: #004080; }
.jobs-section .btn-primary {
background-color: #004080;
border-color: #004080;
}
.jobs-section .btn-primary:hover {
background-color: #002f5f;
border-color: #002f5f;
} @media (width <= 768px){
body > aside .sub-menu  {
display: block; padding-left: 20px;
font-size: 0.75em;
}
body > aside .sub-menu li {
font-size: 1.2em;
line-height: 1.75;
display: block;
padding: 0.25em 0;
}
}
@media (width <= 480px){
.card-team{
margin-left: 0;
margin-right: 0;
}
.flex[class*="col"] > *{
margin-left: 0;
margin-right: 0;
}
}
.mobileMenu-btn {
position: absolute;
right: 10px;
top: 1rem;
display: none;
width: 2.625rem;
height: 2.125rem;
cursor: pointer;
color: #000;
font-size: 1.75rem;
line-height: 1;
z-index: 10001;
background: transparent;
border: none;
}
@media (width <= 768px) {
.mobileMenu-btn {
display: block;
}
}
.mobileMenu-btn i {
display: inline-block;
color: #000;
}
a.mobileMenu-btn {
--easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
--duration: .3s;
position: absolute; right: 10px;
display: none;
width: 2.625rem;
height: 2.125rem;
cursor: pointer;
opacity: 1;
}
@media (width <= 768px) {
a.mobileMenu-btn {
display: block;
}
}
.mobileMenu-close {
font-size: 1.25rem;
display: block;
margin-bottom: 1.5rem;
text-align: right;
background: none;
border: none;
cursor: pointer;
color: #000;
}
@media (width <= 991px) {
.main-nav {
display: none;
}
.mobileMenu-btn {
display: block;
}
}
.mobile-nav {
display: block;
}
.mobile-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-nav li {
padding: 0.75rem 0;
border-bottom: 1px solid #ddd;
}
.mobile-nav a {
display: block;
color: #000;
text-decoration: none;
font-weight: 600;
}
.icon-close {
display: none;
}
.menu-open .icon-open {
display: none;
}
.menu-open .icon-close {
display: inline-block !important;
}
@media (width <= 991px) {
.menu-item-has-children > .sub-menu {
display: none;
}
.menu-item-has-children:active > .sub-menu,
.menu-item-has-children:hover > .sub-menu {
display: block;
}
}
.card-text {font-size: 18px;}    #sidenav-open {
--easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
--duration: 0.6s;
} #sidenav-open {
position: fixed;
top: 5.75em;
left: 0;
right: 0;
height: 100vh;
background: white;
padding: 2rem;
z-index: 9999;
transition: right 0.3s ease, visibility var(--duration) var(--easeOutExpo);
overflow-y: auto;
overflow-x: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
visibility: hidden;
right: -100%;
} #sidenav-open.is-open {
right: 0;
visibility: visible;
} #sidenav-open nav {
transform: translateX(-110vw);
will-change: transform;
transition: transform var(--duration) var(--easeOutExpo);
} #sidenav-overlay {
display: none;
position: fixed;
inset: 0;
background: rgb(0 0 0 / 40%);
z-index: 9998;
}
#sidenav-overlay.is-visible {
display: block;
} @media (max-width: 768px) {
#sidenav-open.is-open nav {
transform: translateX(0);
}
}
@media (min-width: 992px) {
#sidenav-open,
#sidenav-button,
#sidenav-overlay {
display: none !important;
}
.main-nav {
display: block;
}
}
.bg-size-0 {
background-size: 0 0 !important;
}
.modal {
position: fixed !important;
top: 0;
left: 0;
z-index: 10000 !important;
}
.modal-backdrop {
z-index: 9999 !important;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.8;}    .list-partners--methodology h6 {
font-size: 0.9rem;
font-weight: 500;
opacity: 0.85;
margin-top: 2rem;
margin-bottom: 1rem;
} .list-partners-methodology {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: left;
gap: 1rem;
}
.list-partners-methodology li img {
max-height: 30px;
max-width: 100px;
height: auto;
}
.single-methodology section > h2 {
font-size: 1.5rem;
font-weight: 600;
font-family: Poppins, sans-serif !important;
text-transform: uppercase;
margin-top: 2em;
}
ul.chapters li a {
display: block;
padding: 8px 30px;
font-weight: 500;
color: #333;
transition: color 0.3s ease;
}
ul.chapters li a:hover {
color: #90f;
background-size: 0% 0%;
text-decoration: none !important;
}
ul.chapters li::before {
content: '';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 10px; height: 1px;
background-color: #333; }
.social-icon svg {
width: 20px;
height: 20px;
}
.social-icon svg:hover {
transform: scale(1.1);
transition: transform 0.2s ease;
background-size: 0% 0%;
}
#MathJax_Message {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
}
.mjx-container {
visibility: visible !important;
opacity: 1 !important;
}
.big-equation {
font-size: 200% !important;
margin-top:20px;
margin-bottom:20px;
}
.mt-48 {
margin-top: 3rem!important;
}
.mt-100 {
margin-top: 100px!important;
}
.mb-100 {
margin-bottom: 100px!important;
}
.tag {
display: inline-block;
margin: 0 8px 8px 0; font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
padding: 3px 13px;
background-color: #e1ec6ecc;
color: #000000;
border-radius: 0px;
white-space: nowrap; }
.tag-investigation {
display: inline-block;
margin: 0 8px 8px 0; font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
padding: 3px 13px;
background-color: #9900ff3b;
color: #000000;
border-radius: 0px;
white-space: nowrap; }
#key-findings {    font-size: 1.5rem;
font-weight: 600;
font-family: Poppins, sans-serif !important;
text-transform: uppercase;
}
ul.key-findings {
padding-left: 20px;
margin-top: 1rem;
list-style: disc;
}
ul.key-findings li {
margin-bottom: 1rem;
line-height: 1.6;
Font-size: 18px;
}
.awards-section h4 {
font-size: 1.5rem;
}
.awards-section img {
width: 120px;
hieght: auto; 
}
.award-card {
transition: background-color 0.3s ease, color 0.3s ease;
background-color: #ffffff;
}
.award-card:hover {
background-color: #e3f2fd; color: #000; }
.award-card:hover h4,
.award-card:hover p,
.award-card:hover h6 {
color: #000; }
.award-card:hover {
background-color: #e3f2fd;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}