@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Questrial&display=swap');

:root {
    --body-bg-color: #000000;
    --body-font-size: 16px;
    --primary-color: #ffbb0b;
    --content-width: 1920px;
    --main-color: #000;
    --blockquote-color: #0E3D47;
    --main-link-color: #157B89;
    --main-link-hover-color: #157B89;
    --white-color: #fff;
    --black-color: #000;
    /* header variables */
    --harvard-link-bg: #000000;
    --harvard-link-color: #ffffff;
    /* navigation variables */
    --nav-link-color: #000000;
    --nav-link-hover-bg-color: #000000;
    --nav-link-hover-color: #ffbb0b;
    --nav-bg-color: #ffbb0b;
    /* utility nav variables */
    --utility-nav-link-color: #ffffff;
    /* Footer variables */
    --footer-text-color: #000;
    --footer-top-bg-color: #fff;
    --footer-bottom-bg-color: var(--primary-color);
    /*Home Variables */
    --home-page-bg-color: #000000;
    --home-page-text-color: #ffffff;
    --home-highlight-text-color: #000;
    /* Checkbox variables*/
    --checkbox-on-border-color: var(--primary-color);
    --checkbox-on-disabled-bg-color: #e9e7eb;
    --checkbox-on-disabled-border-color: #c9cfd3;
    --checkbox-on-bg-color: var(--primary-color);
    --checkbox-check-color: #fff;
    --checkbox-off-border-color: #000;
    --checkbox-off-bg-color: #fff;
    --checkbox-off-disabled-border-color: #d3d5df;
    --checkbox-off-disabled-bg-color: #e9e7eb;
    /* Radio variables */
    --radio-on-border-color: var(--primary-color);
    --radio-on-bg-color: #fff;
    --radio-on-disabled-border-color: #c9cfd3;
    --radio-on-disabled-bg-color: #fff;
    --radio-off-border-color: #000;
    --radio-off-bg-color: #fff;
    --radio-off-disabled-border-color: #dbdbeb;
    --radio-off-disabled-bg-color: #d3d5df;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
    max-width: 100%;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

.icon-search-small {
    background: url("img/icon-search-small.svg") no-repeat left top;
    padding-left: 38px;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.align-items-top {
    align-items: flex-start !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-bottom {
    align-items: flex-end !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.padding-24 {
    padding: 24px !important;
}

.padding-inline-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.padding-block-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.padding-left-24 {
    padding-left: 24px !important;
}

.padding-right-24 {
    padding-right: 24px !important;
}

.padding-right-72 {
    padding-right: 72px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-16 {
    margin-bottom: 16px !important;
}

.uppercase {
    text-transform: uppercase;
}

.inline-block {
    display: inline-block;
}

@media screen and (min-width: 1024px) {
    .hide-on-desktop {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .grid-col:has(img) {
        min-width: 315px;
    }

    .search-results-page .page-bottom-row .grid-layout {
        grid-gap: 24px;
    }

    .page-bottom-row .grid-col:has(img) {
        min-width: unset;
    }
}

@media screen and (max-width: 1024px) {
    .hide-on-mobile {
        display: none;
    }
}

input[type=text], input[type=email], input[type=number], input[type=tel], input[type=search], input[type=date] {
    font-size: 16px;
    padding: 20px 24px;
    border: 0;
    box-shadow: none;
    font-weight: 600;
    width: 100%;
    border: 1px solid #000;
}

input.input-primary-bg {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

    input.input-primary-bg:focus {
        border-color: #000;
    }

    input.input-primary-bg::placeholder {
        color: var(--footer-text-color);
    }

input[type=radio], input[type=checkbox] {
    width: 32px;
    min-width: 32px;
    height: 32px;
}

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

select {
    font-size: 16px;
    padding: 16px 32px 16px 24px;
    border: 0;
    box-shadow: none;
    font-weight: 600;
    width: 100%;
    border: 1px solid #000;
    -webkit-appearance: none;
    background-image: url("img/icon-dropdown.svg");
    background-repeat: no-repeat;
    background-position: right 24px center;
    color: #000;
}

    select option:disabled {
        color: #000;
    }

textarea {
    font-size: 16px;
    padding: 20px 24px;
    border: 0;
    box-shadow: none;
    font-weight: 600;
    width: 100%;
    border: 1px solid #000;
}

.input-group {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: flex-start;
}

.form-row {
    margin-bottom: 32px;
}

    .form-row.radio-row .form-value {
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
    }

        .form-row.radio-row .form-value label {
            display: flex;
            align-items: center;
            gap: 8px;
        }

    .form-row.checkbox-row .form-value {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .form-row.checkbox-row .form-value label {
            display: flex;
            align-items: flex-start;
            gap: 8px;
        }

    .form-row > label {
        display: block;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .form-row .form-value.quarter-width {
        width: 25%;
    }

    .form-row .form-value.half-width {
        width: 50%;
    }

    .form-row .form-value.three-quarter-width {
        width: 75%;
    }

    .form-row .help-text {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 12px;
    }

.button-row {
    margin-top: 36px;
}

.checkbox-wrapper {
    display: flex;
    position: relative;
    cursor: pointer;
    padding: 0 0 0 34px;
    vertical-align: top;
    min-height: 24px;
    line-height: 1;
    align-items: center;
}

    .checkbox-wrapper input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 24px;
        width: 24px;
        left: 0;
        top: 0;
    }

        .checkbox-wrapper input:checked ~ .checkbox {
            background-color: var(--checkbox-on-bg-color);
            border: 2px solid var(--checkbox-on-border-color);
        }

            .checkbox-wrapper input:checked ~ .checkbox:after {
                display: block;
            }

        .checkbox-wrapper input:checked[disabled] + .checkbox {
            background-color: var(--checkbox-on-disabled-bg-color);
            border: 2px solid var(--checkbox-on-disabled-border-color);
        }

        .checkbox-wrapper input[disabled] + .checkbox {
            background-color: var(--checkbox-off-disabled-bg-color);
            border: 2px solid var(--checkbox-off-disabled-border-color);
            cursor: not-allowed;
        }

        .checkbox-wrapper input:focus + .checkbox {
            border: 2px solid var(--checkbox-on-border-color);
        }

    .checkbox-wrapper .checkbox {
        position: absolute;
        top: 0;
        left: 0;
        height: 24px;
        width: 24px;
        border: 2px solid var(--checkbox-off-border-color);
        background: var(--checkbox-off-bg-color);
        border-radius: 3px;
    }

        .checkbox-wrapper .checkbox:after {
            content: "";
            position: absolute;
            display: none;
            left: 7px;
            top: 2px;
            width: 6px;
            height: 12px;
            border: solid var(--checkbox-off-bg-color);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

        .checkbox-wrapper .checkbox + span::selection {
            background-color: transparent;
        }

    .checkbox-wrapper .checkbox-label {
        line-height: 1.25;
        display: inline-block;
    }

.radio-wrapper {
    display: flex;
    position: relative;
    cursor: pointer;
    padding: 0 0 0 30px;
    vertical-align: top;
    line-height: 1.3;
    min-height: 24px;
    margin-right: 12px;
    align-items: center;
}

    .radio-wrapper input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .radio-wrapper input:checked ~ .radio {
            border: 0;
            background-color: var(--radio-on-border-color);
        }

            .radio-wrapper input:checked ~ .radio:after {
                display: block;
            }

        .radio-wrapper input:checked[disabled] + .checkbox {
            background-color: var(--radio-on-disabled-bg-color);
            border: 2px solid var(--radio-on-disabled-border-color);
        }

        .radio-wrapper input[disabled] + .radio {
            background-color: var(--radio-off-disabled-bg-color);
            border: 2px solid var(--radio-off-disabled-border-color);
            cursor: not-allowed;
        }

        .radio-wrapper input:focus + .radio {
            background-color: var(--radio-on-border-color);
        }

    .radio-wrapper .radio {
        top: 0;
        left: 0;
        height: 24px;
        width: 24px;
        border-radius: 50%;
        border: 2px solid var(--radio-off-border-color);
    }

        .radio-wrapper .radio, .radio-wrapper .radio:after {
            position: absolute;
            background: var(--radio-off-bg-color);
        }

            .radio-wrapper .radio:after {
                content: "";
                display: none;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 8px;
                height: 8px;
                border-radius: 50%;
            }

            .radio-wrapper .radio + span::selection {
                background-color: transparent;
            }

* {
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    background-color: var(--body-bg-color);
    font-size: var(--body-font-size);
    line-height: 1.5;
}

    body.hide-scrollbars {
        overflow: hidden;
    }

h1, .h1 {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-size: 61px;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

h2, .h2 {
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 48px 0;
}

h3, .h3 {
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 12px 0;
}

h4, .h4 {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 12px 0;
}

figure {
    margin: 0;
    padding: 0;
}

    figure figcaption {
        background-color: var(--primary-color);
        padding: 20px 24px;
        font-weight: 400;
        font-size: 16px;
        margin-top: 0 !important;
    }

    figure img {
        vertical-align: middle;
        width: 100%;
    }

video {
    border: 5px solid var(--primary-color);
    max-width: 100%;
    margin-bottom: 32px;
    width: 1280px;
}

hr {
    margin: 48px 0;
    padding: 0;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
    border: 0;
    box-shadow: none;
}

    hr.black {
        border-top: 2px solid #000;
    }

    hr.yellow {
        border-top: 1px solid var(--primary-color);
    }

.content-wrapper {
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
}

.banner-section {
    position: relative;
}

    .banner-section .logo {
        width: 192px;
        display: inline-block;
        transition: all .3s ease-in-out;
    }

    .banner-section .banner-image {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
        overflow: hidden;
    }

        .banner-section .banner-image img {
            width: 100%;
        }

    .banner-section .banner-text {
        /*width: 640px;*/
        display: inline-block;
        padding: 182px 24px 24px 24px;
        max-width: 100%;
        background: linear-gradient(90deg, #000000 32.81%, rgba(0, 0, 0, 0) 100%);
        color: #fff;
        margin-top: -164px;
    }

        .banner-section .banner-text h1 {
            margin: 0;
        }

    .banner-section .banner-sub-text {
        margin-bottom: 38px;
        position: relative;
        z-index: 1;
    }

        .banner-section .banner-sub-text p {
            color: var(--primary-color);
            text-transform: uppercase;
        }

    .banner-section.sticky-header {
        padding-top: 166px;
    }

        .banner-section.sticky-header .logo {
            width: 132px;
        }

            .banner-section.sticky-header .logo img {
                max-width: 100%;
            }

        .banner-section.sticky-header .site-header {
            position: fixed;
            top: 43px;
            width: 1920px;
            max-width: 100%;
            padding-top: 12px;
            background: linear-gradient(180deg, rgba(0, 0, 0, .9) 10%, rgba(0, 0, 0, .8) 40%,rgba(0, 0, 0, 0) 100%);
            padding-bottom: 20px;
        }

main {
    background-color: #fff;
    padding-top: 84px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: var(--main-color);
}

    main:before {
        width: 935px;
        max-width: 100%;
        position: absolute;
        content: "";
        height: 42px;
        background-color: var(--primary-color);
        left: 0;
        top: 0;
    }

    main a:link, main a:visited {
        color: var(--main-link-color);
        text-decoration: none;
    }

    main a:hover, main a:focus {
        color: var(--main-link-hover-color);
        text-decoration: underline;
    }

    main a.primary-color {
        color: var(--primary-color);
    }

        main a.primary-color:hover, main a.primary-color:focus {
            color: var(--primary-color);
        }

    main a.underline {
        text-decoration: underline;
    }

    main a.icon-phone-large {
        color: var(--main-color);
        background-size: contain;
    }

    main blockquote {
        padding: 36px 48px;
        border-top: 5px solid var(--primary-color);
        border-bottom: 5px solid var(--primary-color);
        font-size: 26px;
        font-weight: 600;
        color: var(--blockquote-color);
        margin: 48px 0;
    }

    main p {
        margin: 0;
        padding: 0;
    }

        main p:not(:last-child) {
            margin-bottom: 32px;
        }

    main .contact-form .form-title {
        font-size: 26px;
    }

.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    display: none;
}

.is-open .modal-overlay {
    display: block;
}

.modal-overlay .modal {
    background-color: #fff;
    max-width: 75vw;
    width: 1500px;
    position: fixed;
    right: 0;
    top: 146px;
    padding: 32px 0 0 0;
}

.modal-overlay .modal-1024 {
    max-width: 90vw;
    left: 50%;
    transform: translateX(-50%);
}

.modal-overlay .modal-close {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    position: fixed;
    top: 48px;
    right: 96px;
}

    .modal-overlay .modal-close span {
        content: "";
        background: url("img/icon-xmark.svg") no-repeat center;
        width: 40px;
        height: 40px;
        display: block;
    }

    .modal-overlay .modal-close:hover, .modal-overlay .modal-close:focus {
        text-decoration: underline;
        color: var(--primary-color);
    }

.modal-overlay .modal-content {
    max-height: calc(100vh - 264px);
    overflow: auto;
    padding-bottom: 24px;
}

.grid-layout {
    display: grid;
    grid-column-gap: 32px;
    align-items: flex-start;
}

    .grid-layout.grid-1-763-col {
        grid-template-columns: 50% 40%;
        grid-column-gap: 10%;
    }

    .grid-layout.grid-1-3-col {
        grid-template-columns: 1fr 3fr;
        grid-column-gap: 96px;
    }

    .grid-layout.grid-1-2-col {
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 32px;
    }

    .grid-layout.grid-3-col {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 96px;
        grid-row-gap: 48px;
    }

    .grid-layout.grid-264-1-col {
        grid-template-columns: 264px 1fr;
    }

    .grid-layout.grid-1-1-col {
        grid-template-columns: 1fr 1fr;
    }

    .grid-layout.grid-2-1-col {
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 32px;
    }

.page-bottom-row {
    background: url("img/bottom-row-bg.jpg") no-repeat left top;
    background-size: cover;
    padding-top: 64px;
    padding-bottom: 64px;
    color: #fff;
    display: grid;
    grid-template-columns: 48% 40%;
    grid-column-gap: 12%;
    margin-top: 108px;
}

    .page-bottom-row.more-resources {
        display: block;
    }

    .page-bottom-row.block-0-padding {
        padding-top: 0;
        padding-bottom: 0;
    }

    .page-bottom-row.more-resources .thumbnail-layout {
        display: flex;
        gap: 32px;
        justify-content: space-around;
    }

    .page-bottom-row h2 {
        margin-bottom: 32px;
    }

    .page-bottom-row .related-highlight-properties, .page-bottom-row .latest-publication {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

        .page-bottom-row .related-highlight-properties h3, .page-bottom-row .latest-publication h3 {
            margin-bottom: 0;
        }

a:link, a:visited {
    text-decoration: none;
    color: var(--primary-color);
}

a:hover, a:focus {
    text-decoration: underline;
    color: #fff;
}

a.icon-learn-more, a.icon-read-more, a.icon-circle-email, a.icon-info, a.icon-phone-large, a.icon-calendar-yellow {
    background: url("img/icon-user-circle.svg") no-repeat left center;
    padding: 9px 0 10px 46px;
    display: inline-block;
    background-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
}

a.icon-circle-email {
    background-image: url("img/icon-circle-mail.svg");
    white-space: nowrap;
    color: #000;
    background-position-y: top;
    background-size: contain;
}

a.icon-read-more {
    background-image: url("img/icon-read.svg");
}

    a.icon-read-more:hover, a.icon-read-more:focus {
        color: var(--primary-color);
    }

a.icon-info {
    background-image: url("img/icon-circle-info.svg");
}

a.icon-phone-large {
    background-image: url("img/icon-circle-phone-solid.svg");
    padding: 18px 0 18px 82px;
}

a.icon-calendar-yellow {
    background-image: url("img/icon-calendar-yellow-small.svg");
}

button {
    cursor: pointer;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

    button.btn-chevron-solid {
        width: 60px;
        min-width: 60px;
        height: 60px;
        text-indent: -9999px;
        text-align: left;
        border-radius: 50%;
        background-image: url("img/icon-circle-chevron-solid.svg");
        background-repeat: no-repeat;
        background-position: center;
    }

        button.btn-chevron-solid:hover, button.btn-chevron-solid:focus {
            background-image: url("img/icon-circle-chevron-solid-yellow.svg");
        }

    button.btn-calendar {
        text-indent: -9999px;
        text-align: left;
        background-image: url("img/icon-calendar.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 42px;
        height: 42px;
    }

    button.btn-submit {
        font-size: 26px;
        font-weight: 600;
        padding: 14px 72px 16px 0;
        background: url("img/icon-circle-chevron-solid.svg") no-repeat right center;
        text-transform: uppercase;
    }

        button.btn-submit:hover, button.btn-submit:focus {
            text-decoration: underline;
            background-image: url("img/icon-circle-chevron-solid-yellow.svg");
        }

.search-overlay.is-active button.btn-search {
    width: 60px;
    height: 60px;
    text-align: left;
    text-indent: -9999px;
    background: url("img/icon-search-desktop.svg") no-repeat center;
    background-size: contain;
    transition: all .2s ease-in;
}

    .search-overlay.is-active button.btn-search:hover {
        background: url("img/icon-search-desktop-hover.svg") no-repeat center;
        background-size: contain;
    }

button.btn-search {
    width: 60px;
    height: 60px;
    text-align: left;
    text-indent: -9999px;
    background: url("img/icon-search-mobile.svg") no-repeat center;
    background-size: contain;
    transition: all .2s ease-in;
}

    button.btn-search:hover {
        background: url("img/icon-search-mobile-hover.svg") no-repeat center;
        background-size: contain;
    }

button.btn-round {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    align-items: center;
    text-transform: uppercase;
    color: #000;
}

    button.btn-round span {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 3px solid var(--primary-color);
        background: #fff url("img/icon-chevron-left.svg") no-repeat;
        background-position-x: 11px;
        background-position-y: center;
        transition: all .2s ease-in;
    }

    button.btn-round:hover, button.btn-round:focus {
        text-decoration: underline;
    }

        button.btn-round:hover span, button.btn-round:focus span {
            background-color: var(--primary-color);
        }

button.btn-next span {
    background-image: url("img/icon-chevron-right.svg");
    background-position-x: 15px;
}

button.toggle-left-nav {
    position: fixed;
    right: 0;
    top: 301px;
    padding: 4px 8px;
    border: 1px solid #000;
    border-right: 0;
    width: 36px;
    height: 36px;
    background: var(--primary-color) url("img/icon-bars.svg") no-repeat center;
    background-size: 18px;
    text-align: left;
    text-indent: -9999px;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.34);
    z-index: 9;
}

    button.toggle-left-nav:hover, button.toggle-left-nav:focus {
        box-shadow: none;
    }

.harvard-nav-wrapper {
    background-color: var(--harvard-link-bg);
    font-size: 12px;
}

.harvard-nav {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    display: flex;
    gap: 32px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 0 0 0;
}

    .harvard-nav a:link, .harvard-nav a:visited {
        color: var(--harvard-link-color);
    }

.navigation-wrapper {
    background-color: var(--nav-bg-color);
    margin-top: -10px;
    z-index: 99;
}

.site-navigation .global-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}

    .site-navigation .global-nav a {
        display: inline-block;
        padding: 12px 12px 10px 12px;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        color: var(--nav-link-color);
        font-weight: 600;
        text-decoration: none;
    }

        .site-navigation .global-nav a:hover, .site-navigation .global-nav a:focus {
            color: var(--nav-link-color);
            text-decoration: none;
        }

    .site-navigation .global-nav > li {
        position: relative;
    }

        .site-navigation .global-nav > li:hover > a, .site-navigation .global-nav > li.active > a {
            color: var(--nav-link-color);
        }

@media screen and (min-width: 1024px) {
    .site-navigation .global-nav > li > a::after {
        opacity: 0;
        transition: all .3s ease-in-out;
        content: "";
        width: 64px;
        height: 64px;
        background: url("img/icon-nav-sphere.png") no-repeat center;
        background-size: contain;
        position: absolute;
        right: -12px;
        bottom: -24px;
        z-index: -1;
    }

    .site-navigation .global-nav > li > a:hover::after {
        opacity: 1;
    }

    .site-navigation .global-nav > li.expanded > a::after {
        opacity: 0;
        transition: all .3s ease-in-out;
        content: "";
        width: 64px;
        height: 64px;
        background: url("img/icon-nav-sphere.png") no-repeat center;
        background-size: contain;
        position: absolute;
        right: -12px;
        bottom: -24px;
        z-index: 10;
    }

    .site-navigation .global-nav > li.expanded > a:hover::after {
        opacity: 1;
    }
}

.site-navigation .global-nav > li.expanded ul {
    /*display: block;*/
}

.site-navigation .global-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 12px 24px 0 24px;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    display: none;
    z-index: 9;
    border-bottom: 12px solid var(--primary-color);
}

    .site-navigation .global-nav ul li {
        padding: 12px 0;
        display: flex;
        flex-direction: column;
        white-space: nowrap;
        gap: 12px;
    }

        .site-navigation .global-nav ul li:not(:last-child) {
            border-bottom: 1px solid #000;
        }

        .site-navigation .global-nav ul li a {
            text-transform: unset;
            color: #000;
            padding: 0;
        }

            .site-navigation .global-nav ul li a:hover, .site-navigation .global-nav ul li a:focus {
                text-decoration: underline;
            }

@media screen and (max-width: 1024px) {
    .site-navigation .global-nav {
        padding-bottom: 36px !important;
    }

    .site-navigation .mobile-utility-nav {
        z-index: 100 !important;
        text-transform: uppercase;
        padding: 24px 56px !important;
    }

    .site-navigation .global-nav ul,
    .site-navigation .global-nav ul li:not(:last-child) {
        border: none;
    }

    li.has-submenu.expanded li {
        padding-left: 40px;
    }

    .banner-section.sticky-header .site-header {
        top: 29px;
    }
}

.site-header {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 24px 0 24px;
    background: linear-gradient(180deg, #000000 50.33%, rgba(0, 0, 0, 0) 101.27%);
    position: relative;
    z-index: 1;
}

    .site-header .utility-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 32px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .site-header .utility-nav a:link, .site-header .utility-nav a:visited {
            text-transform: uppercase;
            text-decoration: none;
            color: var(--utility-nav-link-color);
            font-size: 14px;
            font-weight: 600;
        }

        .site-header .utility-nav a:hover, .site-header .utility-nav a:focus {
            text-decoration: underline;
        }

        .site-header .utility-nav a.icon-search-small {
            padding: 2px 0 3px 32px;
        }

.site-footer .top-footer {
    background-color: var(--footer-top-bg-color);
    padding: 52px 24px 148px 24px;
}

    .site-footer .top-footer .content-wrapper {
        padding: 0 24px;
        color: var(--footer-text-color);
        display: grid;
        grid-template-columns: 50% 40%;
        grid-column-gap: 10%;
    }

        .site-footer .top-footer .content-wrapper a:link, .site-footer .top-footer .content-wrapper a:visited {
            color: var(--footer-text-color);
            text-decoration: none;
        }

        .site-footer .top-footer .content-wrapper a:hover, .site-footer .top-footer .content-wrapper a:focus {
            color: var(--footer-text-color);
            text-decoration: underline;
        }

        .site-footer .top-footer .content-wrapper .left-column {
            font-weight: 600;
        }

            .site-footer .top-footer .content-wrapper .left-column .contacts {
                font-size: 26px;
                margin-bottom: 6px;
            }

            .site-footer .top-footer .content-wrapper .left-column .address {
                font-size: 16px;
                padding: 0 0 24px 0;
                margin: 0 0 24px 0;
                border-bottom: 1px solid #000;
            }

        .site-footer .top-footer .content-wrapper .right-column {
            /*padding-top: 20px;*/
        }

            .site-footer .top-footer .content-wrapper .right-column p {
                font-size: 16px;
                font-weight: 500;
                border-bottom: 1px solid #000;
                padding: 0;
                margin: 0 0 24px 0;
                min-height: 92px;
                display: flex;
                align-items: center;
            }

        .site-footer .top-footer .content-wrapper .sponsor-logos {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 72px;
            align-items: center;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 32px;
        }

            /*.site-footer .top-footer .content-wrapper .reach-bhi input[type=email] {
				width: 380px;
			}*/

            .site-footer .top-footer .content-wrapper .reach-bhi .separator {
                width: 1px;
                border-left: 1px solid #000;
                height: 100px;
            }

            .site-footer .top-footer .content-wrapper .reach-bhi .social-bhi {
                display: flex;
                gap: 38px;
                align-items: center;
            }

            .site-footer .top-footer .content-wrapper .reach-bhi .reach-fb {
                width: 60px;
                height: 60px;
                background: url("img/icon-fb-solid.svg") no-repeat center;
                background-size: contain;
                text-align: left;
                text-indent: -9999px;
                transition: all .2s ease-in;
            }

                .site-footer .top-footer .content-wrapper .reach-bhi .reach-fb:hover, .site-footer .top-footer .content-wrapper .reach-bhi .reach-fb:focus {
                    background-image: url("img/icon-fb-solid-yellow.svg");
                }

            .site-footer .top-footer .content-wrapper .reach-bhi .reach-youtube {
                width: 79px;
                height: 54px;
                background: url("img/icon-youtube-solid.svg") no-repeat center;
                text-align: left;
                text-indent: -9999px;
                transition: all .2s ease-in;
            }

                .site-footer .top-footer .content-wrapper .reach-bhi .reach-youtube:hover, .site-footer .top-footer .content-wrapper .reach-bhi .reach-youtube:focus {
                    background-image: url("img/icon-youtube-solid-yellow.svg");
                }

.site-footer .bottom-footer {
    background-color: var(--footer-bottom-bg-color);
}

    .site-footer .bottom-footer .footer-navigation {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0;
        align-items: center;
        justify-content: center;
        padding: 32px 24px;
        color: var(--footer-text-color);
        font-size: 14px;
        font-weight: 500;
        gap: 24px;
        flex-wrap: wrap;
    }

        .site-footer .bottom-footer .footer-navigation li {
            display: flex;
            align-items: center;
            gap: 24px;
        }

            .site-footer .bottom-footer .footer-navigation li:not(:last-child):after {
                content: "|";
                color: var(--footer-text-color);
                display: flex;
            }

        .site-footer .bottom-footer .footer-navigation a:link, .site-footer .bottom-footer .footer-navigation a:visited {
            color: var(--footer-text-color);
            text-decoration: none;
        }

        .site-footer .bottom-footer .footer-navigation a:hover, .site-footer .bottom-footer .footer-navigation a:focus {
            color: var(--footer-text-color);
            text-decoration: underline;
        }

.left-nav .toggle-left-nav {
    display: none;
}

.left-nav ul {
    margin: 0;
    padding: 0 0 0 40px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

    .left-nav ul a {
        display: inline-block;
        text-transform: uppercase;
        position: relative;
    }

        .left-nav ul a:link, .left-nav ul a:visited {
            color: var(--main-color);
        }

        .left-nav ul a:hover:before, .left-nav ul a:focus:before {
            content: "";
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background-color: var(--primary-color);
            position: absolute;
            left: -40px;
            top: 0;
            /*transform: translateY(-50%);*/
        }

    .left-nav ul li.active a:before {
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: var(--primary-color);
        position: absolute;
        left: -40px;
        top: 0;
        /*transform: translateY(-50%);*/
    }

.home-page {
    color: var(--home-page-text-color);
    /*background-image: url("img/home-content-bg.jpg");
    background-position: top 585px center;
    background-repeat: repeat;*/
}

    .home-page .banner-section:after {
        background: linear-gradient(0deg, #000000 40%, rgba(0, 0, 0, 0) 100%);
        content: "";
        height: 270px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

    .home-page .banner-section .banner-text {
        width: 640px;
        padding: 198px 24px 46px 24px;
        max-width: 100%;
        background: linear-gradient(90deg, #000000 32.81%, rgba(0, 0, 0, 0) 100%);
        color: #fff;
    }

        .home-page .banner-section .banner-text a:link, .home-page .banner-section .banner-text a:visited {
            color: var(--home-page-text-color);
            text-decoration: none;
        }

        .home-page .banner-section .banner-text a:hover, .home-page .banner-section .banner-text a:focus {
            color: var(--primary-color);
            text-decoration: underline;
        }

        .home-page .banner-section .banner-text h1 {
            margin-bottom: 32px;
        }



    .home-page .banner-section .banner-image img {
        height: 100%;
        object-fit: cover;
    }

    .home-page .content-section {
        background-image: url("img/home-content-bg.jpg");
        background-position: top center;
        background-repeat: repeat;
        position: relative;
    }

        .home-page .content-section:before {
            content: '';
            background-image: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%);
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 200px;
        }

    /*.home-page .content-section img {
            border: 1px solid var(--primary-color) !important;
        }*/

    .home-page .member-highlight {
        display: grid;
        grid-template-columns: 250px 1fr;
        grid-column-gap: 72px;
        align-items: flex-start;
        padding: 0 100px 102px 24px;
        font-weight: 500;
    }

        .home-page .member-highlight .member-title {
            font-size: 26px;
            margin: 0 0 24px 0;
            padding: 0;
            color: var(--primary-color);
        }

        .home-page .member-highlight .member-description {
            margin: 0 0 48px 0;
        }

            .home-page .member-highlight .member-description p {
                margin: 0 0 32px 0;
                padding: 0;
            }

    .home-page .meet-researchers {
        padding: 0 0 98px 0;
    }

        .home-page .meet-researchers h2 {
            margin: 0 24px 24px 24px;
        }

    .home-page .bhi-highlights-calendars {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 204px;
        padding-bottom: 192px;
    }

        .home-page .bhi-highlights-calendars .icon-news-black, .home-page .bhi-highlights-calendars .icon-view-black {
            background: url("img/icon-news-black.svg") no-repeat left center;
            padding: 9px 0 11px 42px;
            font-weight: 500;
            font-size: 16px;
            display: inline-block;
            color: var(--home-highlight-text-color);
            text-decoration: none;
            text-transform: uppercase;
            background-size: 32px;
        }

            .home-page .bhi-highlights-calendars .icon-news-black:hover, .home-page .bhi-highlights-calendars .icon-news-black:focus, .home-page .bhi-highlights-calendars .icon-view-black:hover, .home-page .bhi-highlights-calendars .icon-view-black:focus {
                color: var(--home-highlight-text-color);
                text-decoration: underline;
            }

        .home-page .bhi-highlights-calendars .icon-news-black {
            background-size: 36px;
            padding-left: 42px;
        }

        .home-page .bhi-highlights-calendars .icon-view-black {
            background-image: url("img/icon-read-black.svg");
            /*padding: 13px 0 15px 60px;*/
        }

        .home-page .bhi-highlights-calendars .bhi-highlights {
            background-color: var(--primary-color);
            border-top: 42px solid #fff;
            padding: 48px 48px 48px 24px;
            color: var(--home-highlight-text-color);
            position: relative;
            /*margin-top: 48px;*/
        }

            .home-page .bhi-highlights-calendars .bhi-highlights h2 {
                margin: 0;
                padding: 0 0 42px 0;
            }

            .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row {
                display: grid;
                grid-template-columns: 1fr 180px;
                grid-column-gap: 24px;
            }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row:not(:last-child) {
                    margin-bottom: 24px;
                }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-date {
                    font-size: 16px;
                    font-weight: 500;
                    margin-bottom: 6px;
                }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-title {
                    font-size: 22px;
                    font-weight: 600;
                }

                    .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-title:link, .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-title:visited {
                        color: var(--home-highlight-text-color);
                        text-decoration: none;
                    }

                    .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-title:hover, .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-title:focus {
                        color: var(--home-highlight-text-color);
                        text-decoration: underline;
                    }

            .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications {
                display: flex;
                flex-direction: column;
                gap: 32px;
                margin-bottom: 32px;
            }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-date {
                    font-size: 16px;
                    font-weight: 500;
                    margin-bottom: 6px;
                }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-title {
                    font-size: 22px;
                    font-weight: 600;
                }

                    .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-title:link, .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-title:visited {
                        color: var(--home-highlight-text-color);
                        text-decoration: none;
                    }

                    .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-title:hover, .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-title:focus {
                        color: var(--home-highlight-text-color);
                        text-decoration: underline;
                    }

    .home-page .bhi-calendar {
        position: relative;
        top: -163px;
        /*z-index: 1;*/
    }

        .home-page .bhi-calendar .grid-layout {
            grid-gap: 64px;
        }

        .home-page .bhi-calendar .thick-separator {
            height: 42px;
            width: 100%;
            background-color: var(--primary-color);
            margin-bottom: 48px;
        }

        .home-page .bhi-calendar .calendar-item-speaker .h3 {
            font-size: 24px;
        }

        .home-page .bhi-calendar .calendar-item-conf-img {
            border-top: 42px solid var(--primary-color);
        }

            .home-page .bhi-calendar .calendar-item-conf-img img {
                vertical-align: middle;
            }

        .home-page .bhi-calendar .calendar-item hr.yellow {
            margin-bottom: 64px;
        }

        .home-page .bhi-calendar .calendar-item-header {
            /*min-height: 116px;
            display: flex;
            flex-direction: column;
            justify-content: center;*/
            margin-bottom: 16px;
        }

        .home-page .bhi-calendar .calendar-item-title {
            text-transform: uppercase;
            color: var(--primary-color);
        }

        .home-page .bhi-calendar .calendar-item-time {
            text-transform: uppercase;
        }

        .home-page .bhi-calendar .calendar-item-location-link {
            display: flex;
            /*flex-wrap: wrap;*/
            gap: 16px;
            margin-bottom: 32px;
            font-size: 16px;
        }

            .home-page .bhi-calendar .calendar-item-location-link .calendar-item-link {
                border-left: 1px solid #fff;
                padding-left: 16px;
            }

                .home-page .bhi-calendar .calendar-item-location-link .calendar-item-link a:link, .home-page .bhi-calendar .calendar-item-location-link .calendar-item-link a:visited {
                    color: var(--home-page-text-color);
                }

        .home-page .bhi-calendar .calendar-item-speaker-w-img {
            display: grid;
            grid-template-columns: 1fr 2fr;
            grid-column-gap: 18px;
            margin-bottom: 24px;
        }

.page-bottom-row .bhi-action-ellipses {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.people-card {
    background-color: var(--primary-color);
    border: 4px solid var(--primary-color);
    height: 100%;
}

    .people-card:link, .people-card:visited {
        color: #000;
    }

    .people-card:hover, .people-card:focus {
        text-decoration: none;
    }

        .people-card:hover .people-card-title, .people-card:focus .people-card-title {
            text-decoration: underline;
        }

    .people-card .people-card-image a {
        display: block;
    }

    .people-card .people-card-image img {
        vertical-align: top;
    }

    .people-card .people-card-details {
        padding: 18px;
    }

        .people-card .people-card-details .people-card-title {
            margin: 0 0 4px 0;
        }

            .people-card .people-card-details .people-card-title a:link, .people-card .people-card-details .people-card-title a:visited {
                color: var(--main-color);
            }

        .people-card .people-card-details .people-card-designation {
            border-bottom: 2px solid #000;
            padding-bottom: 18px;
            margin-bottom: 18px;
            text-transform: uppercase;
        }

        .people-card .people-card-details .people-card-job {
            font-weight: 400;
            margin-bottom: 12px;
        }

        .people-card .people-card-details .people-card-department {
            font-weight: 400;
        }

.page-bottom-row .honorary-affiliate-text {
    padding-top: 48px;
    padding-bottom: 48px;
}

    .page-bottom-row .honorary-affiliate-text h2 {
        margin-bottom: 32px;
    }

    .page-bottom-row .honorary-affiliate-text h3 {
        margin-bottom: 12px;
    }

    .page-bottom-row .honorary-affiliate-text h4 {
        margin-bottom: 12px;
    }

.page-bottom-row .honorary-affiliate-graphic img {
    vertical-align: middle;
}

.people-navigator {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: flex-end;
    padding: 0 96px 32px 82px;
}

.people-header {
    background-color: var(--primary-color);
    padding: 0 96px 0 82px;
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-column-gap: 72px;
}

    .people-header .people-header-image img {
        display: block;
    }

    .people-header .people-header-details {
        padding: 48px 0;
    }

        .people-header .people-header-details .people-header-title {
            margin-bottom: 8px;
        }

        .people-header .people-header-details .people-header-designation {
            text-transform: uppercase;
            font-weight: 500;
        }

        .people-header .people-header-details .people-header-more-info {
            border-top: 2px solid #000;
            margin-top: 18px;
            padding-top: 18px;
            display: grid;
            grid-template-columns: 3fr 1fr;
            grid-column-gap: 32px;
        }

        .people-header .people-header-details .people-header-job {
            margin-bottom: 12px;
        }

.people-content {
    padding: 48px 96px 96px 82px;
}

    .people-content .related-links {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

        .people-content .related-links a {
            text-decoration: underline;
        }

.people-header-buttons a:link {
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: unset;
}

.news-list {
    display: grid;
    grid-row-gap: 82px;
}

    .news-list .news-article {
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-column-gap: 72px;
    }

        .news-list .news-article img {
            border: 3px solid var(--primary-color);
        }

        .news-list .news-article .news-article-title {
            margin: 6px 0 24px 0;
        }

            .news-list .news-article .news-article-title a:link, .news-list .news-article .news-article-title a:visited {
                color: var(--main-color);
            }

            .news-list .news-article .news-article-title a:hover, .news-list .news-article .news-article-title a:focus {
                color: var(--main-color);
            }

        .news-list .news-article .news-article-description {
            margin-bottom: 12px;
        }

.news-article .news-article-title {
    margin-bottom: 6px;
}

.news-article .news-article-date {
    margin-bottom: 8px;
    text-transform: uppercase;
}

.news-article p {
    margin-bottom: 12px;
}

.news-article .news-article-text h3, .news-article .news-article-text h4 {
    margin-bottom: 0;
}

.news-article-side-image {
    margin-top: 10px;
}

.link-back {
    text-transform: uppercase;
    margin-bottom: 48px;
}

    .link-back a:link {
        color: var(--main-color);
        text-decoration: none;
    }

    .link-back a:focus, .link-back a:hover {
        color: var(--main-color);
        text-decoration: underline;
    }

.events-list {
    /* Events variables */
    --events-item-card-background-color: #061f46;
    --event-time-background-color: #133b79;
}

    .events-list .content-section .grid-layout {
        grid-row-gap: 96px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .events-list .form-row {
        margin-bottom: 48px;
    }

        .events-list .form-row#select-event-filters {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
        }

    .events-list .events-item-card {
        background-color: var(--events-item-card-background-color);
        height: 100%;
        color: var(--white-color);
    }

        .events-list .events-item-card:link, .events-list .events-item-card:visited {
            color: var(--white-color);
        }

        .events-list .events-item-card:hover, .events-list .events-item-card:focus {
            text-decoration: none;
        }

        .events-list .events-item-card .event-short-date {
            background-color: var(--primary-color);
            color: var(--black-color);
            position: absolute;
            width: 100px;
            height: 100px;
            padding-top: 18px;
            padding-bottom: 24px;
            padding-left: 15px;
            padding-right: 15px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

            .events-list .events-item-card .event-short-date .month {
                font-weight: 500;
                font-size: 18px;
                line-height: 33px;
                text-transform: uppercase;
            }

            .events-list .events-item-card .event-short-date .day {
                font-weight: 700;
                font-size: 40px;
                line-height: 33px;
            }

        .events-list .events-item-card .event-image img {
            vertical-align: middle;
            width: 100%;
        }

        .events-list .events-item-card .event-details {
            padding: 32px 24px;
        }

            .events-list .events-item-card .event-details .event-type {
                text-transform: uppercase;
                margin-bottom: 24px;
            }

            .events-list .events-item-card .event-details .event-title {
                margin-bottom: 12px;
            }

            .events-list .events-item-card .event-details .location-type {
                text-transform: uppercase;
            }

            .events-list .events-item-card .event-details .event-time {
                margin-top: 1rem;
                margin-bottom: 24px;
                background: url("img/icon-clock-solid-white.svg") no-repeat left center;
                background-position-x: 0.5rem;
                padding: 2px 0 2px 24px;
                background-color: var(--event-time-background-color);
                display: inline-block;
                border-radius: 1rem;
                padding-left: 2rem;
                padding-right: 1rem;
            }

.event-upcoming {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

    .event-upcoming .event-type {
        text-transform: uppercase;
        margin-bottom: 24px;
    }

    .event-upcoming .event-image {
        width: 100%;
    }

    .event-upcoming .event-details {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

        .event-upcoming .event-details h3 {
            font-weight: 700;
            margin-top: 3rem;
        }

        .event-upcoming .event-details .event-share {
            display: flex;
            gap: 2rem;
        }

            .event-upcoming .event-details .event-share button {
                width: 50%;
                display: block;
                border: solid 1px lightgray;
                padding-top: 1rem;
                padding-bottom: 1rem;
                border-radius: 0.5rem;
                text-transform: uppercase;
                font-size: 1rem;
            }

.er-detail .grid-layout {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.er .er-card {
    background-color: var(--primary-color);
    height: 100%;
}

    .er .er-card:link, .er .er-card:visited {
        color: #000;
    }

    .er .er-card:hover, .er .er-card:focus {
        text-decoration: none;
    }

    .er .er-card .er-image img {
        vertical-align: middle;
        width: 100%;
    }

    .er .er-card .er-details {
        padding: 32px 24px;
    }

        .er .er-card .er-details .er-type {
            text-transform: uppercase;
            margin-bottom: 24px;
        }

        .er .er-card .er-details .er-title {
            margin-bottom: 12px;
        }

.er-detail .grid-layout {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.google-map-wrapper {
    margin-bottom: 32px;
}

    .google-map-wrapper img {
        border: 5px solid var(--primary-color);
    }

.search-overlay {
    background-color: rgba(0, 0, 0, 0.71);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

#search-modal.is-open .search-overlay {
    display: block;
}

.search-overlay .search-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 998px;
    max-width: 90%;
}

    .search-overlay .search-modal h2 {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin: 0 78px 12px 0;
    }

    .search-overlay .search-modal [type=search] {
        height: 60px;
    }

.search-results-page .grid-layout {
    grid-column-gap: 208px;
    padding-bottom: 64px;
}

.search-results-page .search-filters hr {
    margin: 32px 0;
}

    .search-results-page .search-filters hr:first-of-type {
        margin-top: 0;
    }

.search-results-page .search-filters .search-filter-group {
    margin-bottom: 32px;
}

    .search-results-page .search-filters .search-filter-group ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        grid-gap: 0;
    }

        .search-results-page .search-filters .search-filter-group ul li {
            margin-bottom: 12px;
        }

            .search-results-page .search-filters .search-filter-group ul li a:link, .search-results-page .search-filters .search-filter-group ul li a:visited {
                text-decoration: underline;
                color: var(--main-link-color);
                text-transform: unset;
            }

            .search-results-page .search-filters .search-filter-group ul li a:hover:before, .search-results-page .search-filters .search-filter-group ul li a:focus:before {
                display: none;
            }

.search-results-page .search-item:not(:last-of-type) {
    margin-bottom: 32px;
}

.search-results-page .search-item .search-item-description {
    margin-bottom: 8px;
}

.search-results-page .search-results-pager {
    display: flex;
    column-gap: 32px;
    row-gap: 16px;
    align-items: center;
    margin: 64px 0 0 0;
    flex-wrap: wrap;
}

    .search-results-page .search-results-pager a:link, .search-results-page .search-results-pager a:visited {
        text-decoration: underline;
    }

    .search-results-page .search-results-pager a.current {
        text-decoration: none;
    }

/*.bhi-researchers {
        .grid-1-3-col {
                grid-gap: 72px;
        }
}*/
@media screen and (max-width: 1710px) {
    .home-page .bhi-highlights-calendars {
        grid-column-gap: 102px;
    }

    .home-page .bhi-calendar .grid-layout {
        grid-column-gap: 32px;
    }
}

@media screen and (max-width: 1600px) {
    .people-grid .grid-3-col {
        padding-right: 0 !important;
        grid-gap: 48px;
    }

    .people-grid .people-card .people-card-image img {
        vertical-align: middle;
        width: 100%;
    }

    .people-header .people-header-details .people-header-more-info {
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }

    .er .grid-3-col {
        grid-gap: 48px;
    }

    .home-page .bhi-highlights-calendars {
        grid-gap: 72px;
    }

    .events-list .content-section .grid-layout {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1710px) {
    .home-page .bhi-calendar .calendar-item-title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1366px) {
    .home-page .bhi-highlights-calendars .bhi-highlights {
        /*margin-top: 112px;*/
    }

    .people-header {
        padding: 0 24px;
        grid-gap: 32px;
    }

    .search-results-page .grid-layout {
        grid-gap: 72px;
    }

    .home-page .banner-section .banner-text {
        width: 590px;
    }

        .home-page .banner-section .banner-text h1 {
            font-size: 56px;
        }
}

@media screen and (max-width: 1316px) {
    .home-page .bhi-calendar {
        top: -196px;
    }

        .home-page .bhi-calendar .calendar-item-header {
            min-height: 100px;
        }
}

@media screen and (max-width: 1280px) {
    .site-footer .top-footer {
        padding: 48px 24px;
    }

        .site-footer .top-footer .content-wrapper {
            display: block;
            padding: 0;
        }

            .site-footer .top-footer .content-wrapper .right-column p {
                border-bottom: 0;
                border-top: 1px solid #000;
                margin: 36px 0 0 0;
            }

    .home-page .bhi-highlights-calendars {
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }

        .home-page .bhi-highlights-calendars .bhi-calendar {
            /*padding: 0 24px;*/
            position: static;
            top: unset;
            padding-left: 24px;
        }

            .home-page .bhi-highlights-calendars .bhi-calendar .calendar-item-header {
                min-height: unset;
                margin-bottom: 16px;
            }

        .home-page .bhi-highlights-calendars .bhi-highlights {
            margin-top: 0;
        }

    .home-page .meet-researchers h2, .home-page .member-highlight {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --body-font-size: 16px;
    }

    main blockquote {
        margin-left: 0;
        margin-right: 0;
        padding: 12px 12px;
        font-size: 18px;
    }

    .modal-overlay .modal {
        max-width: 90vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .harvard-nav {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    .padding-left-24 {
        padding: 32px 12px;
    }

    .site-navigation {
        padding: 0;
        font-size: 14px;
    }

        .site-navigation.expanded .mobile-utility-nav {
            display: flex;
        }

        .site-navigation.expanded .global-nav {
            display: block;
        }

        .site-navigation.expanded .btn-menu-toggle .menu-expanded-text {
            display: block;
        }

        .site-navigation.expanded .btn-menu-toggle .menu-collapsed-text {
            display: none;
        }

        .site-navigation .mobile-utility-nav {
            padding: 24px 32px;
            background-color: #157B89;
            /*position: fixed;
			z-index: 9;
			left: 0;
			right: 0;
			bottom: 0;*/
            color: #fff;
            margin: 0;
            list-style-type: none;
            flex-direction: column;
            gap: 24px;
        }

            .site-navigation .mobile-utility-nav input[type=search] {
                padding: 10px 12px;
                background-color: transparent;
                border: 1px solid #fff;
                font-size: 16px;
                color: var(--white-color);
            }

                .site-navigation .mobile-utility-nav input[type=search]::placeholder {
                    color: #fff;
                }

            .site-navigation .mobile-utility-nav a:link, .site-navigation .mobile-utility-nav a:visited {
                color: #fff;
                font-weight: 600;
            }

            .site-navigation .mobile-utility-nav .button {
                height: 42px;
                width: 42px;
                background-size: contain;
            }

        .site-navigation.expanded .mobile-nav-wrapper {
            overflow-y: auto;
            height: calc(100vh - 89px);
            background-color: #157B89;
        }

        .site-navigation .global-nav {
            background-color: #fff;
            padding: 0 32px;
            /*position: fixed;
			z-index: 99;
			left: 0;
			right: 0;
			top: 89px;
			height: calc(100vh - 348px);
			overflow: auto;*/
            display: none;
        }

            .site-navigation .global-nav li:hover ul, .site-navigation .global-nav li:focus ul {
                display: none;
            }

            .site-navigation .global-nav li a:hover, .site-navigation .global-nav li a:focus {
                background-color: transparent;
                text-decoration: underline;
            }

            .site-navigation .global-nav ul {
                position: static;
                display: none;
                background-color: transparent;
            }

                .site-navigation .global-nav ul a:link, .site-navigation .global-nav ul a:visited {
                    display: flex;
                    align-items: center;
                }

            .site-navigation .global-nav li a {
                padding-left: 24px;
            }

            .site-navigation .global-nav li.active a {
                background-color: transparent;
            }

            .site-navigation .global-nav li.has-submenu > a {
                background: url("img/icon-chevron-right.svg") no-repeat left center;
                background-size: 8px;
            }

            .site-navigation .global-nav li.expanded > a {
                background: url("img/icon-chevron-down.svg") no-repeat left center;
                background-size: 12px;
            }

            .site-navigation .global-nav li.expanded ul {
                display: block;
                padding: 0 12px;
            }

    .site-header {
        display: none;
    }

    .site-navigation .mobile-menu-toggle {
        display: flex;
        justify-content: space-between;
        gap: 32px;
        align-items: center;
        min-height: 48px;
        padding: 4px 12px;
        box-shadow: 0 0 6px rgba(0,0,0,0.17);
    }

        .site-navigation .mobile-menu-toggle .logo img {
            width: 100px;
            vertical-align: middle;
        }

    .site-navigation .btn-menu-toggle {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        padding: 0;
    }

        .site-navigation .btn-menu-toggle .menu-expanded-text {
            display: none;
        }

    .site-navigation .mobile-utility-nav {
        display: none;
    }

    .document-scrolled .site-navigation.expanded .mobile-nav-wrapper {
        height: calc(100vh - 55px)
    }

    .banner-section .right-header {
        display: none;
    }

    .home-page .bhi-highlights-calendars {
        padding-right: 0 !important;
    }

    .left-nav.expanded {
        position: fixed;
        z-index: 8;
        background-color: #fff;
        width: 500px;
        right: 0;
        top: 0;
        padding: 24px 24px;
        max-width: 100%;
        height: 100vh;
        overflow: auto;
        box-shadow: -3px 0 6px rgba(0, 0, 0, 0.34);
    }

        .left-nav.expanded .left-nav-content {
            display: block;
        }

    .left-nav .left-nav-content {
        display: none;
    }

    .left-nav .toggle-left-nav {
        display: block;
        top: 292px;
    }

    .content-section {
        /*padding: 0 24px;*/
    }

        .content-section > .grid-layout {
            /*grid-template-columns: 1fr;*/
            grid-gap: 32px;
        }

    .page-bottom-row {
        grid-template-columns: 1fr;
        grid-gap: 32px;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

        .page-bottom-row .meet-bhi-people-graphic {
            text-align: center;
        }

        .page-bottom-row .honorary-affiliate-text {
            padding-top: 32px;
            padding-bottom: 0;
        }

        .page-bottom-row .honorary-affiliate-graphic {
            text-align: center;
            padding-bottom: 32px;
        }

    .home-page .content-section {
        padding: 0 24px;
    }

    .home-page .banner-section .banner-text {
        width: 480px;
        max-width: 100%;
    }

        .home-page .banner-section .banner-text h1 {
            font-size: 39px;
            line-height: 1.25;
            margin-bottom: 32px;
        }

    .home-page .banner-section .banner-sub-text {
        margin-bottom: 0;
    }

    .home-page .member-highlight {
        grid-template-columns: 1fr 3fr;
    }

    .people-grid .grid-1-3-col, .news-listing .grid-1-3-col, .event-detail .grid-1-3-col, .bhi-researchers .grid-1-3-col, .search-results-page .grid-1-3-col, .people-search .grid-1-3-col {
        grid-template-columns: 1fr;
    }

        .people-grid .grid-1-3-col .grid-3-col, .news-listing .grid-1-3-col .grid-3-col, .event-detail .grid-1-3-col .grid-3-col, .bhi-researchers .grid-1-3-col .grid-3-col, .search-results-page .grid-1-3-col .grid-3-col, .people-search .grid-1-3-col .grid-3-col {
            grid-gap: 32px;
            padding-right: 0 !important;
        }

    .news-detail .grid-1-3-col {
        grid-template-columns: 30% 65%;
        grid-gap: 5%;
    }

    .event-detail .contact-form {
        margin-bottom: 32px;
    }

    .contact-page .grid-2-1-col {
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }

    .people-search .padding-left-24 {
        padding-right: 24px;
    }

    .people-search .people-navigator {
        padding-right: 0;
    }

    .people-search .people-header {
        padding: 0 24px 0 0;
        grid-column-gap: 32px;
    }

    .people-search .people-content {
        padding-left: 0;
        padding-right: 0;
    }

    .news-listing .news-list {
        grid-gap: 48px;
    }

        .news-listing .news-list .news-article {
            grid-template-columns: 1fr 2fr;
            grid-gap: 32px;
            padding-bottom: 32px;
            border-bottom: 1px solid #000;
        }

    .search-results-page .grid-layout {
        grid-gap: 0;
    }

    .er .grid-3-col {
        grid-template-columns: 1fr 1fr;
    }

    .events-list .events-item-card .event-short-date {
        width: 90px;
        height: 90px;
    }

    .home-page .bhi-highlights-calendars .bhi-calendar {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --body-font-size: 14px;
    }

    h1, .h1 {
        font-size: 48px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    hr.black, hr.yellow {
        margin: 18px 0;
    }

    input[type=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text] {
        font-size: 12px;
        padding: 8px 8px;
    }

    select {
        font-size: 12px;
        padding: 8px 18px 8px 8px;
        background-position: right 8px center;
        background-size: 12px;
    }

    input[type=checkbox], input[type=radio] {
        height: 24px;
        width: 24px;
        min-width: 24px;
    }

    button.btn-chevron-solid {
        width: 30px;
        height: 30px;
        min-width: 30px;
        background-size: contain;
    }

    button.btn-submit {
        font-size: 16px;
        background-size: contain;
        padding: 8px 48px 10px 0;
    }

    button.btn-calendar {
        width: 32px;
        height: 32px;
        background-size: contain;
    }

    main {
        padding-top: 48px;
        font-size: var(--body-font-size);
    }

        main:before {
            height: 21px;
        }

    .left-nav .toggle-left-nav {
        top: 302px;
    }

    a.icon-calendar-yellow, a.icon-circle-email, a.icon-info, a.icon-learn-more, a.icon-phone-large, a.icon-read-more {
        padding: 5px 0 7px 32px;
    }

    .form-row .form-value.quarter-width {
        width: 100%;
        max-width: 100%;
    }

    .padding-inline-24 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .padding-left-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .site-footer .top-footer {
        padding: 24px 12px;
    }

        .site-footer .top-footer .content-wrapper .left-column .contacts {
            font-size: 20px;
        }

        .site-footer .top-footer .content-wrapper .left-column .address {
            font-size: 12px;
        }

        .site-footer .top-footer .content-wrapper .left-column .form-title {
            font-size: 20px !important;
            margin-top: 0;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi input[type=email] {
            font-size: 12px !important;
            padding: 12px !important;
            height: unset;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi .frm_fields_container {
            align-items: center;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi .frm_button_submit {
            height: 32px;
            width: 32px;
            background-size: contain;
            padding-left: 24px;
            padding-right: 24px;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi .separator {
            height: 42px;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi .social-bhi {
            gap: 16px;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi .reach-fb {
            width: 32px;
            height: 32px;
            background-size: contain;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi .reach-youtube {
            height: 24px;
            width: 36px;
            background-size: contain;
        }

        .site-footer .top-footer .content-wrapper .reach-bhi {
            justify-content: center;
        }

    .site-footer .bottom-footer .footer-navigation {
        gap: 12px;
    }

    .page-bottom-row {
        padding: 32px 12px !important;
        margin-top: 32px;
    }

        .page-bottom-row .related-highlight .grid-264-1-col, .page-bottom-row .latest-news .grid-264-1-col {
            grid-template-columns: 30% 65%;
            grid-gap: 5%;
        }

        .page-bottom-row .related-highlight .related-highlight-properties, .page-bottom-row .latest-news .related-highlight-properties {
            grid-gap: 12px;
        }

            .page-bottom-row .related-highlight .related-highlight-properties .related-highlight-date, .page-bottom-row .latest-news .related-highlight-properties .related-highlight-date {
                font-size: 12px;
            }

            .page-bottom-row .related-highlight .related-highlight-properties .related-highlight-description, .page-bottom-row .related-highlight .related-highlight-properties .related-highlight-department, .page-bottom-row .latest-news .related-highlight-properties .related-highlight-description, .page-bottom-row .latest-news .related-highlight-properties .related-highlight-department {
                font-size: 14px;
            }

            .page-bottom-row .related-highlight .related-highlight-properties .icon-read-more, .page-bottom-row .latest-news .related-highlight-properties .icon-read-more {
                font-size: 12px;
                padding-left: 32px;
            }

        .page-bottom-row .honorary-affiliate-text .h3 {
            font-size: 12px;
        }

        .page-bottom-row .honorary-affiliate-text .h4, .page-bottom-row .honorary-affiliate-text p {
            font-size: 14px;
        }

        .page-bottom-row .honorary-affiliate-text .icon-info {
            font-size: 12px;
        }

    .site-header {
        padding: 12px 12px 0 12px;
    }

    .home-page .content-section {
        padding: 0 12px;
    }

    .home-page .banner-section:after {
        background: linear-gradient(0deg, #000000 22.08%, rgba(0, 0, 0, 0) 100%);
        height: 110px;
    }

    .home-page .banner-section .logo img {
        max-width: 192px;
    }

    .home-page .banner-section .banner-text {
        width: 50%;
        max-width: 100%;
        padding: 132px 0 32px 12px;
    }

        .home-page .banner-section .banner-text h1 {
            font-size: 17px;
            line-height: 1.25;
            margin-bottom: 32px;
        }

    .home-page .banner-section .banner-sub-text {
        margin-bottom: 0;
    }

    .home-page .bhi-highlights-calendars {
        grid-template-columns: 1fr;
        grid-gap: 32px;
        padding-bottom: 32px;
    }

        .home-page .bhi-highlights-calendars .icon-news-black, .home-page .bhi-highlights-calendars .icon-view-black {
            font-size: 12px;
            background-size: 24px;
            padding: 5px 0 7px 32px;
        }

        .home-page .bhi-highlights-calendars .icon-view-black {
            padding-left: 32px;
        }

        .home-page .bhi-highlights-calendars .bhi-highlights {
            padding: 24px 12px;
            border-top-width: 21px;
        }

            .home-page .bhi-highlights-calendars .bhi-highlights h2 {
                padding-bottom: 18px;
            }

            .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row {
                grid-template-columns: 1fr 92px;
            }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-date {
                    font-size: 12px;
                }

                .home-page .bhi-highlights-calendars .bhi-highlights .bhi-highlights-row .bhi-highlights-title {
                    font-size: 14px;
                }

            .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-date {
                font-size: 12px;
            }

            .home-page .bhi-highlights-calendars .bhi-highlights .bhi-publications .bhi-publications-title {
                font-size: 14px;
            }

        .home-page .bhi-highlights-calendars .bhi-calendar {
            padding: 0;
        }

            .home-page .bhi-highlights-calendars .bhi-calendar .thick-separator {
                height: 21px;
                margin-bottom: 24px;
            }

            .home-page .bhi-highlights-calendars .bhi-calendar .grid-1-1-col {
                grid-template-columns: 1fr;
                grid-gap: 32px;
            }

            .home-page .bhi-highlights-calendars .bhi-calendar .calendar-item-conf-img {
                border-bottom-width: 21px;
                display: inline-block;
            }

            .home-page .bhi-highlights-calendars .bhi-calendar a.icon-info {
                font-size: 12px;
                padding: 5px 0 7px 32px;
            }

            .home-page .bhi-highlights-calendars .bhi-calendar a.icon-calendar-yellow {
                padding: 9px 0 6px 32px;
            }

    .home-page .meet-researchers {
        padding-bottom: 0;
    }

        .home-page .meet-researchers h2 {
            margin: 0 12px 24px 12px;
        }

    .home-page .member-highlight {
        grid-template-columns: 1fr;
        grid-gap: 24px;
        padding: 24px 12px 40px 12px;
    }

        .home-page .member-highlight .member-image {
            max-width: 128px;
        }

        .home-page .member-highlight .member-title {
            font-size: 17px;
        }

        .home-page .member-highlight .member-description {
            margin-bottom: 32px;
        }

    .banner-section .banner-text {
        padding: 124px 12px 18px 12px;
        margin-top: -110px;
    }

    .banner-section logo img {
        max-width: 192px;
    }

    .people-search .people-header {
        grid-template-columns: 1fr;
        grid-gap: 24px;
        padding-right: 0;
    }

        .people-search .people-header .people-header-details {
            padding: 0 24px 24px 24px;
        }

    .people-grid .grid-1-3-col {
        display: block;
    }

    .people-grid .grid-3-col {
        grid-template-columns: 1fr 1fr;
    }

    .people-header {
        grid-template-columns: 1fr;
    }

    .news-listing .news-list {
        grid-gap: 32px;
    }

        .news-listing .news-list .news-article {
            grid-template-columns: 30% 65%;
            grid-gap: 5%;
            font-size: 14px;
        }

            .news-listing .news-list .news-article .news-article-date {
                font-size: 12px;
                margin-bottom: 8px;
            }

            .news-listing .news-list .news-article .news-article-title {
                font-size: 16px;
            }

            .news-listing .news-list .news-article .news-article-title, .news-listing .news-list .news-article .news-article-description {
                margin-bottom: 12px;
            }

    .news-detail .link-back {
        font-size: 12px;
    }

    .news-detail .news-article {
        font-size: 14px;
    }

        .news-detail .news-article .news-article-title {
            font-size: 16px;
        }

        .news-detail .news-article .news-article-date {
            font-size: 12px;
            margin-bottom: 12px;
        }

        .news-detail .news-article h3, .news-detail .news-article h4 {
            font-size: 14px;
        }

    .search-results-page .grid-layout {
        grid-gap: 0;
    }

    .search-results-page .search-item-title {
        font-size: 14px;
    }

    .modal-overlay .people-header {
        grid-template-columns: 1fr;
    }

    .people-header .people-header-details {
        padding: 0;
    }

    .people-header .people-header-image {
        text-align: center;
    }

        .people-header .people-header-image img {
            max-width: 250px;
            display: inline-block;
        }

    .modal-overlay .people-header .people-header-more-info {
        grid-gap: 16px;
    }

    .er .er-card .er-details {
        padding: 18px 12px;
    }

        .er .er-card .er-details .er-type {
            margin-bottom: 8px;
        }

    a.icon-calendar-yellow, a.icon-circle-email, a.icon-info, a.icon-learn-more, a.icon-phone-large, a.icon-read-more {
        background-size: 24px;
    }

    .modal-overlay .modal-close {
        top: 24px;
        right: 48px;
        padding: 0;
    }

    .modal-overlay .modal {
        top: 96px;
    }

    .modal-overlay .modal-close span {
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    .people-navigator {
        padding-right: 64px;
        padding-left: 64px;
        justify-content: center;
    }

        .people-navigator button.btn-round span {
            width: 32px;
            height: 32px;
            background-position-x: 6px;
            background-position-y: center;
            background-size: 10px;
        }

        .people-navigator button.btn-round.btn-next span {
            background-position-x: 9px;
        }

    .people-content {
        padding: 24px 24px;
    }
}

@media screen and (max-width: 525px) {
    h1, .h1 {
        font-size: 40px;
    }

    .site-footer .top-footer .content-wrapper .reach-bhi {
        gap: 16px;
    }

    .site-footer .bottom-footer .footer-navigation {
        padding: 24px 12px;
        flex-direction: column;
        justify-content: center;
    }

        .site-footer .bottom-footer .footer-navigation li {
            text-align: center;
        }

            .site-footer .bottom-footer .footer-navigation li:after {
                display: none !important;
            }

    .people-grid .grid-3-col {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .people-grid .grid-3-col .people-card {
            width: 355px;
            max-width: 100%;
        }

    .people-search .people-header .people-header-details .people-header-more-info {
        grid-template-columns: 1fr;
        grid-gap: 12px;
    }

    .er .grid-3-col {
        grid-template-columns: 1fr;
    }

    .modal-overlay .modal-close {
        right: 32px;
    }
}

.event-details .event-time {
    margin-bottom: 24px;
    background: url(img/icon-clock-solid.svg) no-repeat 0;
    background-position-y: 0.65rem;
    padding: 2px 0 2px 24px;
}

.event-details .icon-calendar-large {
    display: inline-block;
    background: url(img/icon-calendar.svg) no-repeat 0;
    padding: 12px 0 12px 52px;
    margin-top: 24px;
}

.event-details .grid-col .event-title, .event-details .grid-col .frm_form_title {
    font-size: 26px;
    font-weight: 500;
}

.navigation-wrapper {
    position: sticky;
    top: 0;
}

.search-results-page .search-tag {
    max-height: 1.75rem;
    border-radius: 50px;
    background-color: var(--main-link-color);
    font-size: .75rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.8rem;
    display: inline-block;
    margin-right: 0.25rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

    .search-results-page .search-tag:first-child {
        margin-left: 0.25rem;
    }

    .search-results-page .search-tag.light {
        color: var(--main-link-color);
        border: solid 1px var(--main-link-color);
        background: none;
    }
/**FONT SIZE MAKE SMALLER**/
main {
    font-size: 16px;
}
/**ADJUST GRADIENT ON 2NDARY PAGES**/
.site-header {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 70%);
}

h2#phone-number-heading {
    margin-bottom: 15px;
}

h2#contact-us-help,
h2#contact-us-address,
h2#phone-number-heading {
    font-size: 36px;
}

p#contact-us-address {
    /*font-size: 26px;*/
}

a:link.phone-number {
    display: flex;
    flex-wrap: wrap;
    height: 60px;
    color: #000;
    font-size: 20px;
    background: url("img/icon-phone.svg") no-repeat left;
    padding-left: 80px;
    align-content: center;
    transition: all .2s ease-in;
}

    a:link.phone-number:hover {
        background: url("img/icon-phone-hover.svg") no-repeat left;
    }

.frm_form_title {
    font-weight: 600;
}

.frm_description, button.frm_button_submit {
    text-transform: uppercase;
    font-weight: 600 !important;
}

.with_frm_style select {
    color: #000 !important;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
    display: flex;
    flex-wrap: wrap;
    background: url(img/icon-circle-chevron-solid.svg) no-repeat right;
    padding-right: 80px;
    height: 60px;
    align-content: center;
    transition: all .2s ease-in;
}

    .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
        background: url(img/icon-circle-chevron-solid-yellow.svg) no-repeat right;
        text-decoration: underline;
    }

.with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1 {
    margin-bottom: 12px;
}

div#frm_radio_23-1 {
    margin-left: 2rem;
}

input#field_knoni {
    width: 30%;
}

input#field_4egt8,
input#field_4egt82 {
    font-size: 16px;
    font-weight: 600;
    padding-right: 3rem;
    background-color: var(--primary-color);
    border: none;
    padding-left: 20px;
}

p.form-title {
    font-size: 1.65rem !important;
}

@media screen and (max-width: 1024px) {
    .grid-col form#form_send-me-news {
        display: none;
    }
}

.frm_fields_container:has(.send-me-news) {
    display: flex;
}

.send-me-news button.frm_button_submit {
    margin-top: unset !important;
    border: unset !important;
}

.send-me-news,
.send-me-news button,
.stay-up-to-date fieldset {
    margin-bottom: unset !important;
    padding-bottom: unset !important;
}

.site-footer .top-footer .content-wrapper .reach-bhi {
    align-items: center !important;
}

.normal-description {
    text-transform: none;
}

.grid-1-3-col:has(article) img {
    border: 3px solid var(--primary-color);
}

.calendar-item img {
    border: 1px solid var(--primary-color);
}

.thumbnail-layout img {
    border: 1px solid var(--primary-color);
}

.site-header {
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .top-footer .left-column,
    .top-footer .right-column,
    .top-footer .right-column p {
        text-align: center;
        font-size: 12px !important;
    }
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 8em;
}

a.icon-calendar-yellow:hover {
    background-image: url("img/icon-calendar-white.svg");
}

a.icon-info:hover {
    background-image: url("img/icon-circle-info-hover.svg");
}

a.icon-learn-more:hover {
    background-image: url("img/icon-user-circle-hover.svg");
}

a.primary-color.icon-learn-more:hover,
a.primary-color.icon-info:hover {
    color: #fff;
}

.related-highlight .grid-col img {
    border: 1px solid var(--primary-color);
}

@media screen and (max-width: 1024px) {
    .events-list .grid-3-col {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .events-list .grid-3-col {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 525px) {
    .events-list .grid-3-col {
        display: grid;
        justify-content: space-around;
        padding-right: 0 !important;
        grid-template-columns: minmax(200px, 378px) !important;
    }
}

@media screen and (max-width:1024px) {
    .link-back + .grid-layout.grid-1-3-col {
        gap: 3rem;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

        .link-back + .grid-layout.grid-1-3-col .grid-col:has(img) {
            display: block;
            text-align: center;
        }
}

.link-back + .grid-1-3-col:has(article) img {
    width: 315px;
    height: auto;
    object-fit: cover;
}

.wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper {
    display: flex;
    justify-content: center;
}

    .wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
        border: 3px solid var(--primary-color);
    }

.event-image {
    display: flex;
    flex-direction: column;
    height: 18rem;
    overflow: hidden;
}

    .event-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media screen and (max-width: 1024px) {
    .event-image {
        height: 16rem;
    }
}

.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

    .wp-block-embed__wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

a.news-article-img {
    min-width: 315px;
}

@media screen and (max-width: 1024px) {
    .grid-layout.grid-1-3-col .news-article {
        gap: 3rem;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

        .grid-layout.grid-1-3-col .news-article a:has(img) {
            text-align: center;
        }
}

.news-list .news-article img[src=""] {
    display: none;
}

.er .er-card .er-image img {
    vertical-align: middle;
    width: 100%;
    height: 18rem;
    object-fit: cover;
}

.event-upcoming .event-image {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    justify-content: center;
}

    .event-upcoming .event-image img {
        max-width: 365px;
        height: auto;
    }

.grid-layout.educational-resources {
    justify-content: center;
    margin: 0 auto;
    max-width: 1270px;
    grid-template-columns: 1fr;
}

.grid-1-col > div > .wp-block-embed-youtube,
.wp-block-embed-youtube,
figure.wp-embed-aspect-16-9 {
    margin-bottom: 1rem;
}

.bhi-highlights-calendars .bhi-calendar a:not(.icon-calendar-yellow):not(.icon-info) {
    /*color: #fff;*/
}

@media (max-width: 1024px) {
    .grid-layout.grid-1-3-col {
        grid-template-columns: 1fr;
    }

    .left-nav.expanded {
        z-index: 100;
    }
}

h2.logos-acknowledgments ~ div img {
    max-width: 300px;
}

span.menu-collapsed-text,
span.menu-expanded-text {
    color: #000;
}

iframe.google-maps-embed {
    border: 3px solid var(--primary-color);
}

@media screen and (max-width: 768px) {
    .left-nav .toggle-left-nav {
        top: 222px;
    }
}

.grid-layout-modal {
    color: #000;
}

    .grid-layout-modal a:link, .grid-layout-modal a:visited {
        color: var(--main-link-color);
    }

.padding-inline-24:has(.people-header) {
    padding-right: unset !important;
}

img {
    -webkit-user-drag: none;
    user-drag: none;
}

.member-image img {
    border: 1px solid var(--primary-color);
}

a.icon-learn-more, a.icon-read-more, a.icon-circle-email, a.icon-info, a.icon-phone-large, a.icon-calendar-yellow, .home-page .bhi-highlights-calendars .icon-news-black, .home-page .bhi-highlights-calendars .icon-view-black {
    font-weight: 600;
}

select, figure figcaption, .people-header .people-header-details .people-header-title, .event-upcoming .event-details h3, .normal-description {
    font-weight: 500;
}

.skip-to-main-content-link {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: black;
    color: white;
    opacity: 0;
}

    .skip-to-main-content-link:focus {
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
    }

.er .er-card .er-image img {
    height: unset;
    object-fit: contain;
}

.font-weight-normal {
    font-weight: 400;
}

.yellow-border {
    border: 2px solid var(--primary-color);
}

.search-overlay .search-modal div.s-head {
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0 78px 12px 0;
}

main a.white:link,
main a.white:visited {
    color: var(--white-color);
}

/* Added overrides for .page-bottom-row due to lack of pre-compiled source */
.page-bottom-row.is-layout-flex {
    display: flex;
    gap: 12%;
}
/* row of 2 items; first item */
.page-bottom-row.is-layout-flex > div:first-child:nth-last-child(2) {
    width: 48%;
}
/* row of 2 items; the other items */
.page-bottom-row.is-layout-flex > div:first-child:nth-last-child(2) ~ div {
    width: 40%;
}
@media screen and (max-width: 1024px) { 
    .page-bottom-row.is-layout-flex {
        flex-direction: column;
        gap: 1.5rem;
    }
    .page-bottom-row.is-layout-flex > div {
        width: 100% !important;
    }
}
/* paragraph containing a link */
.view-details-link.primary-color > a {
    color: var(--primary-color);
}
.view-details-link.icon-info > a {
    background: url("img/icon-circle-info.svg") no-repeat left center;
    padding: 9px 0 10px 46px;
    display: inline-block;
    background-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
}
.view-details-link.white > a {
    color: var(--white-color);
}

.site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon {
    max-width: 80px;
    height: auto;
    position: relative;
}

.site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon:hover img:not(.hover) {
    opacity: 0;
}

.site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon:hover img.hover {
    opacity: 1;
}

.site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon .text {
    position: absolute;
    left: -9999px;
}

.site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon img {
    max-width: 100%;
    height: auto;
    max-height: 50px;
    width: auto;
    opacity: 1;
    transition: opacity .2s ease-in;
}

.site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon img.hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.site-footer .top-footer .content-wrapper .reach-bhi .social-bhi {
    gap: 28px;
    flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
    body .site-footer .top-footer .content-wrapper .reach-bhi {
        align-items: stretch !important;
    }

    .site-footer .top-footer .content-wrapper .reach-bhi .frm_forms {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 320px;
    }
    .site-footer .top-footer .content-wrapper .reach-bhi .separator {
        border: none;
        background: #000;
        height: auto;
        min-width: 1px;
        width: 1px;
    }
}

@media screen and (max-width: 768px) {

    .site-footer .top-footer .content-wrapper .reach-bhi .social-bhi {
        gap: 16px;
        justify-content: center;
    }

    .site-footer .top-footer .content-wrapper .reach-bhi {
        flex-direction: column;
        gap: 32px;
    }

    .site-footer .top-footer .content-wrapper .reach-bhi .separator {
        width: 50%;
        background-color: #000;
        height: 1px;
        border: none;
    }
    
    .site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon {
        max-width: 40px;
    }

    .site-footer .top-footer .content-wrapper .reach-bhi .reach-social-icon img {
        max-height: 30px;

    }

}

.site-footer .frm_forms .frm_email_4,
.site-footer .frm_forms .frm__6685d971f14f5,
.site-footer .frm_forms .frm__6685d5d93060b, 
.site-footer .frm_forms .frm_verify,
#frm_form_2_container label[for="frm_email_2"],
#frm_form_2_container #frm_email_2 {display: none !important;}