/*
Theme Name: lowvol 25
Theme URI:
Author: We Are Volume
Author URI:
Description: low volume (less code, less bloat, little complication)
Version: 1.32
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lowvol
*/
:root {
--deep-blue: #00014D;
--midnight-sapphire: #0D117E;
--indigo: #181EB4;
--bright-blue: #000477;
--orange: #FF6C00;
--light-coral: #FFA766;
--light-gray: #F4F3EF;
--white: #FFFFFF;
--dark-gray: #242423;
--gray: #CBCBCB;
--light-gray-tint: #FAF9F7;
--mist: #C5D8DE;
--sky-blue: #BCDDFA;
--cyan: #04ACED;
--yellow: #FFCA00;
/* --slate-gray: #424242;*/
--slate-gray: #242423;
--off-white: #FBFBF9;
}
@font-face {
font-family: 'Fustat';
src: url('fonts/Fustat/static/Fustat-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fustat';
src: url('fonts/Fustat/static/Fustat-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fustat';
src: url('fonts/Fustat/static/Fustat-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}
html,
body {
font-size: 62.5%;
}
header > div .container,
#logo-nav ul li,
.container-img-lrg .wp-block-columns,
.container-align-cntr .wp-block-columns,
#search-wrapper,
#search-social-container {
align-items: center;
}
.hero-lrg #hero-content {
align-items: flex-start;
}
#hero-content,
#hero-copy,
#footer-logo-copyright {
align-items: flex-end;
}
.custom-backdrop {
backdrop-filter: blur(8px);
}
.entry-content > section,
.custom-backdrop .modal {
background-color: var(--white);
}
#card-highlight {
background-color: #EBF6FE;
}
bac,
.button,
.button-wrapper a,
.menu > li > a::after,
.draw-line::after {
background-color: var(--orange);
}
.cards-off-white .cards > .wp-block-column {
background-color: var(--off-white);
}
#utility-nav,
.button-wrapper.ir-link a {
background-color: var(--midnight-sapphire);
}
.cards > .wp-block-column {
background-color: var(--light-gray-tint);
}
section.light-bg {
background-color: var(--light-gray);
}
button::before,
.button::before,
.button-wrapper a::before {
background-color: var(--light-coral);
}
body,
#logo-nav,
ul.sub-menu,
section.dark-bg,
main table th,
#references,
footer {
background-color: var(--deep-blue);
}
.button-wrapper.ir-link a::before {
background-color: var(--indigo);
}
.custom-backdrop {
background-color: rgba(255, 255, 255, 0.6);
}
.search-field,
button.non-button {
background-color: transparent;
}
.quote-block {
background-image: url(img/watermark-dark.jpg);
}
.quote-block.quote-block-light {
background-image: url(img/watermark-light.jpg);
}
#hero-block-a,
#full-bleed-a {
background-position: right center;
}
.page-id-34 #hero-block-a {
@media (min-width: 1200px) {
background-position: left center;
}
}
#full-bleed-a.fb-alt-view {
background-position: left bottom;
}
#hero-block-mobile {
background-position: center top;
}
.quote-block,
#full-bleed-a,
li.menu-item-has-children::after {
background-repeat: no-repeat;
}
#hero-block-a,
#hero-block-mobile,
#full-bleed-a,
#full-bleed-mobile,
.quote-block {
background-size: cover;
}
.accordion {
border-top: 0.15rem solid var(--deep-blue);
}
footer {
border-top: 1px solid #fff;
}
main table tr:first-child td
main table tr:first-child th {
border-top: none;
}
main table td:last-child,
main table th:last-child {
border: 1px solid var(--deep-blue);
}
.accordion {
border-bottom: 0.15rem solid var(--deep-blue);
}
.cards > .wp-block-column,
.active-leader .cards.cards-bio > .wp-block-column .leader-bio-card {
border: .15rem solid var(--gray);
}
.active-leader + .cards.cards-bio > .wp-block-column {
border: 0 none;
}
main table th,
main table td {
border: 1px solid var(--deep-blue);
}
ul.sub-menu {
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
}
#hero-copy .container > div,
main .result {
border-bottom: 0.15rem solid var(--gray);
}
input.search-field {
border-bottom: 1px solid #fff;
}
main .result:last-child {
border-bottom: 0 none;
}
main table {
border-collapse: separate;
border-spacing: 0;
}
.search-field,
.modal,
button.non-button {
border: 0;
}
button.non-button {
border-radius: 0;
}
button,
.button,
.button-wrapper a,
.cards > .wp-block-column,
.cards.cards-large img,
.cards.cards-medium img,
.container-img-lrg img,
.container-img-alt img,
.culture-img img,
.swiper-slide img,
.modal {
border-radius: 16px;
}
main table {
border-radius: 10px;
}
blockquote .h1 span.draw-line::after {
bottom: 13px;
}
#hero-block-a .caption {
bottom: 10px;
}
#logo-nav .menu > li > a::after {
bottom: 1.5rem;
}
#location-cards figcaption {
bottom: 3px;
}
header .menu > li > a::after,
footer .menu > li > a::after,
.screen-reader-text {
bottom: 0;
}
blockquote span.draw-line::after {
bottom: -3px;
}
blockquote p.draw-line::after {
bottom: -30px;
}
.page-id-34 figure figcaption {
bottom: -36px;
}
.modal {
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text {
clip-path: inset(50%);
}
header a,
.button-wrapper.ir-link a,
.quote-block-dark h2,
.quote-block-dark p,
.search-field,
section.dark-bg h2,
section.dark-bg p,
.page-template-page-template-copy-only main section th p,
.slide-content .caption,
#location-cards figcaption,
#references h5,
#references p,
footer p,
footer a {
color: var(--white);
}
p,
.cards.our-medicine-cards .wp-block-column a,
.modal.modal-alt-container p.leave-modal-copy a,
figcaption {
color: var(--dark-gray);
}
.page-template-page-template-copy-only main section p,
.page-template-page-template-copy-only main section p a,
.page-template-page-template-copy-only main section p a:visited,
.page-template-page-template-copy-only main section ul a {
color: var(--slate-gray);
}
h1,
.h1,
h2,
.h2,
h3,
h4,
.stat-card .h4,
.leader-bio-card h5,
.quote-block-light p,
a.wp-element-button {
color: var(--deep-blue);
}
a[href^="tel:"],
#questions-contact-email a {
color: inherit;
}
footer ul.menu {
column-count: 2;
}
button::before,
.button::before,
.button-wrapper a::before,
.menu > li > a::after,
.draw-line::after,
li.menu-item-has-children::after,
.accordion-toggle::after,
main .button-wrapper a[target="_blank"]::after {
content: "";
}
button,
.button,
.button-wrapper a,
.accordion-toggle {
cursor: pointer;
}
/* .closed .wp-block-buttons a {
cursor: default;
} */
.is-layout-flex,
header > div,
header > div .container,
header ul,
#logo-nav ul li,
#hero-content,
#search-wrapper,
#search-social-container,
#search-form,
.cards.cards-medium .wp-block-column,
.cards.our-medicine-cards .wp-block-column,
.cards.cards-small .wp-block-column,
.lb-menu,
.swiper-slide .slide-image-content,
#full-bleed-a.fb-alt-view,
#hero-copy,
#footer-container .container,
#footer-logo-copyright,
#footer-social .icon {
display: flex;
}
.is-layout-grid,
.accordion-content,
.custom-backdrop {
display: grid;
}
img,
picture,
video,
canvas,
svg,
div.div-block,
.modal .div-block a,
p.span-br span,
#leader-modal-contents .leader-roles,
#leader-modal-contents .leader-bio {
display: block;
}
button,
.button,
.button-wrapper a,
blockquote p.draw-line,
li.menu-item-has-children::after,
main .button-wrapper a[target="_blank"]::after,
blockquote :not(.h1) span,
footer ul.menu li {
display: inline-block;
}
#hero-block-mobile,
button.non-button:hover::before,
#hb-menu,
#mob-nav,
main .news-events .button-wrapper a[target="_blank"]::after,
.items-container + .wp-block-buttons,
.leader-bio-card .leader-roles,
.leader-bio-card .bio,
.active-board + .cards-bio .leader-headshot,
.lb-indicator-mobile {
display: none;
}
/* .closed .wp-block-buttons a::before, ^^^^ */
[x-cloak] {
display: none !important;
}
#footer-links {
flex: 1;
}
#card-highlight,
.wp-block-columns.is-layout-flex.cards-full > .wp-block-column,
.wp-block-columns.is-layout-flex.cards-full .wp-block-column.copy {
flex-basis: 100%;
}
.wp-block-columns.is-layout-flex > .wp-block-column {
flex-basis: 50%;
}
.wp-block-columns.is-layout-flex.cards-wrap > .wp-block-column {
flex-basis: calc(33.33% - 20px);
}
.container-img-alt .wp-block-columns.is-layout-flex > .wp-block-column,
.wp-block-columns.is-layout-flex.cards-full > .wp-block-column {
flex-basis: initial;
}
ul.sub-menu,
.cards.cards-medium .wp-block-column,
.cards.cards-small .wp-block-column,
#footer-logo-copyright {
flex-direction: column;
}
.cards-wrap {
flex-wrap: wrap;
}
input,
button,
textarea,
select {
font: inherit;
}
body {
font-family: 'Fustat', sans-serif;
}
blockquote .h1,
blockquote p.h1:first-child {
font-size: 7.4rem;
}
h1,
.h1 {
font-size: 6rem;
}
h2,
.h2 {
font-size: 4rem;
}
h3,
.wp-block-quote p:first-child {
font-size: 3rem;
}
h4,
.h4 {
font-size: 2.4rem;
}
h5,
p,
ul.wp-block-list {
font-size: 1.8rem;
}
header nav,
button,
.button,
.button-wrapper a,
.small,
.cards p:not(.hdr) {
font-size: 1.6rem;
}
.modal.modal-alt-container p.leave-modal-copy,
footer ul.menu {
font-size: 1.5rem;
}
header .utility nav,
.search-field,
.x-small,
.references p {
font-size: 1.4rem;
}
label,
.label,
p.label {
font-size: 1.3rem;
}
footer p {
font-size: 1.2rem;
}
caption,
.caption,
figcaption {
font-size: 1.1rem;
}
em {
font-style: italic;
}
label,
.label,
p.label {
font-weight: 800;
}
h1,
.h1,
h2,
.h2,
h3,
h4,
.h4,
h5,
header nav,
.search-field,
button,
.button,
.button-wrapper a,
caption,
.caption,
figcaption,
.quote-block p:first-child,
main thead th p,
.modal .general,
footer ul.menu {
font-weight: 600;
}
body,
p,
.small,
.cards p:not(.hdr),
.x-small {
font-weight: 400;
}
strong {
font-weight: 800;
}
.container-img-alt .wp-block-columns {
gap: 104px;
}
.cards.cards-large.cards-full .wp-block-column > .wp-block-columns,
#partnering-with .wp-block-group__inner-container > .wp-block-columns {
gap: 62px;
}
.cards {
gap: 30px;
}
.container-img-lrg .wp-block-columns {
gap: 7.222%;
}
.accordion-content {
grid-template-rows: 0fr;
}
.accordion-open .accordion-content {
grid-template-rows: 1fr;
}
.custom-backdrop {
height: 100vh;
}
button::before,
.button::before,
.button-wrapper a::before,
#hero-content {
height: 100%;
}
#hero-block-a.hero-lrg {
height: 46.388vw;
}
#hero-block-a {
height: 33.33vw;
}
#hero-copy {
height: 360px;
}
.page-template-page-template-copy-only #hero-copy,
.error404 #hero-copy {
height: 300px;
}
button,
.button,
.button-wrapper a,
.cards.cards-small .wp-block-button,
.wp-block-button.button-wrapper {
height: 42px;
}
.menu > li > a::after {
height: .15rem;
}
.draw-line::after {
height: 5px;
}
.menu > li.ir-link > a::after {
height: 0;
}
main section img {
height: auto;
}
.cards.cards-medium img {
height: auto !important;
}
#utility-nav .container {
justify-content: flex-end;
}
#logo-nav .container,
.container-img-lrg .wp-block-columns,
.cards.our-medicine-cards .wp-block-column,
.cards.cards-small .wp-block-column,
#footer-container .container {
justify-content: space-between;
}
.draw-line::after {
left: 50%;
}
#logo-nav .menu > li > a::after {
left: 16px;
}
#location-cards figcaption {
left: 10px;
}
button::before,
.button::before,
.button-wrapper a::before,
.menu > li > a::after,
.custom-backdrop {
left: 0;
}
label,
.label,
p.label {
letter-spacing: 0.1rem;
}
p,
ul.wp-block-list {
letter-spacing: 0.025rem;
}
caption,
.caption,
figcaption {
letter-spacing: 0.02rem;
}
.cards p:not(.hdr),
.references p {
letter-spacing: 0;
}
h1,
.h1 {
letter-spacing: -0.01rem;
}
button,
.button,
.button-wrapper a {
/* line-height: 42px; */
line-height: 44px;
}
p,
ul.wp-block-list {
line-height: 1.60;
}
h5,
label,
.label,
p.label,
.small,
.cards p:not(.hdr),
.x-small,
.references p,
footer ul.menu {
line-height: 1.50;
}
caption,
.caption,
figcaption {
line-height: 1.45;
}
h4,
.h4,
header nav,
.search-field {
line-height: 1.40;
}
footer p {
line-height: 1.30;
}
h2,
.h2,
h3 {
line-height: 1.20;
}
h1,
.h1 {
line-height: 1.15;
}
ul.wp-block-list {
list-style-type: disc;
}
ol,
ul {
list-style: none
}
#relentless-pursuit p + .wp-block-buttons .button-wrapper {
margin: 0 auto;
}
* {
margin: 0;
}
.hero-lrg #hero-content #hero-text {
padding-top: 109px;
@media (min-width: 1441px) {
padding-top: 8.194vw;
}
}
header + main {
margin-top: 120px;
}
main section.quote-block blockquote p + p.label,
.cntr-wo-img + .wp-block-group,
.cntr-wo-img + .wp-block-columns {
margin-top: 70px;
}
.cards.cards-large .wp-block-column .wp-block-image + h3,
.cards.cards-fill .wp-block-image + .wp-block-group {
margin-top: 60px;
}
.quote-block p.h1 + p,
#page main section.quote-block p.h1 + p {
margin-top: 42px;
}
blockquote h2 + p {
margin-top: 50px;
}
.cards .wp-block-column .wp-block-image + h3,
.cards .wp-block-column .wp-block-image + h4,
p + .wp-block-buttons.button-wrapper,
.search-results .result .excerpt + div,
main section p + table,
main section table + p,
.news-events h2 + .wp-block-buttons,
.single-hdr + .cards-multiple,
.cards.cards-full .wp-block-buttons,
#relentless-pursuit p + .wp-block-buttons {
margin-top: 40px;
}
.cards-multiple .cards + .cards,
.one-line,
.cards.cards-fill .wp-block-group .wp-block-group + .wp-block-group,
#hero-block-a.hero-lrg p + .wp-block-buttons.button-wrapper {
margin-top: 30px;
}
section .copy h2 + p,
section .copy .blk-h2 + .blk-p,
.accordion-toggle + .accordion-content p:first-child,
.slide-content h4 + p,
.search-results .result h3 + div {
margin-top: 28px;
}
.cards .wp-block-column h3 + p,
.cards .wp-block-column .wp-block-buttons + .caption {
margin-top: 26px;
}
#hero-copy h1 + p {
margin-top: 24px;
}
.cards.cards-large .wp-block-column h3 + p {
margin-top: 20px;
}
main section p:not(.hdr) + p:not(.hdr),
main section p + ul.wp-block-list,
main section ul + p {
margin-top: 2rem;
}
#hero-text h1 + p {
margin-top: 16px;
}
.cards.our-medicine-cards .wp-block-column h3 + p,
#card-highlight h4 + p {
margin-top: 14px;
}
.cards.cards-medium h4 + p,
.single-hdr {
margin-top: 10px;
}
#copyright p + p,
#references p + p {
margin-top: .6rem;
}
.references p + p {
margin-top: 0.4rem;
}
.cards.cards-medium p + .wp-block-buttons.button-wrapper {
margin-top: auto;
}
#search-container {
margin-right: -20px;
}
#utility-nav nav {
margin-right: 20px;
}
.stat-card img {
margin-bottom: 40px;
}
main blockquote p:last-child {
margin-bottom: 35px;
}
.cards.cards-medium p {
margin-bottom: 28px;
}
.references div > h5 {
margin-bottom: 20px;
}
footer ul.menu li {
margin-bottom: 8px;
}
#location-cards .wp-block-column h4 + p,
main .single-quote blockquote p:last-child {
margin-bottom: 0;
}
ul.wp-block-list {
margin-left: 2.5rem;
}
.button-wrapper.ir-link {
margin-left: 12px;
}
#search-container.search-open {
margin-left: -20px;
}
.cards.cards-full,
.cards.cards-large.cards-fill .wp-block-column h3,
.cards.cards-large.cards-fill .wp-block-column p {
max-width: 100%;
}
#hero-text h1 {
max-width: 576px;
}
.cards-full .copy {
max-width: 580px;
}
.cards-full img {
max-width: 458px;
}
#hero-text h1 + p {
max-width: 434px;
}
.cards-max .wp-block-column {
max-width: 380px;
}
.cards.cards-large .wp-block-column h3,
.cards.cards-large .wp-block-column p {
max-width: 374px;
}
.leader-bio-card p.title {
max-width: 250px;
}
header .social-x {
margin: 0 20px;
}
#footer-social {
margin: 16px -9px 10px 0;
}
#footer-social .icon img {
margin: 9px;
}
.icon img {
margin: 3px;
}
.page-template-page-template-copy-only main .is-layout-constrained .group-copy > div,
.search-results main .is-layout-constrained .group-copy .result > div {
margin-left: 0;
}
.container,
main .is-layout-constrained,
.cntr-wo-img,
blockquote,
.modal > div {
margin: 0 auto;
}
.col-copy-8b {
max-width: 840px;
}
.references p {
max-width: 825px;
}
.col-copy-8 {
max-width: 788px;
}
#card-highlight > h4,
#card-highlight > p {
max-width: 750px;
}
.cntr-wo-img.col-copy-7 {
max-width: 702px;
}
.container-img-sml .copy,
.col-copy-6 {
max-width: 582px;
}
#join-the-team.container-img-lrg .copy {
max-width: 482px;
}
.container-img-lrg .copy {
max-width: 480px;
}
footer ul.menu {
max-width: 620px;
}
.by.draw-line::after {
max-width: 40px;
}
img,
picture,
video,
canvas,
svg {
max-width: 100%;
}
.container,
main .is-layout-constrained {
max-width: 1440px;
}
.modal.modal-alt-container > div {
max-width: 856px;
}
blockquote {
max-width: 862px;
}
.page-template-page-template-copy-only main .is-layout-constrained .group-copy > div,
.search-results main .is-layout-constrained .group-copy .result > div {
max-width: 790px;
}
blockquote.bq-size-1 {
max-width: 710px;
}
.modal > div {
max-width: 500px;
}
.cards.cards-large > .wp-block-column {
min-height: 768px;
}
#full-bleed-a.hp-light {
min-height: 756px;
}
.cards.cards-large > .wp-block-column.lrg-crd-shrt {
min-height: 750px;
}
#hero-block-a.hero-lrg {
min-height: 668px;
}
#full-bleed-a.hp-light.fb-alt-view {
min-height: 610px;
}
.cards.cards-large.cards-full .wp-block-column h3,
.cards.cards-large.cards-full .wp-block-column p {
max-width: 580px;
}
.cards.cards-medium .wp-block-column {
min-height: 570px;
}
.container-img-alt img {
max-width: 514px;
}
#location-cards.cards.cards-medium .wp-block-column {
min-height: 500px;
}
#hero-block-a {
min-height: 480px;
}
.stat-card {
min-height: 470px;
}
.cards.cards-large.cards-full > .wp-block-column {
min-height: 443px;
}
#full-bleed-mobile {
min-height: 440px;
}
.modal {
min-height: 336px;
}
footer {
min-height: 308px;
}
.cards.cards-small > div {
min-height: 186px;
}
/* #logo-nav,
#menu-main-nav > li {
min-height: 80px;
} */
#utility-nav {
min-height: 40px;
}
button.non-button {
min-height: 1px;
}
li.ir-link a {
min-width: 172px;
}
.page-id-16 .button-wrapper .email-tab a {
min-width: 160px;
}
ul.sub-menu {
min-width: 156px;
}
button,
.button,
.button-wrapper a {
min-width: 150px;
}
button.non-button {
min-width: 1px;
}
ul.sub-menu a:hover,
.social-container:hover .icon a:hover,
ul.sub-menu .current-menu-item a,
.lb-menu .lb-current a,
#search-container.search-open,
footer ul.menu:hover a:hover {
opacity: 1;
}
.slideshow-figure figcaption {
opacity: .75;
}
.lb-menu li:hover a {
opacity: 1;
}
.lb-menu a {
opacity: .7;
}
ul.sub-menu a,
.social-container:has(a:hover) .icon a,
footer ul.menu:has(a:hover) a{
opacity: .5;
}
/* .closed .wp-block-buttons ^^^ */
#search-container {
opacity: 0;
}
input.search-field {
outline: none;
}
button,
.button,
.button-wrapper a,
#search-container,
.accordion-content > div,
.screen-reader-text,
body.no-scroll,
main table,
.leader-bio-card-container {
overflow: hidden;
}
*,
main .is-layout-constrained .is-layout-constrained,
.page-template-page-template-copy-only main .is-layout-constrained .is-layout-constrained,
.search-results main .is-layout-constrained .is-layout-constrained {
padding: 0;
}
header .container,
main #hero-block-a .container,
footer .container {
padding: 0 120px;
}
main #references .is-layout-constrained {
padding: 64px 120px;
}
main .container,
main .is-layout-constrained {
padding: 100px 120px;
}
main .container-type-lp .is-layout-constrained,
main #full-bleed-a .container,
main .news-events > .is-layout-constrained,
main #leaders-board-container > .is-layout-constrained {
padding-top: 80px;
padding-bottom: 80px;
}
.page-template-page-template-copy-only main .is-layout-constrained,
.search-results main .is-layout-constrained {
padding: 80px 120px 100px;
}
main .quote-block .is-layout-constrained {
padding: 120px 120px 90px;
}
main .result {
padding: 60px 0;
}
.accordion h2 {
padding: 40px 0;
}
button,
.button,
.button-wrapper a,
#search-social-container {
padding: 0 20px;
}
.cards.our-medicine-cards > .wp-block-column,
.cards.cards-large > .wp-block-column {
padding: 50px;
}
.cards > .wp-block-column,
.active-leader + .cards.cards-bio > .wp-block-column .leader-bio-card {
padding: 30px;
}
.active-leader + .cards.cards-bio > .wp-block-column {
padding: 0;
}
.cards > .wp-block-column.stat-card {
padding: 24px;
}
#logo-nav nav a {
padding: 14px;
}
#logo-nav nav .ir-link a {
padding: 0 16px;
}
footer {
padding-top: 64px;
}
#logo-nav nav ul.sub-menu li:first-child a {
padding-top: 16px;
}
.accordion-toggle {
padding-right: 36px;
}
li.menu-item-has-children,
main .news-events .button-wrapper a[target="_blank"] {
padding-right: 20px;
}
#search-social-container {
padding-right: 0;
}
#hero-copy .container > div {
padding-bottom: 80px;
}
.cards.cards-large:not(.cards-full) > .wp-block-column {
padding-bottom: 70px;
}
#hero-block-a,
footer {
padding-bottom: 64px;
}
.cards.cards-large.cards-fill > .wp-block-column {
padding-bottom: 45px;
}
.wo-img,
.accordion-open {
padding-bottom: 40px;
}
main .result:last-child {
padding-bottom: 20px;
}
#hero-copy .container {
padding-bottom: 0;
}
button.non-button {
padding: 0;
}
.custom-backdrop {
place-items: center;
}
button,
.button,
.button-wrapper a,
#hero-block-a,
header li,
.menu > li > a,
.draw-line,
main .button-wrapper a[target="_blank"],
.accordion-toggle,
#location-cards figure,
.lb-container,
#relentless-pursuit,
body.no-scroll {
position: relative;
}
header,
.custom-backdrop {
position: fixed;
}
button::before,
.button::before,
.button-wrapper a::before,
#hero-block-a .caption,
header li ul.sub-menu,
.menu > li > a::after,
.draw-line::after,
.accordion-toggle::after,
.screen-reader-text,
main .button-wrapper a[target="_blank"]::after,
#livers-all,
.slideshow-figure figcaption,
.close-modal,
#location-cards figcaption {
position: absolute;
}
#hero-block-a .caption {
right: 20px;
}
.accordion-toggle::after {
right: 0;
}
html {
scroll-padding-top: 120px;
}
.modal.modal-alt-container p.leave-modal-copy {
text-align: left;
}
.has-text-align-center,
button,
.button,
.button-wrapper a,
.aligncenter,
.wp-block-video figcaption {
text-align: center;
}
.has-text-align-right,
.our-medicine-cards .wp-block-group + .wp-block-buttons,
#footer-logo-copyright {
text-align: right;
}
header a,
footer a,
a.wp-element-button,
.lb-menu a,
a[href^="tel:"],
#questions-contact-email a {
text-decoration: none;
}
.modal .general .wp-element-button {
text-decoration: underline;
}
.by {
text-transform: uppercase;
}
#hero-text h1,
#hero-text h1 + p,
.stat-card p,
.txt-wrp-bal,
#full-bleed-a.hp-light.fb-alt-view {
text-wrap: balance;
}
.page-id-22 #hero-text h1 + p,
.txt-wrp-pty,
#leader-modal-contents .bio p,
.leader-title,
.slide-content {
text-wrap: pretty;
}
.page-id-8 #hero-text h1 + p {
text-wrap: auto;
}
ul.sub-menu {
top: 80px;
}
.accordion-toggle::after,
main .button-wrapper a[target="_blank"]::after {
top: 50%;
}
header,
button::before,
.button::before,
.button-wrapper a::before,
.custom-backdrop {
top: 0;
}
li.menu-item-has-children:hover::after {
transform: rotate(-180deg);
}
.menu > li > a::after {
transform: scaleX(0);
}
header .menu > li.current_page_item > a::after,
header .menu > li.current_page_parent > a::after,
header .menu > li > a:hover::after,
#mob-nav .menu > li.current_page_item > a::after,
#mob-nav .menu > li.current_page_parent > a::after {
transform: scaleX(1);
}
ul.sub-menu {
transform: translateY(-100%);
}
.accordion-toggle::after {
transform: translateY(-50%);
}
.draw-line::after {
transform: translateX(-50%);
}
li:hover ul.sub-menu {
transform: translateY(0);
}
.accordion-content {
transition: grid-template-rows 500ms;
}
.leader-bio-card-container,
.active-leader + .cards-bio .leader-bio-card,
.lb-menu a,
.slider-year,
.slider-year::after {
transition: all 180ms ease-in-out;
}
button::before,
.button::before,
.button-wrapper a::before,
ul.sub-menu a,
.social-container .icon a,
footer a {
transition: all 300ms ease-in-out;
}
ul.sub-menu,
#search-container,
#lb-nav-wrapper .wp-block-group__inner-container,
.draw-line::after {
transition: all 500ms ease-in-out;
}
.menu > li > a::after {
transition: transform 500ms ease-in-out;
}
li.menu-item-has-children::after {
transition: transform 100ms ease-in-out;
}
.menu > li > a::after, /* transform-origin: bottom right; */
.menu > li > a:hover::after {
transform-origin: bottom left;
}
main table tbody td {
vertical-align: top;
}
li.menu-item-has-children::after {
vertical-align: middle;
}
body {
-webkit-font-smoothing: antialiased;
}
p {
white-space: normal;
}
p span.dn-wrp {
white-space: nowrap;
}
.container,
header,
button:hover::before,
.button:hover::before,
.button-wrapper a:hover::before,
#hero-block-a,
ul.sub-menu,
ul.sub-menu a,
.menu > li > a::after,
.page-id-34 figure figcaption,
.wp-block-columns.is-layout-flex.cards-full > .wp-block-column,
.draw-line.start-line::after,
footer ul.menu li,
.custom-backdrop {
width: 100%;
}
.modal.modal-alt-container {
width: 940px;
}
.modal {
width: 700px;
}
blockquote .h1 span.draw-line.start-line::after {
width: calc(100% - 10px);
}
#logo-nav .menu > li > a::after,
#logo-nav .menu > li.current_page_item > a::after,
#logo-nav .menu > li.current_page_parent > a::after {
width: calc(100% - 32px);
}
main table th {
width: 50%;
}
button::before,
.button::before,
.button-wrapper a::before,
.search-closed,
.draw-line::after {
width: 0;
}
header {
z-index: 9;
}
.custom-backdrop {
z-index: 8;
}
button,
.button,
.button-wrapper a {
z-index: 1;
}
ul.sub-menu,
button::before,
.button::before,
.button-wrapper a::before {
z-index: -1;
}
.screen-reader-text {
height: 1px;
margin: -1px;
padding: 0;
width: 1px;
word-wrap: normal !important;
}
.search-form .search-field,
.search-open {
width: 202px;
}
/* Set placeholder color to white for all inputs */
::placeholder {
color: #ffffff; /* White */
opacity: 1; /* Full opacity */
}
::-webkit-input-placeholder {
color: var(--white);
opacity: 1;
}
::-moz-placeholder {
color: var(--white);
opacity: 1;
}
:-ms-input-placeholder {
color: var(--white);
opacity: 1;
}
:-moz-placeholder {
color: var(--white);
opacity: 1;
}
input {
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius:0;
}
.search-form .search-field {
padding-right: 30px;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
display: none;
}
input[type="search"] {
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none;
}
#utility-nav nav {
border-right: 1px solid rgba(255,255,255,.5);
padding-right: 20px;
}
li.menu-item-has-children::after {
width: 8px;
height: 4px;
margin-left: -2px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
}
li.menu-item-has-children:hover::after {
transform: rotate(-180deg);
}
main .button-wrapper a[target="_blank"] {
padding-right: 45px;
}
main .button-wrapper a[target="_blank"]::after {
width: 12px;
height: 13px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
transform: translateY(calc(-50% - 1px));
right: 21px;
}
main .button-wrapper .email-tab a[target="_blank"]::after {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 7L14 2M6 5.5L2 10.7324M10 5.5L14 10M3 11H13C14.1046 11 15 10.1046 15 9V3C15 1.89543 14.1046 1 13 1H3C1.89543 1 1 1.89543 1 3V9C1 10.1046 1.89543 11 3 11Z' stroke='%2300014D' stroke-width='1.3' fill='none'/%3E%3C/svg%3E");
right: 18px;
margin-top: 1px;
width: 16px;
height: 12px;
}
.cards.our-medicine-cards > .wp-block-column .wp-block-buttons {
min-width: 190px;
}
main table th,
main table td {
border-right: none;
border-bottom: none;
}
main table thead th:last-child {
border-left: 1px solid var(--white);
}
main table td:last-child {
border-bottom: 0;
}
main table tbody tr:last-child td {
border-bottom: 1px solid var(--deep-blue);
}
main table tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
main table tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
main table th {
padding: 23px 12px;
text-wrap: balance;
}
main table td {
padding: 20px;
}
/* homepage */
#hp-careers-culture {
background-image: url(img/hp-careers-watermark.png);
background-size: cover;
background-repeat: no-repeat;
background-position: left center;
}
.news-events .item-wrapper {
border-top: 0.15rem solid var(--gray);
a {
display: block;
padding-top: 29px;
padding-bottom: 29px;
text-decoration: none;
}
a p.label {
color: var(--bright-blue);
position: relative;
&::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 17px;
height: 12px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.25C1.08579 5.25 0.75 5.58579 0.75 6C0.75 6.41421 1.08579 6.75 1.5 6.75V5.25ZM16.0303 6.53033C16.3232 6.23744 16.3232 5.76256 16.0303 5.46967L11.2574 0.696699C10.9645 0.403806 10.4896 0.403806 10.1967 0.696699C9.90381 0.989593 9.90381 1.46447 10.1967 1.75736L14.4393 6L10.1967 10.2426C9.90381 10.5355 9.90381 11.0104 10.1967 11.3033C10.4896 11.5962 10.9645 11.5962 11.2574 11.3033L16.0303 6.53033ZM1.5 6.75H15.5V5.25H1.5V6.75Z' fill='%23242423'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
}
a p:not(.label) {
max-width: 578px;
}
&:last-child {
border-bottom: 0.15rem solid var(--gray);
}
}
.news-events .item-wrapper:hover {
border-top-color: var(--orange);
a p.label::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.25C1.08579 5.25 0.75 5.58579 0.75 6C0.75 6.41421 1.08579 6.75 1.5 6.75V5.25ZM16.0303 6.53033C16.3232 6.23744 16.3232 5.76256 16.0303 5.46967L11.2574 0.696699C10.9645 0.403806 10.4896 0.403806 10.1967 0.696699C9.90381 0.989593 9.90381 1.46447 10.1967 1.75736L14.4393 6L10.1967 10.2426C9.90381 10.5355 9.90381 11.0104 10.1967 11.3033C10.4896 11.5962 10.9645 11.5962 11.2574 11.3033L16.0303 6.53033ZM1.5 6.75H15.5V5.25H1.5V6.75Z' fill='%23FF6C00'/%3E%3C/svg%3E");
}
}
.news-events .item-wrapper:hover + .item-wrapper {
border-top-color: var(--orange);
}
.news-events .item-wrapper:last-child:hover {
border-bottom: 0.15rem solid var(--orange);
}
/* about beg */
#full-bleed-a.fb-alt-view {
#full-bleed-content {
align-items: center;
display: flex;
justify-content: flex-end;
}
}
.page-id-8 #full-bleed-a.fb-alt-view {
background-position: left -21vw bottom -2vw;
background-size: 142%;
}
@media screen and (min-width: 1441px) {
.page-id-8 #full-bleed-a.fb-alt-view {
height: 41.361vw;
/* background-position: calc(-21vw + (100vw - 1440px) * 0.03611);
background-size: calc(142% - (100vw - 1440px) * 0.0722%);*/
}
}
#relentless-pursuit {
padding-bottom: 104px;
}
#relentless-pursuit + section {
padding-top: 130px;
}
#livers-all {
bottom: -74px;
left: 50%;
transform: translateX(-50%);
max-width: 1076px;
width: 100%;
}
/* about end */
/* leadership beg */
.lb-container {
display: inline-block;
margin-bottom: 62px;
}
.lb-menu {
gap: 50px;
}
.lb-indicator {
position: absolute;
height: 0.15rem;
bottom: -6px;
left: 0;
background-color: var(--orange);
transition: 500ms ease-in-out;
}
.wp-columns.cards.cards-bio {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 36px;
width: 100%;
.leader-bio-card-container {
cursor: pointer;
min-height: 163px;
position: relative;
&::after {
content: "";
position: absolute;
bottom: calc(16px + 3px);
right: calc(18px + 3px);
width: 17px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.25C1.08579 5.25 0.75 5.58579 0.75 6C0.75 6.41421 1.08579 6.75 1.5 6.75V5.25ZM16.0303 6.53033C16.3232 6.23744 16.3232 5.76256 16.0303 5.46967L11.2574 0.696699C10.9645 0.403806 10.4896 0.403806 10.1967 0.696699C9.90381 0.989593 9.90381 1.46447 10.1967 1.75736L14.4393 6L10.1967 10.2426C9.90381 10.5355 9.90381 11.0104 10.1967 11.3033C10.4896 11.5962 10.9645 11.5962 11.2574 11.3033L16.0303 6.53033ZM1.5 6.75H15.5V5.25H1.5V6.75Z' fill='%23242423'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
&:hover {
border-color: var(--orange);
&::after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 5.25C1.08579 5.25 0.75 5.58579 0.75 6C0.75 6.41421 1.08579 6.75 1.5 6.75V5.25ZM16.0303 6.53033C16.3232 6.23744 16.3232 5.76256 16.0303 5.46967L11.2574 0.696699C10.9645 0.403806 10.4896 0.403806 10.1967 0.696699C9.90381 0.989593 9.90381 1.46447 10.1967 1.75736L14.4393 6L10.1967 10.2426C9.90381 10.5355 9.90381 11.0104 10.1967 11.3033C10.4896 11.5962 10.9645 11.5962 11.2574 11.3033L16.0303 6.53033ZM1.5 6.75H15.5V5.25H1.5V6.75Z' fill='%23FF6C00'/%3E%3C/svg%3E");
}
}
}
}
.active-leader + .cards.cards-bio > .wp-block-column {
border: 0 none;
overlay: visible;
}
.active-leader + .cards.cards-bio > .wp-block-column .leader-bio-card {
border: .15rem solid var(--gray);
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
border-top: 0 none;
min-height: 134px;
@media (max-width: 1199px) {
min-height: 163px;
padding-top: 16px;
}
}
.active-leader + .cards.cards-bio > .wp-block-column {
.leader-headshot {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%; /* changed from cover */
height: 297px;
transition:
background-size .4s ease-in-out,
background-position .4s ease-in-out;
will-change: background-size, background-position;
@media (max-width: 1440px) {
height: 20.62vw;
/* min-height: 249px; */
}
@media (max-width: 1399px) {
height: 19.62vw;
/* min-height: 249px; */
}
@media (max-width: 1219px) {
height: 18.62vw;
min-height: 215px;
}
@media (max-width: 809px) {
background-size: cover;
min-height: 430px;
}
@media (max-width: 480px) {
min-height: 300px;
}
@media (max-width: 414px) {
min-height: 258px;
}
}
}
.active-leader + .cards.cards-bio > .wp-block-column:hover {
.leader-headshot {
background-position: 50% 50%;
background-size: 108%; /* now animates smoothly */
@media (max-width: 809px) {
background-size: cover;
}
}
.leader-bio-card {
border-color: var(--orange);
}
}
#leader-modal.modal {
height: 508px;
padding: 60px 90px;
width: 1320px;
.close-modal {
top: 48px;
right: 90px;
}
#leader-modal.modal .close-modal img {
width: 16px;
height: 16px;
}
#leader-modal-contents {
max-width: none;
}
.bio {
display: none;
max-height: 234px;
overflow: clip;
padding-right: 40px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: scrollbar;
}
}
.bio-for-leader #leader-modal.modal .bio.leader-bio,
.bio-for-board #leader-modal.modal .bio.board-bio {
display: block;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
#leader-modal.modal .bio {
scrollbar-width: 6px;
scrollbar-color: #00014D rgba(0, 1, 77, 0.1);
-webkit-appearance: none;
}
#leader-modal-contents {
.leader-roles + .leader-card {
margin-top: 30px;
}
.leader-details {
flex-grow: 1;
}
.leader-roles + h2 + h5 {
margin-top: 10px;
}
.leader-bio-card .bio {
margin-top: 28px;
margin-bottom: 45px;
}
}
.leader-roles span + span {
margin-left: 20px;
}
.leader-roles .label {
padding-left: 24px;
position: relative;
text-transform: uppercase;
}
.leader-roles .label::before {
background: url('img/logo-small.png') no-repeat;
background-size: contain;
content: "";
display: inline-block;
left: 0;
position: absolute;
width: 16px;
height: 16px;
}
.leader-card {
display: flex;
}
.leader-photo img {
border-radius: 16px;
margin-right: 56px;
object-fit: cover;
/* @media (min-width: 1200px) and (max-width: 1366px) {
max-width: none;
} */
}
@media (max-width: 1023px) {
.leader-photo img {
margin-right: 40px;
width: 280px;
height: 280px;
}
#leader-modal.modal .bio {
max-height: 180px;
}
}
@media (max-width: 768px) {
.leader-card:has(.leader-photo img) {
position: relative;
}
.leader-photo:has(img) {
width: 136px;
}
.leader-photo:has(img) img {
margin-right: 16px;
width: 120px;
height: 120px;
}
.leader-photo:has(img) + .leader-details {
max-width: calc(100% - 136px);
}
.leader-photo:has(img) + .leader-details .bio {
top: 108px;
left: 0;
position: absolute;
width: calc(100% - 40px);
}
.leader-photo:has(img) + .leader-details h2 {
font-size: 2rem;
line-height: 1.4;
}
.leader-photo:has(img) + .leader-details h5 {
font-size: 1.6rem;
line-height: 1.3;
}
}
@media (max-width: 1023px) {
.cards .leader-bio-card h5 {
font-size: 2.0rem;
line-height: 1.4;
}
.cards .leader-bio-card p.leader-title:not(.hdr) {
font-size: 1.8rem;
line-height: 1.6;
}
}
/* leadership end */
/* community beg */
#driving-treatment-access > .wp-block-group__inner-container > .wp-block-columns {
gap: 20px;
}
.page-id-188 #driving-treatment-access img {
max-width: 514px;
}
#patient-voice-gallery {
border: 1px solid var(--light-gray);
}
#education-gallery {
border: 0 solid var(--white);
}
main .gallery-scroll .is-layout-constrained {
max-width: 100%;
padding: 0;
}
.image-gallery {
position: relative;
height: 716px;
width: 100%;
overflow: hidden;
}
.image-gallery .horizontal-container {
position: absolute;
height: 100%;
display: flex;
will-change: transform;
left: 30px;
gap: 150px;
@media (max-width: 1199px) {
gap: 50px;
}
}
.image-gallery .horizontal-item {
height: auto;
width: auto;
position: relative;
}
.image-gallery figure {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
}
.image-gallery figure img {
border-radius: 16px;
max-width: none;
}
.image-gallery figure.square img {
border-radius: 12px;
}
.image-gallery figcaption {
position: relative;
width: 100%;
color: #333;
padding: 29px 0 15px;
text-align: center;
transform: translateY(10px);
opacity: 0;
}
.image-gallery figcaption::after {
content: "";
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
width: 18px;
height: 18px;
background-image: url('img/logo-small.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#voice-1 {
margin-top: 130px;
figcaption {
max-width: 514px;
@media (max-width: 1199px) {
max-width: 240px;
}
}
@media (max-width: 1199px) {
img {
width: 240px;
height: 180px;
}
}
}
#voice-2 {
margin-top: 65px;
figcaption {
max-width: 288px;
@media (max-width: 1199px) {
max-width: 224x;
}
}
@media (max-width: 1199px) {
img {
width: 224px;
height: 224px;
}
}
}
#voice-3 {
margin-top: 156px;
figcaption {
max-width: 268px;
@media (max-width: 1199px) {
max-width: 224px;
}
}
@media (max-width: 1199px) {
img {
width: 202px;
height: 202px;
}
}
}
#voice-4 {
margin-top: 120px;
figcaption {
max-width: 360px;
@media (max-width: 1199px) {
max-width: 240px;
}
}
@media (max-width: 1199px) {
img {
width: 280px;
height: 280px;
}
}
}
#voice-5 {
margin-top: 74px;
figcaption {
max-width: 360px;
@media (max-width: 1199px) {
max-width: 280px;
}
}
@media (max-width: 1199px) {
img {
width: 280px;
height: 280px;
}
}
}
#education-1 {
margin-top: 124px;
figcaption {
max-width: 514px;
@media (max-width: 1199px) {
max-width: 240px;
}
}
@media (max-width: 1199px) {
img {
width: 240px;
height: 180px;
}
}
}
#education-2 {
margin-top: 38px;
figcaption {
max-width: 260px;
@media (max-width: 1199px) {
max-width: 224px;
}
}
@media (max-width: 1199px) {
img {
width: 224px;
height: 224px;
}
}
}
#education-3 {
margin-top: 133px;
figcaption {
max-width: 280px;
@media (max-width: 1199px) {
max-width: 252px;
}
}
@media (max-width: 1199px) {
img {
width: 304px;
height: 228px;
}
}
}
#education-4 {
margin-top: 118px;
figcaption {
max-width: 280px;
@media (max-width: 1199px) {
max-width: 276px;
}
}
@media (max-width: 1199px) {
img {
width: 280px;
height: 280px;
}
}
}
#education-5 {
margin-top: 38px;
figcaption {
max-width: 344px;
@media (max-width: 1199px) {
max-width: 252px;
}
}
@media (max-width: 1199px) {
img {
width: 304px;
height: 228px;
}
}
}
#education-6 {
margin-top: 184px;
figcaption {
max-width: 250px;
@media (max-width: 1199px) {
max-width: 238px;
}
}
@media (max-width: 1199px) {
img {
width: 280px;
height: 280px;
}
}
}
#partner-copy-block {
max-width: 368px;
position: sticky;
top: 150px;
h2 + p {
margin-top: 28px;
}
}
.cards.cards-medium.cards-wide {
flex-direction: column;
}
.cards.cards-medium.cards-wide > .wp-block-column {
background-color: var(--off-white);
justify-content: center;
width: 684px;
min-height: 340px;
padding: 40px;
& > .wp-block-group__inner-container {
align-items: center;
display: flex;
gap: 49px;
img {
max-width: none;
mix-blend-mode: multiply;
width: 221px;
}
}
}
.cards.cards-medium.cards-wide.is-layout-stack {
gap: 34px;
}
/* community end */
/* slideshow/animation beg */
.slideshow-figure {
margin: 0 auto;
margin-left: auto;
margin-right: 0;
position: relative;
width: 460px;
aspect-ratio: 1 / 1;
}
.slideshow-figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
}
.slideshow-figure.slideshow-active img {
animation: fade 10s infinite;
}
.slideshow-figure.slideshow-active img.img1 { animation-delay: 0s; }
.slideshow-figure.slideshow-active img.img2 { animation-delay: 2s; }
.slideshow-figure.slideshow-active img.img3 { animation-delay: 4s; }
.slideshow-figure.slideshow-active img.img4 { animation-delay: 6s; }
.slideshow-figure.slideshow-active img.img5 { animation-delay: 8s; }
@keyframes fade {
0% { opacity: 0; }
8% { opacity: 1; }
20% { opacity: 1; }
28% { opacity: 0; }
100% { opacity: 0; }
}
.slideshow-figure figcaption {
text-align: center;
}
/* slideshow/animation end */
.accordion-toggle::after {
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center;
/* top: 16px;*/
top: 62px;
transition: transform 0.3s ease;
}
.accordion-open .accordion-toggle::after {
transform: translateY(-50%) rotate(45deg);
}
.accordion-content .wp-block-group__inner-container {
max-width: 1100px;
margin-left: 0;
}
/* careers culture beg */
#careers-culture-gallery > div {
max-width: none;
padding: 0;
}
.culture-gallery-container {
overflow: hidden;
position: relative;
}
.culture-gallery-watermarks {
position: absolute;
width: 100%;
}
#careers-culture-gallery .watermark {
background: url('img/culture/culture-watermark.jpg') no-repeat;
background-size: contain;
position: absolute;
}
.culture-hdr-line {
top: 9.027vw;
left: 18.888vw;
/* height: 36.875vw; */
height: 27.777vw;
position: absolute;
}
.vertical-line {
width: 0.15rem;
height: 100%;
background-color: var(--orange);
transform-origin: top center;
position: absolute;
top: 6.944vw;
left: 6.347vw;
}
.culture-img {
position: relative;
}
#cwm-1 {
width: 7.638vw;
height: 7.638vw;
/* top: 21.180vw */;
top: 38.402vw;
right: 19.930vw;
}
#cwm-2 {
width: 14.166vw;
height: 14.166vw;
top: 68vw;
left: 11vw;
}
#cwm-3 {
width: 6.944vw;
height: 6.944vw;
top: 153vw;
left: 21vw;
}
#cwm-4 {
width: 11.388vw;
height: 11.388vw;
top: 228vw;
left: 12vw;
}
#careers-culture-gallery .copy {
color: var(--white);
position: absolute;
}
#culture-img-1 img {
width: 27.3vw;
height: 16.25vw;
margin: 25.902vw 25.277vw 15.902vw auto;
/* 8.680vw */
}
#culture-img-2 img {
width: 32.78vw;
height: 20.21vw;
margin: 0 8.819vw 10.138vw auto;
}
#cpy-1 {
margin-left: 19.097vw;
top: -28vw;
width: 408px;
}
#culture-img-3 img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 20.42vw;
height: 24.93vw;
margin: 0 0 0 auto;
}
#culture-img-4 img {
width: 42.43vw;
height: 27.08vw;
margin: -4.166vw auto 0 8.472vw;
}
#cpy-2 {
margin-left: 58.402vw;
top: -8vw;
width: 406px;
}
#culture-img-5 img {
width: 13.06vw;
height: 9.58vw;
margin: 23.541vw 12.986vw 0 auto;
}
#culture-img-6 img {
width: 37.01vw;
height: 27.29vw;
margin: -2.083vw auto 15.277vw 14.236vw;
}
#cpy-3 {
margin-left: 58.402vw;
top: 3.6vw;
width: 363px;
}
#culture-img-7 img {
width: 26.74vw;
height: 18.68vw;
margin: 0 auto 0 22.5vw;
}
#culture-img-8 img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 13.68vw;
height: 10.90vw;
margin: -14.9vw 0 15.277vw auto;
}
#culture-img-9 img {
width: 13.68vw;
height: 10.90vw;
margin: 0 32.430vw 0 auto;
}
#culture-img-10 img {
width: 9.65vw;
height: 12.43vw;
margin: -2.777vw 6.041vw 0 auto;
}
#culture-img-11 img {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 9.93vw;
height: 13.89vw;
margin: -5.555vw auto 8.75vw 0;
}
#cpy-4 {
margin-left: 50%;
text-align: center;
top: -10vw;
transform: translateX(-50%);
width: 740px;
z-index: 1;
}
#cpy-4 .wp-block-buttons {
margin-top: 40px;
}
#culture-img-12 img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 18.61vw;
height: 15.63vw;
margin: 0 0 0 auto;
}
#culture-img-13 img {
width: 20.76vw;
height: 13.40vw;
margin: -8.888vw auto 90px 14.722vw;
}
/* careers culture end */
/* tweaks for large cards alt beg */
.cards-full .wp-block-column.copy.justify-end {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.cards.cards-large.cards-fill > .wp-block-column > .wp-block-group {
display: flex;
height: 100%;
}
.cards.cards-large.cards-fill > .wp-block-column > .wp-block-group > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cards.cards-full .label + .wp-block-heading {
margin-top: 12px;
}
/* tweaks for large cards alt end */
.modal {
background: #fff url('img/corner-logo-lines.png') no-repeat;
background-position: bottom right;
background-size: 128px 138px;
padding: 50px 20px 40px;
transform: translateY(60px);
}
.nav-hidden .modal {
transform: translateY(0);
}
.close-modal {
padding: 6px;
top: 8px;
right: 22px;
}
.modal h4 + p {
margin-top: 14px;
}
.modal .button-wrapper {
margin-top: 30px;
}
.modal .button-wrapper + .general {
margin-top: 18px;
.x-small {
font-weight: 600;
}
}
footer .custom-logo {
width: 182px;
height: auto;
}
/* 404 page beg */
.error404 main #hero-copy + section > .is-layout-constrained {
padding-top: 80px;
@media (max-width: 1199px) {
padding-top: 60px;
}
}
/* 404 page end */
/* contact beg */
@media (min-width: 1200px) {
main section#contact-highlight > .is-layout-constrained {
padding-top: 80px;
padding-bottom: 80px;
}
}
#contact-highlight #card-highlight {
padding-top: 44px;
padding-bottom: 44px;
@media (max-width: 1199px) {
padding: 24px 30px;
}
}
/* contact end */
@media (max-width: 1439px) {
main .is-layout-constrained {
padding: 100px calc((1440px - 1200px) / 2);
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.clinical-study-cards > .wp-block-column {
display: flex;
flex-direction: column;
}
.clinical-study-cards > .wp-block-column .wp-block-buttons {
margin-top: auto;
padding-top: 40px;
}
.page-id-14 #hero-block-a,
.page-id-190 #hero-block-a {
background-position: right -4.5vw center;
}
.page-id-186 #hero-block-a {
background-position: center center;
}
}
@media (min-width: 1200px) and (max-width: 1320px) {
.page-id-188 #hero-block-a {
background-position: right -3.6vw center;
.caption {
text-shadow: 1px 1px 0 #FFFFFF;
}
}
}
@media (min-width: 1200px) { /* this is min-width */
.page-id-186 #hero-block-a h1,
.page-id-186 #hero-block-a p {
color: var(--white);
}
#full-bleed-mobile {
display: none;
}
.page-id-186 #hero-text h1 + p {
max-width: 500px;
}
.navbar {
transition: transform 500ms ease-in-out;
}
.navbar-hidden {
transform: translateY(-100%);
}
}
@media (max-width: 1366px) {
#full-bleed-a {
background-position: right -13.2vw center;
}
.cards.cards-medium.cards-wide > .wp-block-column {
width: 47.5vw;
& > .wp-block-group__inner-container img {
width: 15.347vw;
}
}
#leader-modal.modal {
width: calc(100vw - 46px);
.bio {
/* width: 83.455vw; */
}
}
}
@media (max-width: 1199px) {
#footer-logo-copyright {
align-items: center;
}
section.light-bg,
.page-id-12 #hero-block-a {
background-color: var(--light-gray);
}
#hero-block-a[style],
#full-bleed-a[style] {
background-image: none !important;
}
#full-bleed-mobile[style] {
background-repeat: no-repeat;
}
#full-bleed-mobile[style] {
background-position: right center;
}
.fb-alt-view #full-bleed-mobile[style] {
background-position: bottom center;
}
#mob-nav .menu > li > a::after {
bottom: 0;
}
#hero-block-a .caption {
bottom: auto;
}
#utility-nav-mobile,
#social-container-mobile {
display: flex;
}
#mob-nav,
#hb-menu,
#hero-block-mobile,
.new-line,
#mob-nav nav ul.sub-menu a,
span.blk-mob,
.lb-indicator.lb-indicator-mobile,
#copyright span {
display: block;
}
header > #utility-nav,
header nav.menu-main-nav-container,
li.menu-item-has-children::after,
#full-bleed-content .blk-h2,
.cards .wp-block-column .wp-block-buttons + .caption br,
.cards.cards-large > .wp-block-column.lrg-crd-shrt .wp-block-heading br,
.lb-indicator.lb-indicator-desktop,
.button-wrapper a:hover::before {
display: none;
}
.container-img-lrg .wp-block-columns,
.container-img-sml .wp-block-columns,
.wp-block-columns.cards,
.cards.our-medicine-cards .wp-block-column,
#partnering-with .wp-block-group__inner-container > .wp-block-columns,
#full-bleed-a.hp-light.fb-alt-view,
#footer-container .container {
flex-direction: column;
}
.container-img-rgt.container-img-lrg .wp-block-columns,
.container-img-rgt.container-img-sml .wp-block-columns,
.cards.cards-large.cards-full .wp-block-column > .wp-block-columns {
flex-direction: column-reverse;
}
.page-id-36 blockquote p.h1:first-child {
font-size: 6.4rem;
}
.page-id-36 blockquote p.h1:first-child .new-line {
font-size: 5.9rem;
}
h1,
.h1 {
font-size: 4rem;
}
h2,
.h2 {
font-size: 3.6rem;
}
h3,
.wp-block-quote p:first-child,
.lb-menu .h2,
#leaving-site h4,
#leader-modal-contents .leader-roles + h2 + h5 {
font-size: 2.4rem;
}
h4,
.h4,
header nav,
#mob-nav nav,
#mob-nav .ir-link a {
font-size: 2.0rem;
}
h5 {
font-size: 1.8rem;
}
header .utility nav {
font-size: 1.6rem;
}
label,
.label,
p.label,
.small,
.cards p:not(.hdr),
.references p {
font-size: 1.5rem;
}
.leader-bio-card .leader-roles .label {
font-size: 1.3rem;
}
#leader-modal-contents .leader-roles + h2 + h5,
#mob-nav nav li {
font-weight: 600;
}
#footer-container .container {
gap: 72px;
}
.container-img-lft.container-img-lrg .wp-block-columns,
.container-img-rgt.container-img-lrg .wp-block-columns,
.container-img-alt .wp-block-columns,
.cards.cards-small,
.cards.cards-large {
gap: 40px;
}
.cards.cards-large.cards-full .wp-block-column > .wp-block-columns,
.wp-columns.cards.cards-bio {
gap: 30px;
}
.lb-menu {
gap: 24px;
}
.cards {
gap: 20px;
}
.wp-columns.cards.cards-bio {
grid-template-columns: repeat(2, 1fr);
}
.error404 #hero-copy {
height: 270px;
}
#hero-copy,
.page-template-page-template-copy-only #hero-copy {
height: 188px;
}
header {
height: 60px;
}
#mob-nav .ir-link a {
height: 50px;
}
#mob-nav nav ul.sub-menu a {
height: 31px;
}
#hero-block-a,
#hero-block-a.hero-lrg {
height: auto;
}
#mob-nav .ir-link a {
line-height: 50px;
}
#mob-nav nav .sub-menu li {
line-height: 31px;
}
.small,
.cards p:not(.hdr),
.references p {
line-height: 1.65;
}
.leader-bio-card
footer p,
h5 {
line-height: 1.50;
}
header .utility nav {
line-height: 1.40;
}
h3,
header nav,
.wp-block-quote p:first-child,
#leaving-site h4,
#leader-modal-contents .leader-roles + h2 + h5,
#mob-nav {
line-height: 1.30;
}
h1,
.h1 {
line-height: 1.20;
}
.page-id-36 blockquote p.h1:first-child span:last-child {
line-height: 1.18;
}
.page-id-36 blockquote p.h1:first-child {
line-height: 0.99;
}
header + main,
main section.quote-block blockquote p + p.label {
margin-top: 60px;
}
.lb-container {
margin-bottom: 42px;
}
.cards-multiple .cards + .cards.cards-small,
.cards-multiple .cards + .cards.cards-large,
.cntr-wo-img + .wp-block-group,
.cntr-wo-img + .wp-block-columns {
margin-top: 40px;
}
.cards .wp-block-column .wp-block-image + h3,
.cards .wp-block-column .wp-block-image + h4,
.cards p + .wp-block-buttons.button-wrapper,
.our-medicine-cards .wp-block-column .wp-block-buttons,
.cards.cards-large .wp-block-column .wp-block-image + h3,
.cards .wp-block-column .wp-block-buttons + .caption {
margin-top: 30px;
}
.cards.cards-full .wp-block-buttons,
.cards.cards-fill .wp-block-group .wp-block-group + .wp-block-group {
margin-top: 26px;
}
.cards-multiple .cards + .cards {
margin-top: 20px;
}
#mob-nav-contents #menu-main-nav > li + li {
margin-top: 30px;
}
section .copy h2 + p {
margin-top: 22px;
}
.page-id-12 .one-line {
margin-top: 20px;
}
.cards .wp-block-column h3 + p {
margin-top: 14px;
}
#copyright p + p {
margin-top: .9rem;
}
.cards.cards-large .wp-block-column h3 + p {
margin-top: 10px;
}
#mob-nav nav ul.sub-menu {
margin-top: 8px;
}
.cards.cards-medium p + .wp-block-buttons.button-wrapper,
section .copy .blk-h2 + .blk-p,
.single-hdr {
margin-top: 0;
}
.stat-card img {
margin-bottom: 30px;
}
.cards.cards-medium p {
margin-bottom: 26px;
}
/* .cards .wp-block-column .wp-block-buttons + .caption {
margin-bottom: 4px;
}*/
#mob-nav nav ul.sub-menu {
margin-left: 16px;
}
#footer-social {
margin-top: 14px;
}
#mob-nav .button-wrapper.ir-link {
margin-left: 0;
}
.container-img .wp-block-columns,
#hero-text,
.cards,
.page-id-36 figure {
margin: 0 auto;
}
.modal {
max-width: calc(100vw - 16px);
}
#hero-text h1,
#hero-text h1 + p,
.container-img .wp-block-columns,
.container-img .copy,
.cards {
max-width: 600px;
}
.cards.cards-large .wp-block-column {
min-height: 537px;
}
#hero-block-mobile {
min-height: 480px;
}
.cards.cards-large > .wp-block-column.lrg-crd-shrt {
min-height: 450px;
}
.modal {
min-height: 422px;
}
#hero-block-mobile {
min-height: 410px;
}
.stat-card {
min-height: 368px;
}
#logo-nav {
min-height: 60px;
}
.cards.cards-medium .wp-block-column,
#mob-nav #menu-main-nav > li,
.cards.cards-large.cards-full .wp-block-column {
min-height: 1px;
}
#mob-nav {
opacity: 0;
}
.shrunken + #mob-nav {
opacity: 1;
}
main .container-type-lp .is-layout-constrained,
main .news-events > .is-layout-constrained,
main #leaders-board-container > .is-layout-constrained {
padding-top: 60px;
}
footer {
padding-top: 50px;
}
.hero-lrg #hero-content #hero-text {
padding-top: 0;
}
#footer-logo-copyright {
padding-right: 34px;
}
#footer-links {
padding-right: 5px;
}
footer .container {
padding-right: 0;
}
#relentless-pursuit {
padding-bottom: 35px;
}
main #hero-block-a,
#hero-copy .container > div,
main .result:last-child,
main .container-type-lp .is-layout-constrained,
main .news-events > .is-layout-constrained,
main #leaders-board-container > .is-layout-constrained {
padding-bottom: 60px;
}
footer {
padding-bottom: 50px;
}
.cards.cards-large.cards-fill > .wp-block-column,
.cards.cards-large.cards-full > .wp-block-column,
.cards.cards-large:not(.cards-full) > .wp-block-column {
padding-bottom: 30px;
}
#footer-links,
#footer-logo-copyright {
padding-left: 34px;
}
footer .container {
padding-left: 0;
}
main .container,
main .is-layout-constrained,
main #references .is-layout-constrained,
.page-template-page-template-copy-only main .is-layout-constrained,
.search-results main .is-layout-constrained {
padding: 60px 30px;
}
main #hero-block-a .container,
main #full-bleed-mobile.container {
padding: 40px 30px 0;
}
main #full-bleed-content.container {
padding: 40px 30px 60px;
}
main .quote-block .is-layout-constrained {
padding: 80px 28px 60px;
}
header .container {
padding: 0 24px;
}
.cards > .wp-block-column,
.cards.our-medicine-cards > .wp-block-column,
.cards.cards-large > .wp-block-column {
padding: 24px;
}
#mob-nav {
position: fixed;
}
#page,
#mob-nav-close {
position: absolute;
}
#partner-copy-block {
position: relative;
}
#hero-block-a .caption {
right: 18px;
}
.page-id-12 .one-line p,
.our-medicine-cards .wp-block-group + .wp-block-buttons,
#mash-or-nash blockquote p:last-child {
text-align: left;
}
#footer-logo-copyright {
text-align: center;
}
#mob-nav nav a {
text-decoration: none;
}
a[href^="tel:"] {
text-decoration: underline;
}
.accordion-toggle,
.modal div p {
text-wrap: balance;
}
#mob-nav {
transition: all 500ms ease-in-out;
}
#hero-block-a .caption {
transform: translateY(calc(-100% - 10px));
}
.shrunken + #mob-nav {
transform: translateX(0);
}
#mob-nav ul.sub-menu {
transform: translateY(0);
}
#hero-block-a .caption {
top: 480px;
}
#hero-block-a .caption {
top: 410px;
}
.mmofix.page-id-188 .pin-spacer {
visibility: hidden;
}
#hero-block-mobile img {
width: 100vw;
}
header #logo-nav,
.cards.cards-medium img,
.container-img-alt img,
.cards.cards-large img,
#leader-modal.modal .bio {
width: 100%;
}
/* .page-id-190 .quote-block p span {
word-break: break-all;
} */
.page-id-3 main section a {
word-break: break-all;
}
header .custom-logo-link img {
width: 138px;
height: 36px;
}
.page-id-34 figure.slideshow-figure {
width: 300px;
margin-top: -60px;
margin-bottom: 32px;
}
.page-id-34 figure figcaption {
bottom: -42px;
}
#mob-nav-close {
top: 0;
right: 0;
}
footer .custom-logo {
width: 157px;
height: 48px;
}
#page {
/* overflow: hidden;*/
/*transform-origin: top left;*/
top: 0;
left: 0;
transition: all 0.5s ease-in-out;
width: 100%;
z-index: 3;
}
.shrunken {
margin-left: calc(-100vw + 45px);
}
body {
overflow-x: hidden;
}
#mob-nav {
min-width: 300px;
padding-right: 44px;
top: 0;
right: 0;
}
#mob-nav-contents {
min-width: 234px;
}
#mob-nav-close {
top: 7px;
right: 30px;
}
#mob-nav nav li a {
color: var(--white);
}
#mob-logo {
margin-top: 66px;
margin-bottom: 50px;
}
#mob-logo img {
width: 176px;
height: 46px;
}
#mob-nav .button-wrapper.ir-link {
font-size: 2rem;
width: 202px;
height: 50px;
}
#search-wrapper {
margin-top: 42px;
}
#mob-nav #search-wrapper + .container {
margin-top: 26px;
}
#mob-nav #menu-utility-1-container {
margin-top: 16px;
}
#mob-nav #search-social-container {
padding: 0;
}
#mob-nav #search-wrapper + .container {
display: flex;
}
#mob-nav .icon img {
width: auto;
height: 18px;
}
#mob-nav .menu-utility-1-container {
margin-right: 15px;
border-right: 1px solid rgba(255,255,255,.5);
padding-right: 15px;
}
#mob-nav #search-social-container {
gap: 22px;
}
.modal {
// background-image: url(img/corner-logo-lines-m.jpg);
background-position: bottom -2px right -2px;
background-size: 54px 62px;
transform: translateY(30px);
}
.nav-hidden .modal {
transform: translateY(0);
}
#search-container {
margin-right: 0;
}
#search-container.search-open {
margin-left: 0;
}
#search-container + .icon {
transition-delay: 100ms;
transition-duration: 400ms;
transform: translate(0,-6px);
}
#search-container + .icon img {
width: 16px;
height: 16px;
}
#search-container.search-open + .icon {
transform: translate(-29px,-6px);
}
#utility-nav-mobile {
margin-top: 14px;
}
.search-form .search-field {
width: 198px;
}
#social-container-mobile {
gap: 20px;
}
/* home beg */
#hp-careers-culture {
background: #00014D url(img/watermark-corner-tl.png) top left;
background-repeat: no-repeat;
}
/* home end */
/* about mobile beg */
#livers-all {
bottom: 0;
transform: translate(-50%,50%);
}
/* community beg */
#partnering-with .wp-block-group__inner-container > .wp-block-columns {
gap: 40px;
}
#partner-copy-block {
margin-top: auto;
top: auto;
}
.cards.cards-medium.cards-wide > .wp-block-column {
width: auto;
& > .wp-block-group__inner-container {
flex-direction: column;
img {
width: 100%;
}
}
}
/* community end */
/* about mobile end */
/* leaders */
#lb-nav-wrapper {
height: 91px;
position: relative;
& > .wp-block-group__inner-container {
position: absolute;
width: 412px;
}
}
}
@media (max-width: 1199px) {
#leader-modal.modal .bio {
padding-right: 70px;
}
#leader-modal.modal {
padding: 28px 20px 50px;
.close-modal {
top: 15px;
right: 20px;
}
}
}
@media (max-width: 809px) {
.quote-block {
background-image: url(img/watermark-dark-m.png);
}
#relentless-pursuit p + .wp-block-buttons .button-wrapper {
margin-right: auto;
margin-left: 0;
}
#hero-block-a:not(.caption-dark) .caption {
color: var(--white);
}
blockquote span,
blockquote :not(.h1) span,
p.span-br span {
display: inline;
}
.news-events .wp-block-heading + .wp-block-buttons {
display: none;
}
.news-events .items-container + .wp-block-buttons {
display: block;
}
.news-events .wp-block-columns {
flex-direction: column;
}
.cards.cards-medium.cards-wide > .wp-block-column > .wp-block-group__inner-container {
gap: 30px;
}
.wp-columns.cards.cards-bio {
grid-template-columns: repeat(1, 1fr);
}
.news-events .button-wrapper {
height: 42px;
}
.news-events .wp-block-columns .wp-block-column:first-child + .wp-block-column,
.news-events .items-container + .wp-block-buttons {
margin-top: 40px;
}
.cards.clinical-study-cards .wp-block-column figure,
.cards.clinical-study-cards .wp-block-column h3,
.cards.clinical-study-cards .wp-block-column p,
.cards.clinical-study-cards .wp-block-column div {
max-width: 267px;
}
#card-highlight.wp-block-column h4 {
max-width: 100%;
}
#location-cards.cards.cards-medium .wp-block-column {
min-height: 440px;
}
.cards.cards-small > div {
min-height: 164px;
}
main #leaders-board-container > .is-layout-constrained {
overflow: clip;
}
.page-id-188 .cards.cards-medium.cards-wide > .wp-block-column {
padding: 24px;
}
main .news-events .wp-block-column .is-layout-constrained {
padding-bottom: 0;
}
.copy .wp-block-heading.has-text-align-center,
.copy p.has-text-align-center {
text-align: left;
}
.news-events .items-container + .wp-block-buttons {
text-align: center;
}
}
/* @media (max-width: 767px) {
#hero-block-a .caption {
top: 262px;
}
} */
@media (max-width: 639px) {
#full-bleed-mobile[style] {
background-position: right -27.2vw center;
}
.fb-alt-view #full-bleed-mobile[style] {
background-position: left bottom;
}
.page-id-8 .fb-alt-view #full-bleed-mobile[style] {
background-position: center bottom;
}
.leader-roles span.role,
blockquote #questions-contact-email span.m-1-l {
display: block;
}
blockquote #questions-contact-email span.m-1-l + br,
#focus-quote p br {
display: none;
}
#leader-modal-contents .leader-roles + h2 {
font-size: 3rem
}
#leader-modal-contents .leader-roles + h2 + h5 {
font-size: 1.8rem
}
#leader-modal.modal div p {
font-size: 1.5rem;
}
#driving-treatment-access > .wp-block-group__inner-container > .wp-block-columns {
gap: 40px;
}
.page-id-34 .wp-image-556 {
height: auto;
}
#leader-modal.modal div p {
line-height: 1.65;
}
#leader-modal-contents .leader-roles + h2 + h5 {
line-height: 1.3;
}
#leader-modal-contents .leader-roles + h2 {
line-height: 1.2;
}
#leader-modal-contents .leader-roles + h2 {
margin-top: 30px;
}
.leader-roles span.role + span.role {
margin-top: 10px;
}
.leader-roles .label {
margin-left: 0;
}
#leader-modal.modal .bio {
max-height: 267px;
}
#leader-modal.modal [data-name="bill-sibold"] .bio {
max-height: 228px;
}
#leader-modal.modal [data-name="stephen-dodge-pharm-d-mba"] .leader-bio.bio,
#leader-modal.modal [data-name="mark-underwood"] .leader-bio.bio,
#leader-modal.modal [data-name="raymond-cheong-md-phd"] .board-bio.bio,
#leader-modal.modal [data-name="paul-a-friedman-md"] .board-bio.bio,
#leader-modal.modal [data-name="jacqualyn-a-fouse-phd"] .board-bio.bio {
max-height: 222px;
}
.page-id-188 #driving-treatment-access img {
max-width: 315px;
}
#fatty-liver-alliance .wp-block-image img {
max-width: 230px;
}
#leader-modal.modal .bio {
padding-right: 22px;
}
.page-id-188 #driving-treatment-access img {
transform: scale(1.1727);
}
#fatty-liver-foundation .wp-block-image img {
transform: scale(1.091);
}
#global-liver-institute .wp-block-image img {
transform: scale(1.0435) translateY(-18px);
}
#liver-education-advocates .wp-block-image img {
transform: scale(0.8564);
}
#relentless-pursuit + section {
padding-top: 45px;
}
.page-id-34 #hero-block-a #hero-content {
padding-right: 29px;
p {
text-wrap: auto;
}
}
}
@media (max-width: 479px) {
#lb-nav-wrapper .wp-block-group__inner-container {
left: 0;
}
#lb-nav-wrapper.active-board .wp-block-group__inner-container {
transform: translateX(calc(100vw - 412px - 60px));
}
}
/* style scrollbar bio tweaks */
/* Style the scrollbar track */
.bio .simplebar-track.simplebar-vertical {
background: rgba(0, 1, 77, 0.1);
width: 6px;
border-radius: 50px;
}
/* Style the scrollbar handle (thumb) */
.bio .simplebar-scrollbar:before {
background: #00014D;
border-radius: 50px;
width: 6px;
opacity: 1;
left: 0;
right: 0;
}
/* Prevent the handle from disappearing */
.bio .simplebar-scrollbar.simplebar-visible:before {
opacity: 1;
}
/* about timeline style tweaks */
@media (min-width: 1200px) {
#timeline-container {
background: url(img/bg-watermark.jpg) no-repeat;
background-position: right -25% bottom -50%;
background-size: 500px 500px;
}
}
#timeline-wrapper {
margin: 56px 0;
position: relative;
@media (max-width: 1199px) {
margin: 50px 0 0 0;
}
}
.slides-wrapper {
position: relative;
width: 100%;
height: 450px;
overflow: hidden;
}
.slide-image-content {
gap: clamp(20px, 5.694vw, 82px);
@media (max-width: 1366px) {
min-height: 398px;
}
@media (max-width: 1320px) {
min-height: 416px;
}
@media (max-width: 1199px) {
flex-direction: column;
gap: 40px;
}
}
.swiper-slide {
h4 {
color: var(--white);
}
.slide-content {
padding-top: 20px;
@media (max-width: 1199px) {
max-width: 600px;
width: 100%;
}
@media (max-width: 640px) {
padding-top: 0;
}
}
/* &.slide-index-0 .slide-content,
&.slide-index-6 .slide-content {
padding-top: 0;
}*/
}
.slide-image {
flex: 1;
figure {
position: relative;
figcaption {
position: absolute;
bottom: 9px;
left: 12px;
@media (max-width: 640px) {
bottom: 6px
}
}
}
}
.slide-image img {
max-width: 600px;
width: 100%;
height: auto;
max-height: 450px;
object-fit: cover;
}
.slide-content {
flex: 1;
position: relative;
max-width: 518px;
width: 43.166vw;
.caption {
margin-top: 30px;
}
}
.slide-content h2 {
margin-bottom: 15px;
}
.controls-for-timeline {
text-align: center;
margin-top: 20px;
a {
cursor: pointer;
display: inline-block;
width: 30px;
height: 30px;
text-indent: -9999px;
overflow: hidden;
}
}
.timeline-buttons {
display: flex;
justify-content: space-between;
position: absolute;
width: 74px;
height: 30px;
right: auto;
bottom: 0;
left: 0;
& > div {
cursor: pointer;
position: relative;
}
@media (max-width: 1199px) {
width: 68px;
top: 20px;
right: 0;
bottom: auto;
left: auto;
}
@media (max-width: 640px) {
top: 0;
}
}
.timeline-prev.swiper-button-prev {
background: center / contain no-repeat url('svg/arrow-prev.svg');
&:hover {
background-image: url('svg/arrow-prev-on.svg');
}
&::after {
display: none;
}
}
.timeline-next.swiper-button-next {
background: center / contain no-repeat url('svg/arrow-next.svg');
&:hover {
background-image: url('svg/arrow-next-on.svg');
}
&::after {
display: none;
}
}
.swiper {
--swiper-scrollbar-sides-offset: 0%;
}
.slider-year {
cursor: pointer;
opacity: .5;
text-align: center;
width: 34px;
@media (max-width: 1199px) {
width: 40px;
}
}
.slider-year:hover {
cursor: pointer;
opacity: .7;
}
.slider-year:hover::after {
background-color: rgba(255,255,255,.7);
border-radius: 10px;
content: "";
position: absolute;
transform: translate(-50%, 7px);
width: 34px;
height: 6px;
@media (max-width: 1199px) {
width: 40px;
}
}
.slider-year.active:hover::after {
display: none;
}
.slider-year.active {
opacity: 1;
}
#timeline-wrapper {
margin-top: 56px;
#years-scrollbar {
margin-bottom: 50px;
min-width: 480px;
height: 35px;
position: relative;
#years {
align-items: center;
color: var(--off-white);
display: flex;
justify-content: space-between;
height: 24px;
}
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
background-color: rgba(255, 255, 255,.1);
top: auto;
right: 0;
left: 0;
bottom: 0;
height: 6px;
width: 100% !important;
}
.swiper-scrollbar-drag {
background-color: var(--orange);
width: 34px !important;
@media (max-width: 1199px) {
width: 40px !important;
}
}
.swiper-button-prev {
left: auto;
}
.swiper-button-next {
right: auto;
}
}
@media (max-width: 1199px) {
.swiper-wrapper {
margin-right: auto;
margin-left: auto;
max-width: 600px;
.slide-content {
max-width: 600px;
}
}
}
@media (max-width: 580px) {
/* about */
#timeline-wrapper {
padding-top: 85px;
position: relative;
&.grad-start::before,
&.grad-end::after {
content: "";
position: absolute;
top: 0;
z-index: 101;
width: 50px;
height: 45px;
}
&.grad-start::before {
background: linear-gradient(90deg, rgba(0, 1, 77, 1) 0%, rgba(0, 1, 77, 0) 30%);
left: 0;
}
&.grad-end::after {
background: linear-gradient(90deg, rgba(0, 1, 77, 0) 0%, rgba(0, 1, 77, 1) 70%);
left: calc(100vw - 110px);
}
#years-scrollbar {
top: 0;
left: 0;
position: absolute;
min-width: 100px;
width: 576px;
}
}
}
/* parallax beg */
.page-id-14 #cpy-1 {
top:-10.5vw;
}
.page-id-14 #cpy-2 {
top:-7vw;
margin-left:53.5vw;
}
.page-id-14 #cpy-3 {
top5vw;
}
.page-id-14 #cpy-4 {
top:12vw;
}
.page-id-14 #cwm-1 {
top:57vw;
}
.page-id-14 #cwm-2 {
top:85vw;
}
.page-id-14 #cwm-3 {
top:133vw;
}
.page-id-14 #culture-img-1 img {
margin-top:36vw;
margin-bottom:6vw;
}
.page-id-14 #culture-img-3 img {
margin-bottom: -19vh;
}
.page-id-14 #culture-img-5 img {
margin-top:18vw;
}
.page-id-14 #culture-img-6 img {
margin-top:-13vw;
}
@media (max-width:1500px) {
/*.page-id-14 #cpy-2 {
top:22vw;
margin-left:43vw;
}*/
.page-id-14 #cpy-2 {
margin-left:46.5vw;
max-width:29vw;
top:-7vw;
}
.page-id-14 #culture-img-4 img {
margin-left:-2vw;
}
}
@media (max-width:1199px) {
.page-id-14 #cpy-1 {
max-width:33vw;
}
.page-id-14 #cpy-2 {
margin-left:46.5vw;
max-width:29vw;
top:-7vw;
}
.page-id-14 #cpy-3 {
margin-left:55vw;
max-width:29vw;
}
.page-id-14 #careers-culture-gallery .h2 {
font-size:3.0vw;
}
.page-id-14 #culture-img-4 img {
margin-left:-4vw;
}
}
@media (max-width:767px) {
.page-id-14 #cpy-1 {
margin-left:20vw;
max-width:60vw;
top:-114vw;
}
.page-id-14 #cpy-2 {
margin-left:20vw;
max-width:60vw;
top:-65vw;
}
.page-id-14 #cpy-3 {
margin-left:13vw;
max-width:74vw;
top:-50vw;
}
.page-id-14 #cpy-4 {
max-width:74vw;
top:80vw;
}
.page-id-14 #careers-culture-gallery .h2 {
font-size:6.3vw;
text-align:center;
}
.page-id-14 .culture-hdr-line {
top:28vw;
width:100%;
left:0%;
text-align:center;
}
.page-id-14 .vertical-line {
top:15vw;
left:50vw;
}
.page-id-14 #culture-img-1 img {
margin-top:183vw;
margin-right:-14vw;
margin-bottom:5vw;
width:54vw;
height:32vw;
}
.page-id-14 #culture-img-2 img {
margin-left:-4vw;
margin-right:auto;
margin-bottom:35vw;
width:64vw;
height:40vw;
}
.page-id-14 #culture-img-3 img {
width:41vw;
height:50vw;
margin-bottom:65vw;
}
.page-id-14 #culture-img-4 img {
width:53vw;
height:34vw;
margin-left:14vw;
}
.page-id-14 #culture-img-5 img {
width:39vw;
height:28.5vw;
margin-top:30vw;
margin-bottom:5vw;
}
.page-id-14 #culture-img-6 img {
width:75vw;
height:55vw;
margin-top:36vw;
margin-bottom:20vw;
margin-left:-6vw;
}
.page-id-14 #culture-img-7 img {
width:54vw;
height:37vw;
margin-left:55vw;
}
.page-id-14 #culture-img-10 img {
width:39vw;
height:50vw;
margin-right:40vw;
margin-top:-10vw;
}
.page-id-14 #culture-img-12 img {
width:72vw;
height:60vw;
margin-left:27vw;
margin-top:20vw;
}
.page-id-14 #culture-img-13 img {
width:80vw;
height:auto;
margin-left:10vw;
margin-top:110vw;
}
.page-id-14 #culture-img-8, .page-id-14 #culture-img-9, .page-id-14 #culture-img-11 img {
display:none;
}
.page-id-14 #cwm-1 {
height:40vw;
width:40vw;
top:150vw;
right:70vw;
}
.page-id-14 #cwm-2 {
height:40vw;
width:40vw;
top:350vw;
right:50vw;
}
.page-id-14 #cwm-3 {
height:20vw;
width:20vw;
top:475vw;
left:75vw;
}
.page-id-14 #cwm-4 {
height:40vw;
width:40vw;
top:650vw;
left:50vw;
}
}
/* parallax end */
/* community image galleries start */
.page-id-188 .image-gallery .horizontal-container {
left:40px;
}
@media (max-width:1199px) {
.page-id-188 #voice-2 figcaption {
max-width:222px;
}
.page-id-188 #education-3 figcaption {
max-width:264px;
}
}
/* community image galleries end */
/* corporate giving beg */
@media (max-width: 1199px) {
#questions-contact-quote.quote-block.quote-block-light {
.wp-block-group__inner-container.is-layout-constrained {
padding: 60px 28px;
}
blockquote p {
font-size: 1.8rem;
line-height: 1.3;
text-align: left;
}
}
}
@media (max-width:639px) {
#questions-contact-quote.quote-block.quote-block-light {
background-position: center right -20vw;
}
}
/* corporate giving end */
/* additional tweaks */
@media (min-width:1600px) {
.page-id-34 #full-bleed-a[style] {
background-image: url('img/home/woman-chair-desktop-l.jpg') !important;
background-position: center center;
}
}
@media (max-width:1350px) {
.cards.closed .copy .caption br {
display: none;
}
}
@media (max-width:427px) {
.modal.modal-alt-container {
padding-right: 12px;
}
}
p.font-size-alt {
font-size: 2rem;
}
/* toasts beg */
.page-home #hero-block-a {
min-height: 630px;
position: relative;
overflow-x: hidden;
#notification-banner {
background-color: rgba(129, 213, 246, .85);
border-radius: 16px;
box-shadow: 10px 10px 25px 0 rgba(0,0,0,.2);
color: #242423;
max-width: 359px;
padding: 20px 16px;
padding-right: 44px;
position: absolute;
transform: translateX(calc(100% + 19px)) !important;
transition: transform 300ms ease-in-out;
right: 18px;
bottom: 18px;
&.slide-out {
transform: translateX(0) !important;
}
@media (max-width: 767px) {
bottom: 0;
max-width: none;
margin-bottom: 14px;
position: relative;
right: auto;
left: auto;
transform: translate(calc(100% + 24px),33px) !important;
width: calc(100vw - 16px);
&.slide-out {
transform: translate(-24px,46px) !important;
}
}
#notification-close {
cursor: pointer;
/* filter: drop-shadow(0 4px 4px rgba(0,0,0,0.25)); */
position: absolute;
top: 20px;
right: 16px;
}
/* h6,
p {
text-shadow: 0 4px 4px rgba(0,0,0,.25);
} */
h6 {
font-size: 1.3rem;
font-weight: 800;
letter-spacing: 1px;
line-height: 1.5;
margin-bottom: 10px;
}
p {
font-size: 1.6rem;
line-height: 1.5;
a {
color: #242423;
text-decoration: none;
span {
font-weight: bold;
text-decoration: underline;
}
}
}
}
}
@media (max-width: 767px) {
.page-home #hero-block-a #hero-content {
display: flex;
flex-direction: column;
}
.page-home #hero-block-a #hero-content.toast-off {
display: block;
}
}
/* @media (max-width: 767px) {
#hero-block-mobile {
min-height: 261px;
}
} */
/* toasts end */
@media (max-width: 639px) {
#menu-footer-nav {
column-count: 1;
.hidden-link-spacer {
border-top: 1px solid rgba(255,255,255,.5);
margin-top: 16px;
margin-bottom: 3px;
max-width: 295px;
}
}
}
@media (max-width: 639px) {
.page-us-consumer-health-privacy #hero-copy .container > div {
padding-bottom: 46px;
}
}
/* additional footer styling */
.footer-privacy a::after {
content: "" !important;
display: inline-block !important;
right: 0 !important;
left: auto !important;
width: 29px !important;
height: 14px !important;
background-color: transparent !important;
background-image: url('img/privacy-toggle.png') !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
transform: scaleX(100%) translate(calc(100% + 8px),-4px) !important;
vertical-align: middle;
}
/* new styles / overrides for DE */
header nav {
font-size: 1.4rem;
}
#logo-nav,
#menu-main-nav > li {
min-height: 56px;
}
#logo-nav .custom-logo-link img {
width: 132px;
height: auto;
}
header + main {
margin-top: 56px;
}
ul.sub-menu {
min-width: 148px;
top: 56px;
}
#logo-nav .menu > li.flag-german > a::after {
display: none;
}
#menu-main-nav > li + li::before {
content: "";
display: inline-block;
width: 1px;
height: 20px;
background-color: rgba(255,255,255,.5);
vertical-align: middle;
}
.flag-german > a::before,
.flag-us > a::before {
content: "";
display: inline-block;
width: 20px;
height: 13px;
margin-right: 10px;
transform: translateY(3px);
}
.flag-german > a::before {
background-image: url(img/flag-german-1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.flag-us > a::before {
background-image: url(img/flag-us-1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.container-align-top .wp-block-columns {
align-items: flex-start;
}
main .container-margin-sm .is-layout-constrained {
padding-top: 80px;
padding-bottom: 80px;
}
#what-is-mash .wp-block-columns {
gap: 45px;
}
#what-is-mash .wp-block-column:first-child figure {
margin-right: auto;
margin-left: 20px;
}
#what-is-mash.container-img-sml .copy {
max-width: 510px;
h2 {
max-width: 500px;
}
}
#kontakt .cards.cards-medium .wp-block-column {
min-height: 456px;
}
footer {
min-height: 260px;
padding-top: 0;
}
footer ul.menu {
column-count: 1;
}
footer .custom-logo-link {
margin-bottom: 14px;
}
#back-to-top {
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
a {
color: #fff;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.5;
}
}
#back-to-top a::after {
content: "";
display: inline-block;
width: 9px;
height: 18px;
background-image: url('svg/back-to-top.svg');
background-size: contain;
background-repeat: no-repeat;
margin-left: 8px;
vertical-align: middle;
}
@media (min-width: 1200px) {
#menu-main-nav > li:last-child {
display: none;
}
}
@media (max-width: 1199px) {
#logo-nav,
#menu-main-nav > li {
min-height: 60px;
}
#menu-main-nav > li + li::before {
display: none;
}
#menu-main-nav > li:nth-last-child(2) {
display: none;
}
ul.sub-menu li:first-child a {
opacity: 1;
}
.flag-german > a::before,
.flag-us > a::before {
width: 28px;
height: 18px;
}
.flag-german > a::before,
.flag-us > a::before {
transform: translateY(1px);
}
#mob-nav nav ul.sub-menu,
#mob-nav nav .sub-menu li + li {
margin-top: 16px;
}
main .container-margin-sm .is-layout-constrained {
padding-top: 60px;
padding-bottom: 60px;
}
#group-img-copy .wp-block-columns {
flex-direction: column-reverse;
}
#kontakt .cards.cards-medium .wp-block-column {
min-height: 398px;
}
#footer-links {
padding-left: 0;
}
#menu-footer-nav {
text-align: center;
}
#back-to-top {
padding-top: 50px;
}
#footer-container .container {
gap: 42px;
}
#footer-logo-copyright {
margin-bottom: 16px;
}
}
@media (max-width: 932px) and (max-height: 500px) and (orientation: landscape) {
.modal {
background-image: url(img/corner-logo-lines-alt.png);
background-position: bottom -25px right -44px;
background-size: 115px 126px;
min-height: 330px;
transform: translateY(30px);
}
#kontakt .cards.cards-medium .wp-block-column {
min-height: 520px;
}
#kontakt .cards.cards-medium .wp-block-column:last-child {
min-height: 300px;
}
#menu-footer-nav {
margin-right: auto;
margin-left: auto;
}
}