:root {
--highlight: #ffffff; --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-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;
}   html {
line-height: 1.15; -webkit-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, 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"] {
-webkit-appearance: button;
} 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"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; 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: #000000;
}
nav, h1, h2, h3, h4, h5, h6 {
font-family: "Swiss 721", sans-serif;
margin: 0 0 .5em;
line-height: 1.2;
}
.title {
word-break: break-word;
margin: 0 0 .375rem;
font-size: 1.5rem;
}
.splide .title,
body.post .title,
.card-post .title {
text-transform: uppercase;
}
aside .title {
font-size: .875em;
}
@media (max-width: 576px) and (orientation: portrait) {
.title {
font-size: 2.25em;
}
}
.mid-title,
.page-title {
font-size: 1.125em;
margin-bottom: 0.75rem;
font-weight: bold;
}
.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 (max-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 {
color: #0000FF;
text-decoration: none;
transition: all .25s;
}
nav a, nav a:visited {
color: currentColor;
}
a:active, a:focus, a:hover, a.active, .active > a {
color: #ffffff; outline: none;
}
a[href^="tel"] {
color: #000000;
}
a.showmore, a.link-icon {
position: relative;
z-index: 0;
}
a.showmore:after, a.link-icon:after {
z-index: -1;
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
margin: -.25em;
border-radius: .25em;
background: rgba(0, 0, 0, 0.1);
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: #000000;
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: #000000;
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;
}
p {
font-size: 1.125em;
line-height: 1.2;
max-width: 45ch;
margin: 0 0 0.5rem;
}
header > p {
max-width: none;
}
.lead > p, p.lead {
max-width: 58ch;
font-size: 1.5em;
margin-bottom: 0;
}
: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.425em;
}
.spaced p + p:not(:first-of-type) {
text-indent: 0;
}
ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.bg-primary {
background: #ffffff; }
.bg-primary a {
color: #000000;
}
.size-sm {
font-size: .75em;
}
.btn {
display: flex;
flex-flow: row nowrap;
align-items: center;
border: none;
padding: 0;
background-color: transparent;
color: #CCCCCC;
}
.btn:focus, .btn:active, .btn:hover {
color: #ffffff; 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;
left: 0;
top: 0;
bottom: 0;
right: 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 (min-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 #000000;
}
@media (min-width: 576px) {
.flex.colx3 > *,
.flex.colx4 > * {
flex-basis: calc(50% - 2em);
}
.flex.col-dividers > * {
flex: 1 100%; }
}
@media (min-width: 768px) {
.flex.colx2 > * {
flex-basis: calc(50% - 2em);
}
}
@media (min-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 #000000;
}
}
main {
flex: 1 0 auto;
line-height: 1.2;
padding: 1.5em 1.125em 2em;
}
@media (max-width: 992px) {
body.post main {
padding-bottom: 1em;
}
}
main aside {
order: 2;
flex: 1;
}
.post main aside {
margin-top: 3rem;
}
@media (min-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;
background-color: white;
top: 0;
z-index: 9;
padding: 1.5rem 1.25rem 0;
}
.header > * {
flex-wrap: nowrap;
border-bottom: 1px solid #000000;
}
.header nav {
margin-left: auto;
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.header nav {
display: none;
}
}
.header nav ul {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
margin-top: -.375em;
}
@media (max-width: 768px) {
.header nav ul {
margin-top: 0;
flex-direction: column;
align-items: flex-end;
}
}
.header nav li {
font-size: 1em;
color: #000000;
margin: 0 -.5em;
}
.header nav li:not(:first-of-type) {
margin-left: 1em;
}
@media (min-width: 992px) {
.header nav li {
flex: 1 0 auto;
font-size: 1.125em;
}
.header nav li:not(:first-of-type) {
margin-left: 3em;
}
}
.header nav li:active, .header nav li:hover, .header nav li:focus, .header nav li.active {
color: #ffffff; }
.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: inherit;
font-weight: bold;
display: block;
padding: .25em .5em;
line-height: 1;
text-decoration: none;
transition: all .5s;
}
.header nav li a[aria-current='page'] {
color: #ffffff; }
.footer {
padding: 1.125rem 1.125rem 2.125rem;
color: white;
background: #000000;
}
.footer a, .footer a:visited {
color: #ffffff; }
.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 (min-width: 576px) {
.footer-col:not(:last-child) {
margin-right: 10em;
}
}
@media (min-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 (min-width: 992px) {
section:not(.content) > footer,
.container:not(.content) > footer {
min-height: 4rem;
}
}
.container {
max-width: 1240px;
}
.container + .container {
border-top: 1px solid;
padding-top: 1.375rem;
margin-top: 1rem;
}
.container.section-team + .section-team {
border-top-style: dotted;
}
.fullWidth {
margin: 0 -1.125em -2em;
padding: 1.125em;
}
article {
width: 100%;
margin-bottom: 1rem;
}
section:not(.section-partners) > article:not(:first-of-type):not([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-bottom: 1.5rem;
margin-top: 0;
display: flex;
flex-flow: row nowrap;
}
.logo > * {
margin-right: .5em;
}
.logo img {
height: 2.65em;
width: auto;
}
@media (min-width: 992px) {
body.home .logo .logo-wrapper {
overflow: hidden;
max-width: 0;
margin-right: 0;
transition: all .4s;
}
body.home .logo .logo-brand {
transform: scaleX(0);
transition: all .3s;
}
body.home.scrolled .logo .logo-wrapper {
max-width: 5em;
margin-right: .5em;
}
body.home.scrolled .logo .logo-brand {
transform: scaleX(1);
}
}
@media (max-width: 576px) {
.logo .logo-brand {
display: block;
}
}
.card-team {
margin-bottom: 0.5rem;
}
.card-team img {
margin-top: 0.75rem;
max-width: 8.5em;
}
.card-team .title {
font-size: 1.125em;
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;
}
.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 (min-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: #000000;
}
.card-post section .title,
.card-post section p {
max-width: 80%;
}
.card-post section .title {
line-height: 1.1;
}
.card-post section p {
margin: 0;
max-width: 80%;
}
aside .card-post section p {
font-size: 1em;
}
@media (min-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 (max-width: 992px) {
.section-intro .intro-logo {
display: none;
}
}
@media (min-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 (min-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 (min-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 (min-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: #ffffff; }
.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: "Swiss 721", sans-serif;
}
.list-links a {
font-size: 1.125em;
font-weight: bold;
color: #000000;
}
.list-links a:before {
content: '\02022';
padding-right: .25em;
}
.list-links a:hover {
color: #ffffff; }
.list-nav {
font-family: "Swiss 721", sans-serif;
font-weight: bold;
font-size: .75em;
line-height: 1.25;
}
.list-nav li.active a {
color: #000000;
color: #ffffff; }
.list-nav a, .list-nav a:visited {
color: #0000FF;
}
.list-nav a:active, .list-nav a:hover, .list-nav a:focus, .list-nav a.active {
color: #ffffff; }
.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: #0000FF;
}
.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: #ffffff; }
.list-nav.splide__list .splide__slide.is-active a, .list-nav.splide__list .splide__slide.is-active a:visited {
color: #ffffff; }
.list-partners {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.list-partners li {
margin-right: 3rem;
margin-bottom: 0.75rem;
}
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: "Swiss 721", sans-serif;
}
.list-tags li {
padding: 0 .25em .375em;
line-height: 1;
}
.list-tags a {
display: block;
border-radius: .375em;
background: #ffffff; color: #000000;
font-size: .75em;
padding: .5em 1.5em;
}
.list-tags a:hover, .list-tags a:focus, .list-tags a:active {
background-color: #CCCCCC;
}
.list-prizes {
font-size: 1.125em;
}
@media (min-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: "Swiss 721", 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: #000000;
}
.list-newsrooms li a span {
transition: transform .35s;
transform: translateX(0);
}
.list-newsrooms li a:hover span {
transform: translateX(0.75rem);
}
@media (max-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 (max-width: 576px) and (orientation: portrait) {
.list-newsrooms .arrow {
font-size: 1rem;
}
}
a.mobileMenu-btn {
--easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
--duration: .3s;
position: absolute;
top: 0;
right: 0;
display: none;
width: 2.625rem;
height: 2.125rem;
cursor: pointer;
opacity: 1;
}
@media (max-width: 768px) {
a.mobileMenu-btn {
display: block;
}
}
a.mobileMenu-btn span {
position: relative;
display: block;
width: 1em;
height: 1.75rem;
font-size: 2.625em;
align-self: center;
margin-left: auto;
color: #000000;
background-color: transparent;
border-top: .125rem solid currentColor;
border-bottom: .125rem solid currentColor;
transition: all var(--duration) var(--easeOutExpo);
}
a.mobileMenu-btn span:before, a.mobileMenu-btn span:after {
background-color: #000000;
content: '';
position: absolute;
top: .8125rem;
right: 0;
width: 100%;
height: .125rem;
transform-origin: center;
transition: all var(--duration) var(--easeOutExpo);
}
a.mobileMenu-btn span:before {
transform: rotate(0deg);
}
a.mobileMenu-btn span:after {
transform: rotate(0deg);
}
a.mobileMenu-btn.active span {
height: 0;
border-color: transparent;
transform: translateY(0.575rem);
}
a.mobileMenu-btn.active span:before, a.mobileMenu-btn.active span:after {
top: 0;
}
a.mobileMenu-btn.active span:before {
transform: rotate(45deg);
}
a.mobileMenu-btn.active span:after {
transform: rotate(-45deg);
}
.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;
}
#sidenav-open {
visibility: hidden;
--easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
--duration: .6s;
position: -webkit-sticky;
position: fixed;
top: 5.75em;
left: 0;
right: 0;
z-index: 99;
height: 100vh;
padding: 0 1.25em;
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
visibility: hidden;
transition: visibility var(--duration) var(--easeOutExpo); }
#sidenav-open nav {
transform: translateX(-110vw);
will-change: transform;
transition: transform var(--duration) var(--easeOutExpo);
}
@media (max-width: 768px) {
#sidenav-open.is-open {
visibility: visible;
}
#sidenav-open.is-open nav {
transform: translateX(0);
transition: transform var(--duration) var(--easeOutExpo);
}
}
@media (max-width: 768px) {
.mobileMenu-btn {
display: block;
}
body > aside a {
color: #000000;
}
body > aside a:hover, body > aside a:active, body > aside a:focus {
color: #ffffff; }
}
@media (max-width: 768px) and (max-width: 768px) {
body > aside a {
line-height: 1;
display: inline-block;
}
}
@media (max-width: 768px) {
body > aside nav {
background: white;
margin: 0 -1.25em;
padding: .575em 1.25em;
height: calc(100vh - 6.375em);
}
body > aside li {
font-size: 2.5em;
font-weight: bold;
line-height: 1.5em;
}
}
@media (max-width: 768px) and (max-width: 768px) {
body > aside li {
font-size: 2.375em;
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: "Swiss 721", sans-serif;
display: flex;
flex-flow: row nowrap;
flex: 0;
}
.search-form label {
font-size: 1.125em;
}
@media (max-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: #ffffff; }
.search-form input:placeholder-shown {
max-width: 4.75em;
}
@media (max-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 (min-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";
-webkit-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: #ffffff; 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: #000000;
}
.social-links {
display: flex;
flex-flow: nowrap;
}
.follow-links a:not(:first-of-type) {
margin-left: 1.5em;
}
.follow-links a i {
height: 1em;
margin-right: .5em;
}
.follow-links a i svg {
fill: currentColor;
}
@media (max-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: #000000;
}
@media (max-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 (min-width: 992px) {
aside > .splide {
flex-flow: column nowrap;
}
aside > .splide .splide__arrows {
margin-top: auto;
}
}
@media (min-width: 992px) {
main aside + * > .splide:only-child {
padding-bottom: 3em;
}
}
.splide .readmore, .splide .readmore:visited {
color: #0000FF;
}
.splide .readmore:active, .splide .readmore:focus, .splide .readmore:hover {
color: #ffffff; } @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(0px, 0px, 0px);
}
}
.inactive {
pointer-events: none;
opacity: .5;
} p {
line-height: 1.35;
}
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 10px 0;
}
#mc_embed_signup input.email {
color: #C1C3C3;
border: none;
background-color: #fff;
box-sizing: border-box;
height: 52px;
padding: 0px 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: #000000;
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: "Swiss 721", 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%;
}