:root {
--blue:#009FE3;
--red:#BE1522;
--grey:#575757
}  html {font-size:62.5%; scroll-behavior: smooth;}
body {font-family:museo-sans, sans-serif; font-size:1.6em; line-height:1.3; font-weight:400; font-style:normal; }
h1, h2, h3, h4, h5, h6 { margin: 0; margin-bottom: 2rem; font-weight: 700; position: relative; letter-spacing: -0.1rem; font-family:museo-slab, rockwell, sans-serif; color:var(--grey); }
h1 { font-size: 3rem;  letter-spacing: -0.2rem; line-height:1.1; }
h2 { font-size: 3rem; font-weight:900;  margin-bottom: 2.5rem;}
h3 { font-size: 2rem;    margin-bottom: 2rem;}
h4 { font-size: 1.8rem;   }
h5 { font-size: 1.8rem;    }
h6 { font-size: 1.6rem;  }
p, ul { margin-top: 0; font-size:1.8rem; line-height:1.6; margin-bottom: 2rem; color:var(--grey);} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
h1 { font-size: 4rem;  letter-spacing: -0.2rem; line-height:1.1; }
h2 { font-size: 4rem; font-weight:900;  margin-bottom: 2.5rem;}
h3 { font-size: 3rem;    margin-bottom: 2rem;}
h5 { font-size: 2.2rem;    }
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
h1 { font-size: 6rem;  letter-spacing: -0.2rem; line-height:1.1; }
h2 { font-size: 6rem; font-weight:900;  margin-bottom: 2.5rem;}
h3 { font-size: 4rem;    margin-bottom: 2rem;}
h5 { font-size: 3rem;    }
}  .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {display: inline-block; background-color:var(--blue); color:#fff; font-family:museo-slab, rockwell, sans-serif; font-size:22px; font-weight: 700; border-radius:3px; padding: 0 20px; line-height:46px; height:46px; cursor: pointer; box-sizing: border-box; border:none;}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
background-color:var(--grey); }
button.red, .button.red {background-color:var(--red);}
button.blue, .button.blue {background-color:var(--blue);} input[type="email"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
position:relative;
font-family:museo-slab, serif;
color:var(--grey);
font-size:2rem;
font-weight:500;
padding:12px 20px 12px 20px; background-color: #efefef;
border:none;
border-bottom:solid 10px var(--highlight);
width:100%;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
box-sizing: border-box; 
}
select {background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/interface/down-arrow.png); background-size:60px; background-repeat: no-repeat; background-position: center right; }
textarea {border-radius:0;} input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
outline: 0; }
label,
legend {
display: block;
margin-bottom: 1rem;
font-weight: 400;
text-transform: uppercase;
font-size:1.3rem;}
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: 200; }
select{-webkit-appearance: none; -moz-appearence: none; }
::-webkit-input-placeholder { color: var(--grey);
}
::-moz-placeholder { color: var(--grey);
}
:-ms-input-placeholder { color: var(--grey);
}
:-moz-placeholder { color: var(--grey);
} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
} ul {list-style: disc outside;}
ol {list-style: decimal outside; }
ol, ul {padding-left: 0;margin-top: 0; }
ul ul,ul ol,ol ol,ol ul {margin: 1.5rem 0 1.5rem 3rem;  }
li {margin-bottom: 0rem; margin-left:1rem;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {} @media (min-width: 1500px) {} th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #484848; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; } button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }  a {color:var(--blue); transition:0.3s ease-in-out all; text-decoration: none;}
hr, .wp-block-seperator {border: none; margin:5vh 0 !important; width:100%; box-shadow: 0 6px 10px rgba(0,0,0,0.16); }
.blocklink {position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; border: none;}
.contain-link {display:block;}
.blocklink:hover {border:0;}
.blockimage {background-size:cover; background-position: center; position:absolute; top:0; left:0; width:100%; height:100%;}
.flex {display:flex; flex-flow:row wrap; justify-content: flex-start; align-items: center; align-content: center; gap:2%;}
.narrow {width:100%; margin-left: auto; margin-right:auto;}
.highlight {color:var(--red);}
strong, b {font-weight: 600;}
.content-wrapper {padding:2rem;}
.red {color:var(--red);}
.blue {color:var(--blue);}
.shadow {box-shadow: 0 6px 10px rgba(0,0,0,0.16);}
.rounded {border-radius: 5px;}
.wp-block-button__link { border-radius:5px; font-family:museo-slab, rockwell, sans-serif; font-weight: 700; }
.wp-block-button__link:hover {background-color:var(--grey) !important; color:#fff !important;}
.wp-block-button.blue-button a {background-color: var(--blue);}
.wp-block-button.red-button a {background-color: var(--red);}
.button.donate {background-color:var(--blue); font-size:1.8rem; padding-right:50px; background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/interface/button-truck.png); background-position: 97%; background-size:13%; background-repeat: no-repeat;}
.button.need {background-color:var(--red); padding-left:50px; font-size:1.8rem; background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/interface/button-truck.png); background-position: 3%; background-size:13%; background-repeat: no-repeat;}
.button.need:hover, .button.donate:hover {background-color:var(--grey);} blockquote, blockquote.wp-block-quote {position: relative; width:100%; margin: 2rem auto; font-size:2rem; padding: 0 2rem; border-color:var(--highlight);}
.wp-block-quote cite {color:var(--highlight); margin: 0 0 0 7rem;}
blockquote::before {content:""; position: absolute; bottom: calc(100% + 1rem); width:50px; height:50px; background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/interface/quotes-top.svg); background-size:contain; background-repeat: no-repeat; background-posiion:left;}
blockquote::after {content:""; position: absolute; top: calc(100% - 3rem); width:50px; height:50px; background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/interface/quotes-bottom.svg); background-size:contain; background-repeat: no-repeat; background-posiion:left;} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
blockquote, blockquote.wp-block-quote {width:65%; margin: 6rem auto; padding:0 4rem;}
.button.donate { font-size:2.2rem; padding-right:70px;}
.button.need {font-size:2.2rem; padding-right:70px;}
} @media (min-width: 1000px) {
.content-wrapper {padding:3rem;}
.narrow {width:60%; margin-left: auto; margin-right:auto;}
} @media (min-width: 1200px) {
blockquote, blockquote.wp-block-quote {width:65%; margin: 10rem auto;}
hr, .wp-block-seperator {border-bottom:20px solid var(--highlight) !important; margin:5vh 0 !important;}
}  header {display: flex; background-color:#fff; flex-direction: row; align-items: center; justify-content: space-between; position: fixed; top:0; height: 65px; width: 100%; z-index: 99999; transition:0.35s all; box-shadow:0 3px 6px rgba(0,0,0,0.16); }
header button {height:auto;}
header .brand {flex:0 0 auto; height:45%; width:auto; margin: 0 3%; line-height: 0; position:relative;}
header .brand a { border:none;}
header .brand img {height:100%; width:auto; display: inline-block; vertical-align: bottom;}
header .brand .factory-text {height:80%; position:relative; bottom:-5px; left: 5px; transition:0.35s opacity ease-out;}
header .header-right {flex:0 0 auto; margin: 0 3%; text-align: right;}
header nav ul {list-style: none; display:flex; justify-content: space-evenly; align-items: center; align-content: center; gap:5px; margin: 0;}
header nav ul li {flex:1 1;}
header nav a {font-family:museo-slab, rockwell, sans-serif; display:block; color:var(--grey); font-size:16px; font-weight:700; padding: 0 5px; height:46px; line-height: 46px; border-radius: 3px; white-space: nowrap;}
header nav .nav-donate a {background-color:var(--blue); color: #fff;}
header nav .nav-need a {background-color:var(--red); color: #fff;}
header nav a:hover {background-color:var(--grey); color:#fff;}
main {padding-top:65px;}
#rmp-container-214 {box-shadow:10px 0 20px rgba(0,0,0,0.1);} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
header { height: 110px; }
header .brand { max-width:300px; height:50%; }
header.scroll-down {height:80px;}
header.scroll-up {height:110px;}
main {padding-top:130px;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
header nav a { padding: 0 7px; font-size:16px; height:46px; line-height: 46px; border-radius: 3px; white-space: nowrap;}
} @media (min-width: 1500px) {
header nav a { padding: 0 15px; font-size:18px; height:46px; line-height: 46px; border-radius: 3px; white-space: nowrap;}
}  footer {background-color: #fff; color:var(--grey);}
footer .wp-block-columns {margin: 1rem 0;}
hr.wp-block-separator {margin: 3rem 0 !important; border-top:solid 1px var(--grey);}
footer ul {list-style:none; font-size: 14px;}
footer ul li {margin:0;}
footer a {color:var(--highlight);}
footer #top-footer {margin-top:55px;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
}  .wp-block-columns {margin: 0rem auto;}
.wp-block-group {padding:4rem 0;}
.wp-block-group .wp-block-group {padding:0;}
.wp-block-group.has-background {padding: 4rem 0;}
.wp-block-column.has-background {padding: 4rem;}
.wp-block-group.feature-block {padding:0;}
.wp-block-group.feature-block .wp-block-cover {height:100%; position: relative;}
.wp-block-group.feature-block .wp-block-cover::after {content:""; position:absolute; top:0; left:0; height:100%; width:100%; background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/homepage/circle-mask.svg); background-size:contain; background-position:right; background-repeat: no-repeat;}
.wp-block-group.feature-block .wp-block-columns {gap:0;}  @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
.wp-block-group {padding:5vh 0;}
}  .hero-story-wrapper {flex-flow: row; margin-bottom:3rem; align-items: flex-end;}
.hero-story-wrapper .title {flex:1 1 100;}
.blog-wrapper {gap:5%; align-items: flex-start; align-content: flex-start;}
.blog-tile {flex:0 0 100%; position: relative; background-color:#fff; transition: 0.5s cubic-bezier(0.15, 0.32, 0.55, 1.35); border-radius: 10px; }
.blog-archive .blog-tile:hover {transform:scale(110%); box-shadow: 0 6px 10px rgba(0,0,0,0.15); }
.blog-tile h2 {font-size: 3rem; font-weight: 700; text-transform: uppercase; letter-spacing: -0.2rem; font-family:museo-sans, sans-serif; color:#fff; margin: 0; line-height: 1}
.blog-tile .blog-image {position: relative; margin: 0 0 3vh 0; aspect-ratio: 1/1; background-size:cover; background-position:center; border-radius: 10px; overflow: hidden;}
.blog-tile .blog-image {display:flex; align-items: flex-end;}
.overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);}
.blog-single {}
.blog-single h1 { margin: 0;}
.blog-single .blog-title {flex-flow: column-reverse; margin-bottom:2rem; align-items: flex-start;}
.blog-single .title {flex:1 1;}
.blog-single .blog-image {flex:0 1 40%; height: auto;}
.blog-single .blog-image img {width: 100%; height: auto;}
.other-stories {flex-flow:row-wrap; margin:0 0 30px 0;}
.other-stories .tile-title .content-wrapper {padding:10px; display:flex; align-items: flex-end; min-height: 100px;}
.other-stories .tile-title {position:relative; flex:1 1 22%;  background-color:var(--blue); transition: 0.35s all; }
.other-stories .tile-title:hover {background-color:var(--grey); transform: scale(110%);}
.other-stories .tile-title h4 {color:#fff; margin: 0;} @media (min-width: 550px) {
} @media (min-width: 750px) {
.blog-tile {flex:0 0 45%; position: relative; background-color:#fff; transition: 0.5s cubic-bezier(0.15, 0.32, 0.55, 1.35); }
.blog-single .blog-title {flex-flow:row; margin-bottom:3rem; align-items: flex-end;}
.blog-single h1 {font-size:6rem; line-height: 1.1; letter-spacing: -0.3rem;}
.hero-story-wrapper .title {flex:1 1 70%;}
.hero-story-wrapper .blog-image {aspect-ratio:16/9;}
} @media (min-width: 1000px) {
.blog-tile h2 {font-size: 4rem;}
.blog-tile {flex:0 0 30%; position: relative; background-color:#fff; transition: 0.5s cubic-bezier(0.15, 0.32, 0.55, 1.35); }
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
.blog-single h1 {font-size:9rem; line-height: 1.1; letter-spacing: -0.3rem;}
.blog-tile h2 {font-size: 5rem;}
}  .hero-wrapper {flex-flow:column;}
.hero-wrapper h1 {}
.hero-wrapper .mission {flex:0 1 100%; color:var(--grey);}
.hero-wrapper .cards {flex:0 0 100%;}
.hero-wrapper .cards img {width:100%;}
.video-container.cover {width:100%; aspect-ratio: 16 / 9; position: relative; background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/interface/home-intro-frame.jpg); background-size: contain; background-position: center; background-repeat: no-repeat;}
.video-container.cover iframe {width:100%; height: 100%;}
.latest-work {margin-top: 2%;}
.what-we-do {margin-bottom:2%;}
.what-we-do ul {margin:0; padding: 0;}
.slide-caption {width:80%; max-width:500px !important; padding: 4rem !important; background-color:var(--highlight); text-align: left;}
#intro .home-carousel .slide-content {padding: 0;}
.home-work {}
.home-work figure a {display: block; transition: all ease-in-out 0.3s; }
.home-work figure a:hover {transform: scale(110%); box-shadow: 0 6px 10px rgba(0,0,0,0.15);}
.wp-block-group.bg-world { margin: 0 auto;}
.wp-block-post-title {font-family: museo-sans, serif; color:var(--grey); line-height: 1; text-transform: uppercase; font-size: 4rem; }
.wp-block-post-title a {color:var(--grey);}
.news-shelf .wp-block-post {padding:20px; transition: 0.35s all ease-in-out;}
.news-shelf .wp-block-post:hover {transform:scale(120%); } @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
.hero-wrapper {flex-flow:row;}
.hero-wrapper .mission {flex:0 1 50%; color:var(--grey);}
.hero-wrapper .cards {flex:0 0 45%;}
.wp-block-group.bg-world {background-image:url(//physionet.org.uk/wp-content/themes/physionet2025/assets/images/homepage/globe.png); background-size: 50%; background-position: center left; background-repeat: no-repeat; margin: 0 auto;}
} @media (min-width: 1000px) {
.hero-wrapper h1 {font-size:3vh;}
} @media (min-width: 1500px) {
.hero-wrapper h1 {font-size:4vh;}
}  .trustees {}
.trustees h5 {margin: 0;}
.trustees .wp-block-image img {border:5px solid var(--blue);} @media (min-width: 400px) {} @media (min-width: 550px) {
} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1500px) {
.single-work h1 {width:80%;}
}  .eeSFL_FolderBreadcrumb {font-size: 2.5rem;}