/*
Theme Name: lowvol 25
Theme URI:
Author: We Are Volume
Author URI:
Description: low volume (less code, less bloat, little complication)
Version: 1.56
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-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@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;
}
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(--gray);
}
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(--gray);
}
.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-36 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,
#IIS-Proposal-Steps h5,
.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,
.search-submit,
#mob-search-close {
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,
.accordion-content ul,
.cards p:not(.hdr) {
font-size: 1.6rem;
}
.modal.modal-alt-container p.leave-modal-copy,
footer ul.menu {
font-size: 1.5rem;
}
.note,
header .utility nav,
.search-field,
.x-small,
.references p,
.references ol {
font-size: 1.4rem;
}
.fc figcaption.wp-element-caption {
font-size: 1.357rem;
}
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,
.accordion-content ul,
.cards p:not(.hdr),
.x-small,
.fc figcaption.wp-element-caption {
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: 36px;
}
.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: 30vw;
}
#hero-copy {
height: 360px;
}
.page-template-page-template-copy-only #hero-copy,
.error404 #hero-copy {
height: 300px;
}
#hero-content .button-wrapper a {
height: 42px;
}
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;
}
.jc-cntr {
justify-content: center;
}
#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-logo-copyright,
#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,
.references ol {
letter-spacing: 0;
}
h1,
.h1 {
letter-spacing: -0.01rem;
}
#hero-content .button-wrapper a {
line-height: 44px;
}
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,
.accordion-content ul,
.cards p:not(.hdr),
.x-small,
.fc figcaption.wp-element-caption,
.references p,
.references ol,
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: 7.569vw;
}
}
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-fill .wp-block-image + .wp-block-group {
margin-top: 60px;
}
.cards.cards-large .wp-block-column .wp-block-image + h3 {
margin-top: 50px;
}
.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 {
margin-top: 36px;
}
.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,
#hero-content p + .wp-block-buttons.button-wrapper {
margin-top: 26px;
}
#hero-copy h1 + p {
margin-top: 24px;
}
#copyright {
margin-top: 22px;
}
div.accordion + p.note,
.mt-20,
.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;
}
.page-id-1393 #hero-text p + p,
.cards.cards-medium h4 + p,
.single-hdr {
margin-top: 10px;
}
#copyright p + p,
#references p + p {
margin-top: .6rem;
}
.references p + p,
.references ol li + li {
margin-top: 0.4rem;
}
.cards.cards-medium p + .wp-block-buttons.button-wrapper {
margin-top: auto;
}
#search-container {
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;
li {
margin-bottom: 8px;
}
}
@media (max-width: 639px) {
ul.wp-block-list {
li {
margin-bottom: 2px;
}
}
}
.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;
}
#grant-application-process h2 {
max-width: 520px;
}
.cards-full img {
max-width: 458px;
}
#hero-text p,
#IIS-Proposal-Steps h5 {
max-width: 434px;
}
.page-id-1393 #hero-text p {
max-width: 428px;
}
.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 10px;
}
#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,
#IIS-Proposal-Steps h5,
#grant-application-process h2,
.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;
}
.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-s > .is-layout-constrained,
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;
}
@media (max-width: 1199px) {
main .container-type-s > .is-layout-constrained {
padding: 60px 30px;
h2 {
text-align: left;
}
}
}
#our-contributions > .is-layout-constrained,
#IIS-Proposal-Steps > .is-layout-constrained,
.page-section-padding-alt > .is-layout-constrained,
.page-template-page-template-copy-only main .is-layout-constrained,
.search-results main .is-layout-constrained {
padding: 80px 120px 100px;
}
#IIS-Proposal-Steps.page-section-padding-alt > .is-layout-constrained,
#iis-faq > .is-layout-constrained{
padding-bottom: 80px;
}
#our-contributions > .is-layout-constrained {
padding-top: 70px;
}
#grant-application-process > .is-layout-constrained {
padding: 80px 120px;
}
main .quote-block .is-layout-constrained {
padding: 120px 120px 90px;
}
@media (max-width: 1199px) {
#our-contributions > .is-layout-constrained {
padding: 60px 30px;
}
}
main .result {
padding: 60px 0;
}
.accordion h2 {
padding: 40px 0;
}
.accordion h4 {
padding: 22px 0;
padding-right: 32px;
}
.accordion.accordion-open h4 {
padding-bottom: 10px;
}
@media (max-width: 639px) {
.accordion.accordion-open {
padding-bottom: 18px;
}
}
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: 16px;
}
#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: 0;
}
.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;
} */
@media only screen and (min-width: 780px) {
#mash-pipeline.page-section-padding-alt > .is-layout-constrained {
padding-bottom: 80px;
}
}
#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;
}
.page-id-1393 #hero-block-a {
padding-bottom: 50px;
}
.cards.cards-large.cards-fill > .wp-block-column {
padding-bottom: 50px;
}
.wo-img,
.accordion-open {
padding-bottom: 40px;
}
main .result:last-child {
padding-bottom: 20px;
}
.accordion-open {
padding-bottom: 12px;
}
#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,
.stat-card p,
.txt-wrp-bal,
#full-bleed-a.hp-light.fb-alt-view {
text-wrap: balance;
}
.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-36 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);
}
#logo-nav .menu > li:last-child > a::after,
#logo-nav .menu > li.current_page_item:last-child > a::after,
#logo-nav .menu > li.current_page_parent:last-child > a::after {
width: calc(100% - 16px);
}
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: 10;
}
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;
}
.new-tab {
position: relative;
}
.new-tab::after {
content: "";
position: absolute;
transform: translate(0,37%);
top: 0;
right: 12px;
width: 12px;
height: 12px;
background-image: url('svg/new-tab.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#menu-utility-1 .new-tab::after {
right: 0;
}
li.menu-item-has-children::after {
width: 13px;
height: 7px;
margin-left: -5px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='7'%20viewBox='0%200%2013%207'%20fill='none'%3E%3Cpath%20d='M1.5%200.728516L6.5%205.72852L11.5%200.728516'%20stroke='white'%20stroke-width='1.5'%3E%3C/path%3E%3C/svg%3E");
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;
}
/* header nav beg */
#logo-title {
align-items: center;
display: flex;
gap: 20px;
}
#title-cg {
color: var(--white);
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 0.01rem;
padding-left: 20px;
position: relative;
}
#title-cg::before {
border-left: 1px solid var(--white);
content: "";
height: 40px;
left: 1px;
position: absolute;
transform: translate(0,-4px);
}
@media (max-width: 1199px) {
#logo-title {
gap: 11px;
}
#title-cg {
font-size: 1.4rem;
font-weight: bold;
padding-left: 12px;
}
#title-cg::before {
height: 24px;
transform: translate(0,-2px);
}
#mob-nav-contents > div,
#mob-nav-contents > nav {
margin-left: 30px;
}
#mob-nav-contents {
#menu-main-nav {
max-width: 220px;
}
.menu-utility-1-container {
border-top: 1px solid rgba(255,255,255,.5);
margin-right: 10px;
padding-top: 18px;
}
}
.logo-title-mob {
margin-bottom: 46px;
img {
width: auto;
height: 46px;
}
#title-cg {
font-size: 2.2rem;
font-weight: bold;
margin-left: 44px;
transform: translateY(-6px);
}
#title-cg::before {
border-left: 0 none;
display: none;
}
}
}
/* header nav end */
.accordion + p.note,
.accordion {
margin: 0 auto;
max-width: 992px;
}
/* homepage */
#our-contributions .copy > .wp-block-group__inner-container > h2 + p {
max-width: 788px;
}
/* medical educational */
h2 + .accordion {
margin-top: 40px;
}
.accordion + .accordion {
border-top: 0 none;
}
#submit-grant-proposal > div {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 1199px) {
#submit-grant-proposal > div {
padding-top: 60px;
padding-bottom: 60px;
}
section.quote-block {
h2,
p {
text-align: left;
}
}
section.quote-block .wp-block-buttons.button-wrapper {
justify-content: flex-start;
}
}
.col-copy-alt.col-copy-7 {
h2 + p {
margin-top: 28px;
}
h2,
p {
margin: 0 auto;
max-width: 702px;
}
}
div #grant-application-process > .is-layout-constrained {
padding-bottom: 60px;
}
@media (max-width: 1199px) {
div #grant-application-process > .is-layout-constrained {
padding: 60px 25px;
h2 {
margin-left: 5px;
text-align: left;
}
}
}
#ap-steps,
#ps-steps {
display: grid;
column-gap: 36px;
row-gap: 20px;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: auto;
margin: 50px auto 0;
max-width: 852px;
.step {
padding: 20px;
position: relative;
}
.step::after {
content: "";
position: absolute;
top: 50%;
right: -18px;
transform: translateY(-50%);
width: 10px;
height: 17px;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 15.75L8.75 8.24765L0.75 0.750001' stroke='%2300014D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.step:nth-child(4n)::after {
display: none;
}
img {
object-fit: contain;
}
.step-label > span {
color: #00014D;
display: block;
text-align: center;
}
.step-text {
font-size: 1.6rem;
font-weight: 800;
letter-spacing: 1px;
line-height: 1.1;
margin-bottom: 1px;
}
.step-number {
font-size: 4.8rem;
font-weight: 300;
line-height: 1;
}
.step-image {
display: grid;
margin-top: -10px;
min-height: 130px;
place-items: center;
}
.step-copy {
border-top: 0.15rem solid var(--gray);
color: var(--dark-gray);
font-size: 1.6rem;
margin-right: auto;
margin-left: auto;
max-width: 132px;
padding-top: 10px;
text-align: center;
}
}
@media (min-width: 845px) {
#ap-steps .step::after {
transform: translateY(calc(-50% - 4px));
}
#ap-steps .step:nth-child(n+5)::after {
transform: translateY(calc(-50% - 14px))
}
}
#ps-steps {
grid-template-columns: repeat(6, 1fr);
max-width: 1200px;
.step {
padding-right: 18px;
padding-left: 18px;
}
.step::after {
top: 130px;
transform: none;
}
.step:nth-child(4n)::after {
display: block;
}
.step:nth-child(6n)::after {
display: none;
}
}
#ps-steps + h5 {
margin-top: 40px;
}
@media (max-width: 844px) {
#ap-steps,
#ps-steps {
grid-template-columns: 1fr;
margin-top: 34px;
row-gap: 46px;
.step {
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
/* gap: 20px; */
padding: 9px 0;
position: relative;
}
.step::after {
content: " ";
position: absolute;
bottom: -18%;
left: 50%;
transform: translateX(calc(-50% - -1px));
width: 52px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='51' height='18' viewBox='0 0 51 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L25.2577 16.75L49.75 0.75' stroke='%2300014D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
top: auto;
right: auto;
}
.step:nth-child(4n)::after {
display: block;
}
.step:last-child::after {
display: none;
}
/* .step-text {
font-size: 1.4rem;
} */
/* .step-number {
font-size: 4.1rem;
} */
.step-label-image {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding-right: 24px;
}
.step-image {
/* width: 116%; */
height: auto;
transform: translateY(3px);
}
.step-copy {
border-top: 0 none;
border-left: 0.15rem solid var(--gray);
display: grid;
font-size: 1.6rem;
/* min-width: 153px; */
max-width: none;
min-height: 125px;
padding: 0 10px;
place-items: center;
text-wrap: balance;
width: 100%;
}
}
}
@media (max-width: 479px) {
#ps-steps + h5 br {
display: none;
}
}
/* iis */
.page-id-1395 #hero-block-a {
#hero-text h1,
#hero-text h1 + p {
text-wrap: auto;
}
#hero-text h1 + p {
max-width: 480px;
}
}
#iis-intro-areas > .is-layout-constrained {
padding-top: 80px;
padding-bottom: 80px;
}
#iis-intro {
margin-right: auto;
margin-bottom: 80px;
margin-left: auto;
max-width: 992px;
}
@media (max-width: 1199px) {
#iis-intro-areas > .is-layout-constrained {
padding-top: 60px;
padding-bottom: 60px;
}
#iis-intro {
margin-bottom: 60px;
}
#IIS-Proposal-Steps.page-section-padding-alt > .is-layout-constrained,
#iis-faq > .is-layout-constrained {
padding: 60px 30px;
}
#iis-faq > .is-layout-constrained h2 {
text-align: left;
}
}
/* 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;
}
#helping-in-the-communities {
padding-top: 55px;
.wp-block-columns {
align-items: flex-start;
.wp-block-column:first-child {
flex-basis: 63%;
}
.wp-block-column + .wp-block-column {
flex-basis: 37%;
}
h2 {
text-wrap: balance;
}
}
@media (max-width: 1199px) {
.wp-block-columns {
flex-direction: column-reverse;
}
.wp-block-group__inner-container {
padding-top: 0;
}
}
}
.multiple-images-column {
margin-bottom: 20px;
}
.multiple-images-column figcaption {
margin-top: 16px;
}
.multiple-images-column figure:first-child {
position: absolute;
transform: translate(0,-55px);
width: 378px;
height: 284px;
figcaption {
max-width: 257px;
}
@media (max-width: 1366px) {
figcaption {
max-width: 18vw;
}
}
/* @media (max-width: 1280px) {
figcaption {
max-width: 152px;
}
} */
}
.multiple-images-column figure:last-child {
margin: 108px 0 50px auto;
width: 404px;
height: 303px;
}
@media (max-width: 1439px) {
.multiple-images-column figure:first-child {
transform: translate(0,-3.819vw);
width: 26.25vw;
height: 19.72vw;
}
.multiple-images-column figure:last-child {
margin: 7.5vw 0 3.472vw auto;
width: 28.055vw;
height: 21.041vw;
}
}
@media (max-width: 1366px) {
.multiple-images-column figure:first-child {
transform: translate(-1.2vw,-3.819vw);
}
}
@media (max-width: 1199px) {
.multiple-images-column figure:first-child {
position: relative;
transform: translate(0,0);
width: 100%;
height: auto;
figcaption {
max-width: 100%;
}
}
.multiple-images-column figure:last-child {
margin: 40px 0 0 0;
width: 100%;
height: auto;
figcpation {
max-width: 100%;
}
}
.multiple-images-column {
margin-bottom: 0;
}
}
/* 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: 16px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.418 7L0.000307798 7' stroke='%2300014D' stroke-width='2'/%3E%3Cpath d='M7.70898 0L7.70898 14' stroke='%2300014D' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
top: 40px;
transition: transform 0.3s ease;
}
.accordion-open .accordion-toggle::after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.418 1L0.000307798 1' stroke='%2300014D' stroke-width='2'/%3E%3C/svg%3E");
height: 2px;
}
.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 30px;
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);
}
#medical-educational-grant h2 {
margin: 0 auto;
max-width: 540px;
}
#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; */
}
}
}
#menu-footer-nav {
margin-bottom: -8px;
}
#footer-logo-copyright {
margin-top: 6px;
}
@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,
#mob-nav nav ul.sub-menu {
font-size: 1.6rem;
}
label,
.label,
p.label,
.small,
.accordion-content ul,
.cards p:not(.hdr),
.fc figcaption.wp-element-caption {
font-size: 1.5rem;
}
.note,
.references p,
.references ol {
font-size: 1.2rem;
}
.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,
.accordion-content ul,
.cards p:not(.hdr),
.fc figcaption.wp-element-caption {
line-height: 1.65;
}
.leader-bio-card
footer p,
h5 {
line-height: 1.50;
}
header .utility nav,
.references p,
.references ol {
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: 24px;
}
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: 34px;
}
footer .container {
padding-right: 0;
}
#relentless-pursuit {
padding-bottom: 35px;
}
.page-id-1393 #hero-block-a,
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;
}
.modal,
.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-36 figure.slideshow-figure {
width: 300px;
margin-top: -60px;
margin-bottom: 75px;
}
.page-id-36 figure figcaption {
bottom: -26px;
}
#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 {
margin-left: 30px;
min-width: 240px;
}
#mob-nav-close {
top: 7px;
right: 30px;
}
#mob-nav nav li a {
color: var(--white);
}
#mob-logo {
margin-top: 58px;
margin-bottom: 34px;
}
#mob-logo img {
width: 176px;
height: 46px;
}
#mob-nav .button-wrapper.ir-link {
font-size: 2rem;
width: 202px;
height: 50px;
}
#search-wrapper {
margin: 11px 28px 0 auto;
}
#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;
}
#mob-nav-contents {
margin-top: 60px;
}
#mob-logo {
display: none;
}
#mob-nav #utility-nav-mobile {
display: flex;
flex-direction: column;
margin-top: 50px;
#menu-utility-1 {
font-size: 1.6rem;
li {
margin-bottom: 16px;
}
}
.new-tab {
display: inline-block;
}
.new-tab::after {
right: -20px;
}
}
.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);
transition: none;
}
#search-container + .icon img {
width: auto;
height: 18px;
}
#utility-nav-mobile {
margin-top: 14px;
}
.search-form .search-field {
width: 198px;
}
#social-container-mobile {
gap: 20px;
}
#search-wrapper:has(.search-open) {
background-color: var(--deep-blue);
display: flex;
height: 72px;
left: 0;
margin: 0;
padding: 24px;
position: absolute;
top: 60px;
width: 100%;
.search-form {
display: flex;
}
#mob-search-icon {
display: none;
}
#mob-search-close {
display: block;
}
.icon {
padding: 18px;
position: absolute;
right: 4px;
}
#search-container,
.search-form .search-field {
width: 100%;
}
}
#search-container.search-open + .icon {
background-color: var(--deep-blue);
transform: translate(0,-118%);
z-index: 3;
}
#search-container.search-open label {
flex-grow: 1;
}
#search-container {
transition: none;
}
#mob-search-icon {
width: 18px;
height: 18px;
}
.search-submit {
background-color: transparent;
border: 0 none;
display: block;
height: auto;
min-width: 1px;
padding: 0;
position: absolute;
right: 24px;
width: auto;
}
button.search-submit:hover::before {
display: none;
}
/* 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;
}
#submit-grant-proposal h2 br,
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;
}
}
#menu-item-1409 {
border-bottom: 1px solid rgba(255, 255, 255, .5);
margin-bottom: 24px;
padding-bottom: 24px;
}
#medical-educational-grant h2,
.accordion h4 {
text-wrap: pretty;
}
.accordion .accordion-content {
max-width: 75vw;
}
}
@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;
}
}
@media (max-width: 1199px) {
#timeline-wrapper .slide-content {
width: 100%;
}
#timeline-wrapper .slide-content h4 {
color: #fff;
}
}
.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;
}
}
}
}
.caption {
color: #fff;
left: 528px;
right: auto;
@media (min-width: 1441px) {
left: 36.68%;
}
@media (max-width: 1199px) {
right: 0;
left: 0;
text-align: center;
}
@media (max-width: 767px) {
font-size: .85rem;
top: 268px;
}
}
}
@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: 410px;
}
}
/* toasts end */
@media (max-width: 639px) {
#menu-footer-nav {
column-count: 1;
.hidden-link-spacer {
display: none;
}
}
footer ul.menu li {
margin-bottom: 12px;
}
}
@media (max-width: 639px) {
.page-us-consumer-health-privacy #hero-copy .container > div {
padding-bottom: 46px;
}
}
#menu-main-nav li:last-child a {
padding-right: 0;
}
/* 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;
}
#utility-nav nav {
& li:first-child {
padding-right: 21px;
}
}
#search-social-container {
border-right: 1px solid rgba(255,255,255,.5);
}
/* misc bug fixes start */
@media (max-width: 1199px) {
.container-img-lrg #full-bleed-content .copy {
max-width: none;
text-align: center;
}
.cards.cards-medium .wp-block-column {
padding-bottom: 30px;
}
}
/* misc bug fixes end */
/* regions */
@media (min-width: 1200px) {
#menu-regions-nav {
position: relative;
z-index: 3;
& li {
background-color: var(--midnight-sapphire);
}
}
#menu-regions-nav > li:hover ul.sub-menu {
transform: translateY(-5px);
}
#menu-regions-nav > li a:hover::after {
display: none;
}
#utility-nav nav.menu-regions-nav-container {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
#utility-nav #menu-regions-nav li.menu-item-has-children {
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
}
.back-region-container {
display: none;
}
#menu-regions-nav li.menu-item-has-children::after {
width: 8px;
height: 4px;
margin-left: 6px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
}
#menu-regions-nav li.menu-item-has-children:hover::after {
transform: rotate(-180deg);
}
#menu-regions-nav ul.sub-menu {
background-color: var(--midnight-sapphire);
left: 0;
overflow: hidden;
top: 32px;
& li {
padding-top: 22px;
padding-bottom: 16px;
}
}
header.navbar:has(#menu-regions-nav > li:hover) #logo-nav .container {
opacity: 0.8;
.sub-menu {
display: none;
}
}
.flag-german.new-tab::after {
display: none;
}
}
@media (max-width: 1199px) {
.region-container {
align-items: center;
border-top: 1px solid rgba(255,255,255,.5);
display: flex;
margin-top: 16px;
padding-top: 13px;
.sub-menu {
display: none;
}
.flag-us > a::before {
margin-right: 7px;
}
}
#menu-regions-nav li:first-child::after {
transform: rotate(0deg);
}
.br-back {
display: none;
}
.br-region {
padding-right: 10px;
}
.br-region::after {
content: "";
display: inline-block;
margin-left: 10px;
transform: translateY(5px);
width: 1px;
height: 20px;
background-color: rgba(255,255,255,.5);
}
.br-region,
.back-region-container + .menu-regions-nav-container li a {
color: #fff;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.30;
}
#menu-regions-nav {
margin-top: 3px;
.flag-us > a::before {
transform: translateY(2px);
}
.flag-german {
opacity: .7;
}
}
#menu-regions-nav li:first-child {
position: relative;
}
#menu-regions-nav li:first-child::after {
background-image: url('svg/arrow-sm.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
content: "";
display: block;
position: absolute;
top: 4px;
right: 5px;
width: 6px;
height: 18px;
}
#mob-nav-contents.region-open {
.menu-main-nav-container,
.menu-utility-1-container,
#social-container-mobile,
#menu-regions-nav li:first-child::after {
display: none;
}
ul.sub-menu {
margin-left: 0;
}
.br-back {
color: #fff;
font-size: 1.6rem;
margin-bottom: 34px;
padding-left: 20px;
position: relative;
text-decoration: none;
}
.br-back::before {
background-image: url('svg/arrow-sm.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
content: "";
display: block;
position: absolute;
transform: rotate(180deg);
left: 4px;
top: 1px;
width: 7px;
height: 19px;
}
.br-region::after {
display: none;
}
.br-region,
#menu-regions-nav,
#menu-regions-nav a {
font-size: 2rem;
line-height: 1.3;
opacity: 1;
}
.br-back,
.sub-menu {
display: block;
}
.region-container {
align-items: flex-start;
border-top: 0 none;
flex-direction: column;
margin-top: 0;
}
.br-region {
line-height: 40px;
margin-bottom: 12px;
}
.flag-us a {
display: block;
margin-bottom: 24px;
}
.flag-uk > a::before,
.flag-italy > a::before,
.flag-france > a::before,
.flag-spain > a::before,
.flag-us > a::before,
.flag-german > a::before {
margin-right: 12px;
width: 28px;
height: 19px;
}
}
}
.flag-uk > a::before,
.flag-italy > a::before,
.flag-france > a::before,
.flag-spain > a::before,
.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;
}
.flag-spain > a::before {
background-image: url(img/flag-spain-1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.flag-uk > a::before {
background-image: url(img/flag-uk-1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.flag-italy > a::before {
background-image: url(img/flag-italy-1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.flag-france > a::before {
background-image: url(img/flag-france-1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* additional misc fixes */
#mash-pipeline-img-container {
margin-top: 70px;
}
.references ol {
list-style-type: decimal;
margin-left: 2.7ch;
}
#mash-pipeline-img-container figure {
/* margin-bottom: 30px; */
}
#mash-pipeline-img-container figure img {
margin: 0 auto;
}
.mobile-pipeline-image,
#mash-pipeline-mob-scroll {
display: none;
}
@media (max-width: 780px) {
.page-section-padding-alt > .is-layout-constrained {
padding: 60px 0 0;
}
#mash-pipeline {
.wp-block-group__inner-container {
padding-right: 0;
padding-left: 0;
& > div:not(#mash-pipeline-img-container),
#mash-pipeline-img-container ol {
padding-right: 30px;
padding-left: 30px;
}
#mash-pipeline-img-container img {
margin-right: 30px;
margin-left: 30px;
}
}
}
#mash-pipeline-mob-scroll {
display: block;
opacity: .75;
font-size: 1.2rem;
}
#mash-pipeline-img-container {
margin-top: 22px;
figure {
overflow-x: auto;
}
.desktop-pipeline-image {
display: none;
}
.mobile-pipeline-image {
display: block;
margin: 0 auto;
img {
width: 512px;
max-width: none;
height: auto;
}
}
}
}
/* misc changes */
@media (max-width: 1199px) {
#mob-nav .menu > li.current_page_item > a::after {
display: none;
}
#mob-nav-contents #menu-main-nav {
max-width: 195px;
}
#menu-main-nav li.current_page_item a {
text-decoration: none;
border-bottom: 1px solid var(--orange);
display: inline-block;
padding-bottom: 6px;
}
}
@media (max-width: 767px) {
#iis-intro-areas h2,
#IIS-Proposal-Steps h2,
#ps-steps + h5 {
text-align: left;
}
}
.mar20 {
margin:20px 0;
}
.mar40 {
margin:40px 0;
}