/* //  Table of Contents:
//
1. Typography and Links, Link Lists, CTAs
2. Background Wrappers & Imagery
3. Callouts
4. Dropdown Buttons
5. Blockquotes
6. Cards
7. Tables
8. Images, Figure Captions
9. News Feed Layouts
10. Events Layouts
11. Split Content Sections
12. Factoids
13. People (Bios)
14. Accordions
15. Contact Us Block
16. Promo banner
17. Tabs
18. News
19. Timeline
20. Newsroom
*/

/* ========================================
   1. Typography and Links, Link Lists, CTAs
   ======================================== */
.grid-container {
    max-width: 85rem;
}

.main-content_wrapper > .contact--us--wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    max-width: 85rem;
}

.universal--fullwidth .main-content_wrapper > .contact--us--wrapper {
    margin-bottom: 0;
}

.grid-container .main-content_wrapper > .contact--us--wrapper {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.grid-container > .contact--us--wrapper {
    margin-left: initial;
    margin-right: initial;
    padding-right: initial;
    padding-left: initial;
    max-width: initial;
}

.button, a.button, button {
    font-size: 1.125rem;
    align-content: center;
}

.button.dropdown.hollow::after, .button.dropdown.clear::after {
    background-color: var(--uthorange);
}

.button.dropdown::after {
    top: 4px;
    margin-right: 3px;
}

.button.clear {
    background-image: linear-gradient(transparent calc(100% - 2px), var(--uthblue) 2px);
    text-decoration: none !important;
    background-size: 25% 100%;
    background-position: -110%;
    /* puts the underline in reverse turry */
    position: relative;
    background-repeat: no-repeat;
    transition: background-size .05s linear, background-position .05s linear;
    display: inline;
    transition: background-size .2s linear, background-position .3s linear;
    left: 0;
    padding: 0;
    margin: 0;
    right: 0;
    /* padding:0 !important; */
    /* margin:0 !important; */
    border: 0;
    /* overflow: hidden; */
    border-radius: 0;
    margin-right: 0;
    word-break: normal !important;
    width: auto;
}

.button.clear.white, .button.clear.white:hover {
    background-image: linear-gradient(transparent calc(100% - 2px), var(--white) 2px);
    color: var(--white);
}

.button.clear.white::after {
    background-color: transparent; /* position: absolute; */
    width: 30px; /* left: 100%; *//* top: 60%; */
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2226%22%20viewBox%3D%220%200%2030%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M28.7812%2014.1297L29.9196%2013.0008L28.7812%2011.8719L18.4955%201.67188L17.3571%200.542969L15.0871%202.79414L16.2254%203.92305L23.7656%2011.407H1.60714H0V14.5945H1.60714H23.7656L16.2187%2022.0719L15.0804%2023.2008L17.3504%2025.452L18.4888%2024.323L28.7812%2014.1297Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E")
}

.button.clear.white:hover::after {

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2226%22%20viewBox%3D%220%200%2030%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M28.7812%2014.1297L29.9196%2013.0008L28.7812%2011.8719L18.4955%201.67188L17.3571%200.542969L15.0871%202.79414L16.2254%203.92305L23.7656%2011.407H1.60714H0V14.5945H1.60714H23.7656L16.2187%2022.0719L15.0804%2023.2008L17.3504%2025.452L18.4888%2024.323L28.7812%2014.1297Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E")

}

.button.clear:hover {
    left: 0;
    margin-left: 0;
    right: 0;
    margin-right: 0;
    background-size: 100% 100%;
    background-position: 0;
    color: var(--uthblue);
    border: 0;
    border-radius: 0;
}

.button.clear::after {
    left: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    transition: all .2s linear;
    position: absolute;
    position: relative;
    background-color: #ffffff;
    padding-left: 0;
    margin-left: 0;
    left: 0;
    /* width: 20px; */
    top: 8px;
    height: 22px;
    display: inline-block;
    padding-left: 2rem;
    background-size: 16px;
    background-position: center 1px;
    padding-bottom: 1.2rem;
    width: auto;
}

.button.clear:hover::after {
    right: 0px;
    left: 0;
    background-position: 12px 1px;

}

.lead, .intro {
    font-size: 1.125rem;
    line-height: 1.6;
}

@media print, screen and (min-width: 40em) {


    .lead {
        font-size: 1.5rem;
        line-height: 1.6;
    }

}

.cell > .button:only-child {
    margin-bottom: 1.5rem;
}

.button.hollow:hover img.icon {
    filter: brightness(0) saturate(100%) invert(38%) sepia(10%) saturate(1480%) hue-rotate(160deg) brightness(91%) contrast(85%);
}

.component--promo--banner--cta.cell > .button:only-child {
    margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
    .button, a.button, button {
        font-size: 1.25rem;
    }

    .cell > .button:only-child {
        /* margin-bottom:0; */
    }

    div > .button,
    p > .button {
        margin: 0 .875rem 1rem 0;
    }
}

.sidebar_wrapper .contact--us--wrapper.section-margin {
    margin-top: 0;
}

.contact--us--wrapper.section-margin #contactUsBlock {
    padding-left: 0 !important;
}

.contact--us--wrapper.section-margin #contactUsBlock .button {
    margin-bottom: 0;
}

h2, .h2 {
    margin-top: var(--section-top-padding--mobile);
    margin-bottom: 2rem;
    line-height: 1.2;
}

h3, .h3 {
    margin-top: 2rem;
}

h4, .h4 {
    margin-top: 1rem;
}

h5, .h5, h6, .h6 {
    margin-top: .5rem;
}

@media print, screen and (min-width: 40em) {
    h2, .h2 {
        margin-top: var(--section-top-padding);
    }

    h3, .h3 {
        margin-top: 3rem;
    }

    h4, .h4 {
        margin-top: 3rem;
    }

    h5, .h5, h6, .h6 {
        margin-top: 3rem;
    }

}


.breadcrumbs li {
    line-height: 2;
}

.breadcrumbs li a {
    padding: .875rem .25rem;
}

.hostname {
    margin-left: .25rem;
    text-decoration: none;
}

.panel h2, .panel .h2, .split-content h2, .split-content .h2,
.panel h3, .panel .h3, .split-content h3, .split-content .h3,
section h2, section .h2 {
    margin-top: 0;
}

.split-content h2, .split-content .h2 {
    margin-top: -.5rem;
}

.stacked-content h2 { /* margin-top: 2rem; */
}

.stacked-content .responsive-embed {
    margin-bottom: 0;
}

.video-content .content-sc,
.img-content .content-sc {
    margin-top: 2rem;
}

.split-content > .content-sc {
    margin-top: 0;
}

.video-content .content-sc > p:last-child,
.img-content .content-sc > p:last-child {
    margin-bottom: 0;
}

section h2:not(:first-child) {
    margin-top: var(--section-top-padding--mobile);
}

@media print, screen and (min-width: 65em) {
    section h2:not(:first-child) {
        margin-top: var(--section-top-padding);
    }

    .split-content h2, .split-content .h2 {
        margin-top: -.75rem;
    }

    .split-content h3, .split-content .h3 {
        margin-top: -.5rem;
    }
}

.text--balance {
    text-wrap-style: balance;
}

.wrapper--max--container {
    padding-left: calc(50% - 402.5px);
    padding-right: calc(50% - 402.5px);
    row-gap: 1rem;
}

.underline-hover a {
    color: var(--black);
    background-image: linear-gradient(transparent calc(100% - 2px), var(--uthblue) 1px);
    background-size: 0% 2px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease, background-position 0.3s ease;
    text-decoration: none !important;
    display: inline;
}

.label {
    color: var(--black);
    border: var(--medium-gray) solid 1px;
}

.azlist {
    border: var(--uthorange) solid 1px;
    border-radius: 3px;
    background-color: #ffffffba;
    padding: .875rem 1.125rem;
    border: 2px solid #F5F4F3;
    margin-bottom: 2rem;
}

.azlist > ul {
    list-style-type: none;
    display: flex;
    margin-left: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    row-gap: 1rem;
    margin-bottom: 0;
}

.azlist > ul > li > a {
    font-weight: 800;
    text-decoration: none;
    color: var(--uthblue);
    cursor: pointer;
    padding: .6rem .975rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.azlist > ul > li {
    margin-bottom: 0;
    line-height: 1.2;
    align-content: center;
    /* display: block; */
    margin-right: .25rem;
    color: #828282;
    font-size: 1.25rem;
    font-weight: 800;
    /* border: #ccc solid 1px; */
    padding: 1rem 0;
}

.underline-hover a:hover {
    background-size: 100% 2px;
}

a.link-fancy {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 1.25rem;
    text-decoration: none !important;
    color: var(--uthorange);
    display: inline-block;
    padding: 0;
    margin-bottom: 1.25rem;
    /* margin-right: 3.5rem; */
    position: relative;
    text-wrap-style: balance;
    padding-right: 2.125rem;
    /* padding-right: 2rem; */
    /* margin-right: -3rem; */
}

p > a.link-fancy {
    margin-bottom: 0;
}

p:last-of-type > a.link-fancy:last-child {
    margin-bottom: 0;
}

a.link-fancy::after {
    content: "";
    width: 20px;
    height: 17px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'><path d='M22 3.14286C22 1.40937 20.5906 0 18.8571 0H3.14286C1.40937 0 0 1.40937 0 3.14286V18.8571C0 20.5906 1.40937 22 3.14286 22H18.8571C20.5906 22 22 20.5906 22 18.8571V3.14286ZM18.5134 11.8348L13.0134 17.3348C12.5518 17.7964 11.8054 17.7964 11.3487 17.3348C10.892 16.8732 10.8871 16.1268 11.3487 15.6701L14.8353 12.1835L4.32143 12.1786C3.6683 12.1786 3.14286 11.6531 3.14286 11C3.14286 10.3469 3.6683 9.82143 4.32143 9.82143H14.8353L11.3487 6.33482C10.8871 5.87321 10.8871 5.12679 11.3487 4.67009C11.8103 4.21339 12.5567 4.20848 13.0134 4.67009L18.5134 10.1652C18.975 10.6268 18.975 11.3732 18.5134 11.8299V11.8348Z' fill='%23AE6042'/></svg>");
    transition: margin 0.25s ease-in;
    background-size: contain;
    background-repeat: no-repeat;
    /* display: inline-block; */
    top: 9px;
    position: absolute;
    margin-left: .5rem;
    margin-right: 0;
}


a.link-fancy:hover::after {
    margin-left: .75rem;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'><path d='M22 3.14286C22 1.40937 20.5906 0 18.8571 0H3.14286C1.40937 0 0 1.40937 0 3.14286V18.8571C0 20.5906 1.40937 22 3.14286 22H18.8571C20.5906 22 22 20.5906 22 18.8571V3.14286ZM18.5134 11.8348L13.0134 17.3348C12.5518 17.7964 11.8054 17.7964 11.3487 17.3348C10.892 16.8732 10.8871 16.1268 11.3487 15.6701L14.8353 12.1835L4.32143 12.1786C3.6683 12.1786 3.14286 11.6531 3.14286 11C3.14286 10.3469 3.6683 9.82143 4.32143 9.82143H14.8353L11.3487 6.33482C10.8871 5.87321 10.8871 5.12679 11.3487 4.67009C11.8103 4.21339 12.5567 4.20848 13.0134 4.67009L18.5134 10.1652C18.975 10.6268 18.975 11.3732 18.5134 11.8299V11.8348Z' fill='%234e738a'/></svg>");

}

a.link-fancy::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2.125rem;
    height: 2px;
    /* thickness of underline */
    width: 100%;
    background-color: var(--uthblue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

a.link--underline:hover::before {
    transform: scaleX(1);
}

a.link--underline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3rem;
    height: 2px;
    /* thickness of underline */
    width: 83%;
    background-color: var(--uthblue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}


a.link-fancy:hover::before {
    transform: scaleX(1);
}


.cta-collection {
    margin: 0;
    list-style: none;
    justify-content: center;
    font-size: 1.5rem;
    padding: 0;
    display: block;
    align-items: center;
    text-align: center;
}

.cta-collection li {
    /* float: left; */
    position: relative;
    cursor: default;
    width: auto;
    padding: 0;
    margin: 0;
    align-content: center;
    align-items: center;
    padding: 0;
    margin-bottom: 0;
    align-self: center;
}

.cta-collection li a {
    text-decoration: none;
    color: var(--uthorange);
    font-weight: 600;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    padding: .65rem 0;
}

.cta-collection li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    height: 2px;
    /* thickness of underline */
    width: 100%;
    background-color: var(--uthblue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.cta-collection li a:hover::after {
    transform: scaleX(1);
}

.cta-collection li:not(:last-child)::after {
    display: none;
}


.intro.font__serif,
.lead.font__serif {
    font-family: "EB Garamond", "Times New Roman", serif;
    font-size: 1.4rem;
    font-weight: 650;
    letter-spacing: .5px;
    margin-top: 0;
}

@media print, screen and (min-width: 40em) {
    a.link-fancy {
        font-size: 1.5rem;
    }

    a.link-fancy::after {
        top: 11px;
    }

    .intro.font__serif,
    .lead.font__serif {
        font-size: 1.875rem;
    }

    .lead, .intro {
        font-size: 1.5rem;
        line-height: 1.8;
    }

    .cta-collection {
        margin: 0;
        list-style: none;
        font-size: 1.5rem;
        /* padding: 3rem 0 0 0; */
        justify-content: center;
        display: flex;
        align-items: center;
        align-self: center;
        align-content: center;
    }

    .cta-collection li:first-child {
        padding-left: 0;
    }

    .cta-collection li:not(:last-child)::after {
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0;
        width: 2px;
        height: 100%;
        content: "";
        background-color: #dfe3e5;
    }

    .cta-collection li a {
        display: inline-block;

    }

    .cta-collection li {
        width: auto;
        padding: 0 1.5rem;
        align-content: center;
        align-items: center;
    }

    .cta-collection li:last-child {
        padding-right: 0;
    }
}

.link-list {
    margin-left: 0;
    margin-bottom: 3rem;
    margin-top: -.5em;
}

.card-section_wrapper > .link-list > li {
    list-style: none;
    margin-bottom: 0;
    align-content: start;
    line-height: 1.7;
    border-bottom: 0;
    padding: 0;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.card-section_wrapper > .link-list > li > a {
    display: inline-block;
    padding: .3125rem 0;
}

div > .link-list:last-child {
    margin-bottom: 0;
}

.card div > .link-list {
    margin-bottom: 2rem;
}

.link-list > li {
    list-style: none;
    margin-bottom: 0;
    align-content: start;
    line-height: 1.7;
    border-bottom: 1px solid var(--medium-gray);
    padding: .5em .5em;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.bg-light-gray .link-list li > a,
.bg-light-sand .link-list li > a {
    color: var(--uthorange-10-darker);
}

.link-list li > a {
    color: var(--uthorange);
    text-decoration: none;
    /* font-weight: 400; */
}

.link-list li > a:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.25px;
    text-underline-offset: 1.5px;
}

ol {
    margin-left: 1.4rem;
}

ol.publication-list {
    font-size: 1.125rem;
    list-style-type: none;
    margin-left: 0;
}

ol.publication-list > li {
    margin-bottom: 1.5rem;
}


@media print, screen and (min-width: 40em) {
    .two-column-list, .two-col {
        column-gap: 24px;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        padding-left: 0;
    }

    .three-column-list, .three-col {
        column-gap: 24px;
        columns: 3;
        margin-left: 0;
        flex-wrap: wrap;
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        padding-left: 0;

    }
}

@media print, screen and (min-width: 65em) {
    .three-column-list, .three-col {
        columns: 3;
    }
}

/* ========================================
2. Background images / Tapestry Background, background block paddings.
======================================== */
.component--promo--banner {
    padding-top: var(--section-top-padding--mobile);
    padding-bottom: var(--section-top-padding--mobile);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center;
}

.component--promo--banner p:last-child { /* margin-bottom:0; */
}

.component--promo--banner a {
    color: var(--white);
}

.component--promo--banner a:hover {
    color: var(--white);
}

.component--promo--banner h2:last-child {
    margin-bottom: 0;
    /* padding-bottom: 1.5rem; */
    /* font-weight:500; */
}

@media print, screen and (min-width: 65em) {
    .component--promo--banner {
        text-align: left;
    }

    .sidebar--template .component--promo--banner {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .component--promo--banner {
        padding-top: var(--section-top-padding);
        padding-bottom: var(--section-top-padding);
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.component--promo--banner h2 {
    margin-top: -8px;
    margin-bottom: 1.5rem;
}

.component--promo--banner--cta > .button {
    margin-bottom: 0;
}

.component--promo--banner--cta {
    margin-top: 0rem;
}

.bg--wrapper--padding {
    padding: 1.5rem 2rem 2.75rem 2rem;
}

.bg-img_tapestry {
    position: relative;
    z-index: 0;
}

.bg-img_tapestry::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: url('data:image/svg+xml,<svg width="2112" height="2120" viewBox="0 0 2112 2120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M832.83 1010.26L654.016 1096.48L776.759 1351.04L955.574 1264.82L832.83 1010.26Z" fill="black" fill-opacity="0.04"/><path d="M1139.84 909.888L885.801 1032.38L971.562 1210.24L1225.6 1087.75L1139.84 909.888Z" fill="black" fill-opacity="0.04"/><path d="M1334.71 768.266L1155.9 854.487L1278.64 1109.05L1457.46 1022.82L1334.71 768.266Z" fill="black" fill-opacity="0.04"/><path d="M844.648 392.152C820.577 342.232 759.775 318.173 709.958 342.194C660.14 366.215 641.251 429.923 665.162 479.512L906.185 979.371L1085.66 892.832L844.318 392.311L844.648 392.152Z" fill="black" fill-opacity="0.04"/><path d="M1446.88 1641.14C1470.95 1691.06 1451.92 1753.61 1402.1 1777.64C1352.28 1801.66 1290.67 1776.76 1266.6 1726.84L1025.58 1226.99L1205.05 1140.45L1446.39 1640.97L1446.88 1641.14Z" fill="black" fill-opacity="0.04"/><path d="M593.974 513.023C569.904 463.103 509.101 439.044 459.284 463.065C409.467 487.086 390.577 550.794 414.488 600.383L534.044 848.329L713.518 761.79L593.485 512.852L593.974 513.023Z" fill="black" fill-opacity="0.04"/><path d="M1095.4 271.243C1071.33 221.323 1010.53 197.264 960.714 221.285C910.896 245.306 892.007 309.014 915.918 358.603L1035.47 606.549L1215.28 519.85L1095.24 270.912L1095.4 271.243Z" fill="black" fill-opacity="0.04"/><path d="M1195.41 1760.35C1219.48 1810.27 1200.45 1872.83 1150.63 1896.85C1100.81 1920.87 1039.2 1895.98 1015.13 1846.06L895.895 1598.77L1075.37 1512.23L1195.08 1760.51L1195.41 1760.35Z" fill="black" fill-opacity="0.04"/><path d="M1696.84 1518.57C1720.91 1568.49 1701.88 1631.05 1652.06 1655.07C1602.24 1679.09 1540.63 1654.2 1516.56 1604.28L1397.32 1356.99L1577.13 1270.29L1696.84 1518.57Z" fill="black" fill-opacity="0.04"/><path d="M360.17 1196.19L854.055 958.045L767.178 777.87L272.633 1016.33C222.816 1040.35 200.534 1100.4 224.605 1150.32C248.675 1200.24 307.394 1220.82 357.2 1197.62C357.2 1197.62 359.84 1196.35 360.17 1196.19Z" fill="black" fill-opacity="0.04"/><path d="M602.789 1699.37L1096.67 1461.23L1009.8 1281.05L515.252 1519.51C465.435 1543.53 443.153 1603.58 467.224 1653.5C491.294 1703.42 550.013 1724 599.82 1700.8C599.82 1700.8 602.459 1699.53 602.789 1699.37Z" fill="black" fill-opacity="0.04"/><path d="M1838 1103.77L1344.12 1341.92L1257.24 1161.74L1752.12 923.123C1801.93 899.102 1862.79 919.06 1886.86 968.98C1910.93 1018.9 1890.47 1077.66 1841.3 1102.18C1841.3 1102.18 1838.66 1103.46 1838.33 1103.62" fill="black" fill-opacity="0.04"/><path d="M481.494 1447.79L724.642 1330.55L637.766 1150.37L393.957 1267.93C344.14 1291.95 321.859 1352 345.929 1401.92C369.999 1451.84 428.718 1472.42 478.525 1449.22C478.525 1449.22 481.164 1447.95 481.494 1447.79Z" fill="black" fill-opacity="0.04"/><path d="M1716.73 852.182L1473.58 969.424L1386.7 789.25L1630.51 671.69C1680.33 647.669 1741.19 667.627 1765.26 717.547C1789.33 767.466 1768.87 826.227 1719.7 850.75C1719.7 850.75 1717.06 852.023 1716.73 852.182Z" fill="black" fill-opacity="0.04"/><path d="M1595.38 600.592L1101.49 838.735L1014.62 658.561L1509.49 419.941C1559.31 395.92 1620.17 415.877 1644.24 465.797C1668.31 515.717 1647.85 574.478 1598.68 599.001C1598.68 599.001 1596.04 600.274 1595.71 600.433" fill="black" fill-opacity="0.05"/></svg>');
    background-repeat: no-repeat;
    background-size: clamp(70rem, 80vw, 80rem);
    background-position: center;
    pointer-events: none;
}

.bg-img_tapestry.bg-full-width::before {
    background-size: 200vw;
    background-position: 50% 50%;
}

@media print, screen and (min-width: 40em) {
    .component--promo--banner h2 {
        margin-top: -15px;
        margin-bottom: 1.5rem;
    }

    .component--promo--banner--cta {
        margin-top: .75rem;
    }

    .bg-img_tapestry.bg-full-width::before {
        background-size: 160vw;
        background-position: 50% 50%;
    }
}

/* ========================================
3. Callouts
======================================== */

.callout__alerts {
    background-color: var(--dark-gray);
    margin-bottom: 0;
    border: none;
    color: var(--white);
    /* padding: 1.25rem 4rem 1.25rem 0; */
}

.callout__alerts .close-button {
    color: var(--white);
    font-family: var(--font-sans-stack);
    /* top: 0; */
    /* right: 0; */
    margin-right: 0;
    padding-right: 0;
    font-size: 2.75rem;
    font-weight: 200;
    width: auto;
    /* max-width: 10px; */
}

@media print, screen and (min-width: 65em) {
    .callout__alerts .close-button {
        /* font-size: 4rem; */
    }
}

.callout__alerts a {
    color: var(--white);

}

.callout__alerts a:hover {
    color: var(--light-gray);
}

.callout__alerts.callout--severe {
    background-color: #9A0000;
}

.callout__alerts p:last-child {
    margin-bottom: 0;
}

.callout__alerts.callout--moderate {

    background-color: #0057BE;
}

.callout__alerts.callout--low {
    background-color: var(--dark-gray);
}

.main-content_wrapper .callout {
    background-color: var(--light-gray);
    border: 0;
}

/* ========================================
    4. Dropdown Buttons
    ======================================== */

.dropdown-button-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: .5rem 0;
    width: 100%;
}

.dropdown-button-menu li {
    padding: .125rem;
    margin-bottom: 0;
}

.dropdown-button-menu li:hover {
    background-color: var(--light-gray);
}

.dropdown-button-menu li > a:hover {
    text-decoration: underline;
    text-decoration-thickness: .25px;
    text-underline-offset: 1.5px;
}

.button.dropdown[aria-expanded=true] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown--wrapper {
    width: 100%;
    position: relative;
    max-width: 100%;
}

@media print, screen and (min-width: 40em) {
    .dropdown--wrapper {
        display: inline-block;
    }
}

@media print, screen and (min-width: 65em) {
    .dropdown--wrapper {
        width: auto;
        display: inline-block;
    }
}

/* ========================================
   5. Blockquote
   ======================================== */
blockquote {
    font-family: var(--font-serif-stack);
    letter-spacing: 0.125px;
    font-weight: 600;
    margin: 0 auto;
    padding: 2.5rem 0 1rem 0;
    padding: 1.75rem 1.5rem 2.5rem 2.75rem;
    border-top: 2px solid var(--uthblue);
    border-left: none;
    border-bottom: 2px solid var(--uthblue);
    position: relative;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 100%;
    font-size: clamp(1rem, 4vw, 1.75rem);
}

blockquote p {
    color: var(--black);
    margin-bottom: 0;

}

blockquote::before {
    content: " ";
    position: absolute;
    width: 25px;
    height: 20px;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="45" viewBox="0 0 50 45" fill="none"><path d="M18.5214 25.4062V45H0.299805V29.5312C0.299805 21.1562 1.30687 15.0938 3.321 11.3438C5.96454 6.34375 10.1502 2.5625 15.8778 0L20.032 6.5625C16.5702 8 14.0211 10.1562 12.3846 13.0312C10.7481 15.8438 9.83545 19.9688 9.64663 25.4062H18.5214ZM47.7892 25.4062V45H29.5676V29.5312C29.5676 21.1562 30.5747 15.0938 32.5888 11.3438C35.2324 6.34375 39.418 2.5625 45.1457 0L49.2998 6.5625C45.838 8 43.2889 10.1562 41.6524 13.0312C40.0159 15.8438 39.1033 19.9688 38.9144 25.4062H47.7892Z" fill="%23ae6042"/></svg>');
    background-size: contain;
    left: 0.5em;
    top: 1.5rem;
}

blockquote cite {
    font-size: 1rem;
    color: var(--black);
    margin-top: 1.25rem;
    font-style: normal;
}

@media print, screen and (min-width: 40em) {
    blockquote {
        padding: 2.125rem 1.5rem 2.5rem 5.5rem;
        max-width: 31em;
        margin-top: var(--section-top-padding);
        margin-bottom: var(--section-top-padding);
    }

    #news-uth blockquote {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    blockquote::before {
        width: 45px;
        height: 40px;
    }

    blockquote cite {
        font-size: 1.25rem;
    }
}


/* ========================================
   6. Cards
   ======================================== */

.card h3 > a:after {
    content: '' !important;
}

.card .card-svg-container {
    width: 100%;
    /* height: 5rem; */
}

.card {
    margin-bottom: 0;
}

.card__button--wrapper {
    padding-top: 1.5rem;
}

.card--pull--bottom--button {
    margin-top: 3.25rem;
}

.card--pull--bottom--button .button {
    margin-bottom: 0;
}

.card-svg-container svg, .card-svg-container img {
    padding: 0 0 1rem 0;
    width: 4.5rem;
    height: 4.5rem;
    text-align: left;
    width: auto;
    margin-bottom: .75rem;
}

.factoid-icon-text span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    color: #383737;
    color: var(--uthorange);
    /* color:var(--uthorange-10-darker); */
    font-size: 2.75rem;
    top: -4px;
    position: relative;
}


.card-svg-container i {
    font-size: 2.75rem;
    margin-top: .25rem;
    height: 4rem;
    /* height: 100%; */
    display: block;
    margin-bottom: 1.25rem;
    background: linear-gradient(90deg, #4E738A 25%, #2E5065 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card .card-svg-container i {
    width: 3.5rem;
    height: 3rem;
}

.factoid .card-svg-container i {
    margin-left: 0;
    margin-bottom: 0;
}

.card-img-container {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: block;
    border-radius:: 0;
}

.card-img-container img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    aspect-ratio: 16 / 9;
}

.card > .card-section p:not(.story-date) {
    font-size: 1.1875rem;
}

.card-block {
    row-gap: 2rem;
}

@media print, screen and (min-width: 40em) {

    .card-block {
        row-gap: 3rem;
    }
}

.card-block.card--block--img > .cell > .card {
    border: none;
}

ul.compact-list {
    margin-left: 0;
}

ul.compact-list li {
    display: inline-block;
    margin-bottom: 0;
}

ul.compact-list li::after {
    content: '•';
    font-size: 1.75rem;
    color: var(--darksage);
    margin-left: .25rem;
    margin-right: .25rem;
    display: inline-block;
    position: relative;
    top: .25rem;
}

ul.compact-list li:last-of-type::after {
    content: none;
}

.card-block.card--block--img > .cell > .card > .card-section {
    border: 2px solid #F5F4F3;
    border-radius: 4px;
    border-top: 0;
    webkit-border-top-left-radius: 0;
    webkit-border-top-rightt-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}

.card .card-divider {
    background: linear-gradient(to right, #ae6042, #934e35);

    padding: .65em 1em;
    display: block;
}

.card .card-divider > a {
    word-break: normal !important;
}

.card:has(.card-divider) .card-img-container img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}

.card-divider {
    position: relative;
    z-index: 0;
}

.card-divider a {
    text-decoration: none;
    color: #fff;
}

.card-divider a:hover {
    text-decoration: underline;
}

.grid-x .cell:nth-of-type(2) .card .card-divider {
    background-color: var(--uthblue);
    background: linear-gradient(to right, #4e738a, #446479);

}

.grid-x .cell:nth-of-type(3) .card .card-divider {
    background-color: var(--darksage);
    background: linear-gradient(to right, #587e6a, #426352);
}

.grid-x .cell:nth-of-type(4) .card .card-divider {
    background-color: var(--darksage);
    background: linear-gradient(to right, #7D708f, #675b77);
}

.card .card-divider h2,
.card .card-divider h3,
.card .card-divider h4 {
    color: white;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4em;
    text-wrap-style: balance;
}

.card .card-divider > a {

    text-decoration: none;
}

/* ========================================
   7. Tables
   ======================================== */
table {
    font-size: 1rem;
}

.gsc-above-wrapper-area-container > tbody {
    border: none;
}

.gsc-control-cse {
    padding: 0 !important;
}

table td > p:last-child {
    margin-bottom: 0;
}

.table-scroll-container {
    position: relative;
    max-width: 100%;
}

.table-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-scroll-wrapper table {
    border-collapse: collapse;
    width: 100%;
    min-width: 35em;
}

.table-scroll-wrapper th,
.table-scroll-wrapper td {
    padding: 0.75em 1em;
    text-align: left;
    border-bottom: 1px solid #ddd;
    min-width: 150px;
    word-break: break-word;
}

/* Right-side shadow */
.scroll-shadow {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left, rgba(199, 199, 199, 0.65), transparent);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

/* Only show on small screens */
@media (max-width: 768px) {
    .scroll-shadow {
        display: block;
    }
}

/* ========================================
 8. Images, FigCaptions
 ======================================== */
figure figcaption, .caption {
    margin-top: .5rem;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

figure figcaption .img-author {
    color: var(--uthgray);
    margin-top: .25rem;
    display: block;
}

/*img {
    border-radius: 4px;
}*/


/* ========================================
8. Images, FigCaptions
 ======================================== */
.news-block-feed_wrapper .card,
.news-list-feed_wrapper .card {
    border: none;
    align-items: flex-start;
    border-bottom: none;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    position: relative;
    overflow: visible;
    border-radius: 0;
    margin-bottom: 0;
    /* padding-left: 1.5rem; */
    /* padding-right: 1.5rem; */
}

.float-right-stack-for-small {
    float: none;
    max-width: 65vw;
    padding-left: 0;
    padding-bottom: 0;
}

.float-left {
    margin-bottom: 1rem;
}

@media only screen and (min-width: 40em) {

    .float-right-stack-for-small {
        float: right;
        max-width: 16rem;
        padding-left: .75rem;
        padding-bottom: .75rem;
        padding-top: 2.5rem;
    }

}

@media only screen and (min-width: 40em) {
    .img-left-float {
        width: 22vw;
        max-width: 400px;
        min-width: 330px;
        padding-right: 2em;
        padding-bottom: 2em;
        margin-top: 2.5rem;
    }
}

/* ========================================
9. Newsfeed Layouts - Lists and Blocks
 ======================================== */
.news-block-feed_wrapper > .news-block-grid > .cell:nth-child(1),
.news-block-feed_wrapper > .news-block-grid > .cell:nth-child(2) {
    border-right: none;
    border-bottom: #F5F4F3 solid 2px;
    margin-bottom: 3.25rem;
}

.news-list-feed_wrapper > .news-listing > .cell {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: #F5F4F3 solid 2px;
}

@media print, screen and (min-width: 40em) {

    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(1),
    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(2) {
        border-bottom: none;
    }

    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(1),
    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(2) {
        border-right: none;

    }

}

@media only screen and (min-width: 65em) {
    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(1),
    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(2) {
        margin-bottom: 0;
    }

    .news-block-feed_wrapper > .news-block-grid > .cell:nth-child(1),
    .news-block-feed_wrapper > .news-block-grid:not(.large-up-2) > .cell:nth-child(2) {
        border-right: #F5F4F3 solid 2px;
    }

    .news-block-feed_wrapper > .news-block-grid > .cell:last-child {
        border-right: 0;
    }
}

.news-block-feed_wrapper .card > .card-section {
    padding: 1rem 0;
}

.news-block-feed_wrapper .card > .card-section a {
    text-decoration: none;
    display: inline;
}

.news-block-feed_wrapper .card > .card-section a:hover {
    text-decoration: underline;
}

.news-block-feed_wrapper h2 {
    margin-bottom: 1rem;
}

.news-block-feed_wrapper .card > .card-section a:before {
    aspect-ratio: 16 / 9;
    bottom: auto;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 0;
    /* border-radius: 0; */
}


.news__item__img__container {

}

.news-block-feed_wrapper .more-link {
    margin-top: 1.5rem;
    border: none;
}

@media print, screen and (min-width: 40em) {
    .news-block-feed_wrapper .more-link {
        margin-top: -.25rem;
    }

}

.news-block-feed_wrapper .card > .card-section h3 {
    font-size: 1.75rem;
    margin-top: .9rem;
    line-height: 1.4;
}

.news-block-feed_wrapper .card > .card-section h3.no-label {
    margin-top: .3rem;
}

.news-block-feed_wrapper .card .card-img-container {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin-bottom: 1rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
}

.news-block-feed_wrapper .card .card-img-container img {
    height: auto;
    width: 100%;
    object-fit: contain;
    background-color: var(--black);
    object-position: top;
    border-radius: 4px;
    border-radius: none;
}

.story-date {
    color: var(--uthgray);
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.news-category {
    color: var(--uthorange);
    text-transform: uppercase;
    font-weight: 800;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    margin-bottom: 0rem;
    margin-top: -5px;
    padding: 0;
}

.news__item {
    position: relative;
}

.news__item {
    margin-bottom: 4rem;
}

.news__item__content__container > h3 {
    margin-top: 0;
}

.news__item__content__container {
    padding-left: 0;
    margin-top: 1rem;
}

.news__item__content__container a {
    text-decoration: none;
}

.news__item__content__container a:hover {
    text-decoration: underline;
}

.news__item__content__container h3 {
    line-height: 1.2;
    margin-bottom: 0.6em;
    clear: both;
    font-weight: 700;
}

.news__item__content__container h3 a {
    font-family: var(--font-serif-stack);
    font-size: 1.75rem;
    display: inline;
    font-weight: 600;
}

.news__item__content__container a::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}

.news__item__content__container a:before {
    aspect-ratio: 16 / 9;
    bottom: auto;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    z-index: 0;
    /* border-radius: 0; */

}

.news__item__img__container {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: block;
}

.news__item__img__container img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: contain;
    background-color: var(--black);
}

.news-listing .news__item {
    margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {

    .news__item__content__container {
        padding-left: 4rem;
        margin-top: -.4rem;
    }
}

/* ========================================
10. EVENT Layouts - Lists and Blocks
 ======================================== */

.events a:not(.button) {
    text-decoration: none;
    display: inline;

}

.events .dateTime {
    color: var(--uthorange);
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.32px;
    text-transform: uppercase;
}

.events-layout h3 {
    margin-top: .75rem;
}

.events a:hover h3 {
    text-decoration: underline;

}

.events h3 a {
    font-size: 1.75rem;
    font-weight: 600;
    font-family: var(--font-serif-stack);
    /* text-decoration: none; */
    margin-top: .75rem;
    /* display:inline; */
}

.event-item {
    overflow: visible;
    padding-bottom: 1rem;
    padding-top: 1.25rem;
}

.event-block-feed_wrapper .events-layout .cell {
    position: relative;
    margin-bottom: 1.5rem;
}

.event-block-feed_wrapper .events-layout .cell, .event--list--feed--wrapper .events-layout .cell {
    border-bottom: #F5F4F3 solid 2px;
}

.event-block-feed_wrapper .events-layout .cell:last-child,
.event--list--feed--wrapper .events-layout .cell:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}


/* ========================================
11. Split Content, Text w/ image, Text w/ video
======================================== */
.split--content--padding {
    padding: 3.75rem 0 3.5rem 0;
}

@media print, screen and (min-width: 40em) {
    .split--content--padding {
        padding-top: var(--section-top-padding);
        padding-bottom: var(--section-top-padding);

    }
}

@media print, screen and (min-width: 65em) {


}

.split-content .image-sc {
    padding-bottom: 0;
    padding-bottom: 1.125rem;
}

.uthealth .split-content h2 {
    margin-top: 0;
}

.split-content .image-sc {
    padding-bottom: 0;
    padding-bottom: 0;
}

.split-content .content-sc {
    padding-top: 0;
    padding-bottom: 0;
    /* padding-right: 0; */
    /* padding-left: 1.5rem; */
}

.split-content .content-sc.large-order-1 {
    padding-left: 0;
}

.split-content p .button {
    /* margin-bottom:0; */
    /* column-gap: 3rem; */
    /* display: flex; */
}

[class*="bg-"].split-content > .content-sc {
    padding-left: 2rem;
    padding-right: 2rem;
}

.split-content .content-sc > p:first-child {
    margin-top: -9px;
}

.split-content .content-sc > p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 640px) {
    .split-content .content-sc > p:last-child .button {
        margin-bottom: 0;
    }

    .split-content .content-sc > p:last-child .button:last-child {
        margin-bottom: 0;
    }

    .split-content .content-sc > p:last-child .button {
        margin-bottom: 1rem;
    }
}


.split-content .image-sc img {
    margin-bottom: 2rem;
}

.split-content .video-container {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 65em) {
    .split-content .video-container {
        padding-right: 0;
    }

    .split-content .video-container.large-order-1 {
        padding-right: 0;
    }

    .split-content .image-sc img {
        margin-bottom: 0;
    }

    .event-block-feed_wrapper .events-layout .cell:nth-child(1),
    .event-block-feed_wrapper .events-layout .cell:nth-child(2) {
        border-right: #F5F4F3 solid 2px;
        border-bottom: none;
        padding-right: 1.5rem;
    }

    .event-block-feed_wrapper .events-layout .cell:last-of-type {
        border-right: 0;
    }

    .split-content .content-sc {
        /* align-content: center; */
        margin-bottom: 0;
    }

    .split-content .content-sc.large-order-1 {
        padding-right: 2.6rem;
    }

    .split-content .image-sc img {
        object-fit: contain;
        width: 100%;
        /* height: 100%; */
        /* aspect-ratio: 16 / 9; */
        /* object-position: top; */
    }

    .split-content .image-sc.large-order-2, .split-content .video-sc.large-order-2 {
        padding-left: 2.6rem;
        /* border-left: #F0EEEB solid 2px; */
    }

    .split-content .image-sc.large-order-1, .split-content .video-sc.large-order-1 {
        padding-right: 2.6rem;
    }

    .split-content .content-sc.large-order-2 {
        padding-left: 2.6rem;
    }

    .video--fill--space {
        object-fit: cover;
        height: 100%;
    }

    [class*="bg-"].split-content > .content-sc {
        padding-right: clamp(1.5rem, 1vw, 2.6rem);
        padding-left: clamp(1.5rem, 1vw, 2.6rem);
        padding-top: clamp(1.5rem, 1vw, 2.6rem);
        padding-bottom: clamp(1.5rem, 1vw, 2.6rem);
    }
}

.float-left-img, .float-right-img {
    float: none !important;
    width: 100%;
    margin-bottom: 1.25rem;

}

p > .float-left-img, p > .float-right-img {
    margin-bottom: 0;
}

figure.image > img {
    width: 100%;
}

@media print, screen and (min-width: 65em) {
    .float-left-img, figure.image.align-left {
        float: left !important;
        width: 30%;
        padding-right: 1.5rem;
        padding-bottom: .5rem;
        padding-top: .35rem;
    }

    .float-left-img img {
        width: 100%;
    }

    .float-right-img, figure.image.align-right {
        float: right !important;
        width: 30%;
        padding-left: 1.5rem;
        padding-bottom: .5rem;
        padding-top: .35rem;
    }

    .float-right-img img {
        width: 100%;
    }
}

/* ========================================
  12. Factoids
  ======================================== */
/* FACTOID STYLES */
.factoid {
    row-gap: 0;
}

.factoid-container {
    border-left: none;
    padding-left: 0;
    margin-bottom: 1rem;
}

.factoid-container h2, .factoid-container p {
    margin-top: 0;
}

.factoid-container h2, .factoid-container h3 {
    font-size: 1.65rem;
    font-weight: 600;
    font-family: var(--font-serif-stack);
    margin-top: 0;
    text-wrap-style: balance;
    margin-bottom: 1.25rem;
}

.factoid-container p:last-child {
    margin-bottom: 0;
    /* color: var(--uthgray); */
    font-weight: 400;
}

.factoid-icon-text {
    padding-right: .75rem;
}

.factoid-icon-text img {
    width: 7rem;
    max-width: 3rem;
    max-height: 3rem;
    margin-top: .3rem;
    margin-bottom: 1rem;
}

.uthealth .factoid-content h3 {
    margin-bottom: .5rem;
    margin-top: 0;
}

.factoid .factoid-icon-text {
    padding-right: 0;
}


/* STATS */
.factoid_wrapper {
    row-gap: 0rem;
}

.factoid_wrapper .cell {
    position: relative;
    margin-bottom: .125rem;
}

.factoid_wrapper .cell:not(:last-child) {
    border-bottom: #F5F4F3 solid 2px;

}


.factoid-icon-text {
    margin-bottom: -.25rem;
}


.factoid_wrapper .factoid-container {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.factoid_wrapper .factoid-container:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media print, screen and (min-width: 40em) {
    .factoid {
        row-gap: 1.25rem
    }

    .factoid_wrapper {
        row-gap: 3rem;
        /* margin-top: 1rem; */
    }

    .factoid_wrapper .cell {
        margin-bottom: 1.125rem;
    }

    .grid-x > .factoid-container {
        /* flex: 1 1 calc(50% - 1rem); */
    }

    .factoid_wrapper .factoid-container:not(:last-child) {
        border-bottom: none;
    }

    .factoid-content {

        padding: 0;
    }

    .factoid_wrapper .factoid-container {
        border-left: #F5F4F3 solid 2px;
        padding-left: 3rem;
        padding-right: 3rem;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .factoid_wrapper .cell:first-child, .factoid_wrapper .cell:nth-child(3), .factoid_wrapper .cell:nth-child(5) {
        border: none;
    }
}

@media print, screen and (min-width: 65em) {
    .grid-x > .factoid-container {
        /* flex: 1 1 calc(33.333% - 1rem); */
    }

    .factoid_wrapper .factoid-container:not(:last-child) {
        border-bottom: none;
    }

    .factoid_wrapper .factoid-container {
        padding-left: 3rem;
        padding-right: 3rem;
        /* margin-bottom:3rem; */

    }

    .universal--sidebar .factoid_wrapper .factoid-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .factoid_wrapper .factoid-container, .factoid_wrapper .cell:not(.factoid-grid-2up):nth-child(3), .factoid_wrapper .cell:nth-child(5) {

        border-left: #F5F4F3 solid 2px;

    }

    .factoid_wrapper .cell:first-child, .factoid_wrapper .cell:nth-child(4) {
        border: none;
    }

    .factoid_wrapper > .factoid-grid-2up:nth-child(even) {
        border-left: #F5F4F3 solid 2px;

    }

    .factoid-content {
        /* padding: 0 1.5rem; */
    }
}

.link--full--width--img--title::before {
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}

/* ========================================
   13. People / Directory / Bios
   ======================================== */

.person-item {
    position: relative;
    margin-bottom: 2rem;
    max-width: 55vw;
    display: block;
    margin: 1.5rem 0 2rem 0;
}

.person-name h3 {
    line-height: 1.2;
    margin-top: 1.125rem;
}

.person-name a {
    font-family: var(--font-serif-stack);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    font-size: clamp(1.675rem, 1rem, 2rem);
    margin-top: 1.25rem;
    margin-bottom: .25rem;
    /* height: 100%; */
    display: inline;
}

.person-name a:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.25px;
    text-underline-offset: 1.5px;
}

.person-credentials {
    font-family: Roboto;
    font-size: .9375rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: .6rem;
    display: block;
}

.person-title {
    font-size: 1rem;
    color: var(--uthgray);
    margin-bottom: .4rem;
}

.person-item img {
    aspect-ratio: 4 / 5;
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    display: block;
}

#dirSearchFilter input, #dirSearchFilter select {
    margin-bottom: 1.125rem;
}

.dropdown.select,
.dropdown.select:hover, .dropdown.select:active {
    text-align: left;
    height: 2.4375rem;
    margin: 0;
    padding: .5rem;
    appearance: none;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    background-color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    color: #383737;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    /* padding-right: 0; */
    background-image: url(data:image/svg+xml;utf8,<svg xmlns= "http://www.w3.org/2000/svg" version= "1.1" width= "32" height= "24" viewBox= "0 0 32 24" ><polygon points= "0,0 32,0 16,24" style= "fill: rgb%28116, 117, 120%29" ></polygon></svg>);
}

#dirSearchFilter .dropdown.select {
    margin-bottom: 1rem;
}

#dirSearchFilter input.button.hollow {

}

#dirSearchFilter input.button {
    margin-bottom: 1.125rem;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* background-color: #222; */
    /* color: #fff; */
    padding-right: 2rem; /* space for arrow */
    position: relative;
    width: 100%;
    background-image: none;
}

/* Wrap select for positioning */
.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Custom arrow using same style */
.select-wrapper::after {
    content: "";
    position: absolute;
    right: 0.5rem;
    z-index: 99;
    top: 20px;
    transform: translateY(-50%) rotate(0deg);
    width: 15px;
    height: 15px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAxLjQgMzc0LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTYwLTE2MGMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyMjQgMzA2LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTYwIDE2MHoiLz48L3N2Zz4=);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAxLjQgMzc0LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTYwLTE2MGMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyMjQgMzA2LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTYwIDE2MHoiLz48L3N2Zz4=);
    mask-repeat: no-repeat;
    mask-size: contain;
    pointer-events: none;
    background-color: var(--uthorange);
    transition: transform .4s ease-in-out, background-color .3s ease;
}

@media print, screen and (min-width: 65em) {
    .person-name a {
        font-size: 2rem;
    }

    .person-item {
        position: relative;
        margin-bottom: 2rem;
        max-width: clamp(175px, 20vw, 220px);
        display: block;
        margin: 0 0 2rem 0;
    }

    #dirSearchFilter input, #dirSearchFilter select {
        margin-bottom: 0;
    }

    #dirSearchFilter input.button.hollow {
        margin-bottom: 0;
    }

    #dirSearchFilter input.button {
        margin-bottom: .75rem;
    }
}

.faculty-img img {
    max-width: 300px;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 0.25rem;

}

@media print, screen and (min-width: 65em) {

    .faculty-img img {
        max-width: 15.25rem;
    }
}

.faculty-into-card {
    margin-top: 3rem;
}

.faculty-content h1.faculty-name {
    margin-top: 1rem;
}

.faculty-content .faculty-titles {
    font-weight: 600;
    color: var(--uthgray);
    font-size: 1.5rem;
    margin-top: -.125rem;
    margin-bottom: 1.25rem;
}

.faculty-content .faculty-position, .faculty-content .faculty-department {
    color: var(--uthgray);
    margin-bottom: 1rem;
}

.faculty-contact-card {
    color: var(--uthgray);
}

.faculty-contact-card > div {
    margin-bottom: 1rem;
}

.faculty-contact-card > div i {
    margin-right: 1.5rem;
    width: 1rem;
    font-size: 1.25rem;
    /* font-weight: 200; */
    color: var(--uthgray);
    opacity: .7;
}

#event-detail .sidebar_wrapper i {
    margin-right: 1rem;
    width: 1rem;
    font-size: 1.25rem;
    /* font-weight: 200; */
    color: var(--uthgray);
    opacity: .7;
    width: 26px;
}

#event-detail .sidebar_wrapper p {
    font-size: 1.125rem;
}

.sidebar_wrapper .vcard {
    list-style-type: none;
    margin-left: 0;

}

.faculty-content a {
    color: var(--uthorange);
}

hr.faculty-separator {
    margin: 1.75rem 0 2.57rem 0;
}

@media print, screen and (min-width: 40em) {
    .faculty-content h1.faculty-name {
        margin-top: -1rem;
        letter-spacing: 2px;
        margin-bottom: .75rem;
        line-height: 1.1;
    }
}

/* ========================================
 14. Accordions
 ======================================== */

.accordion-controls {
    font-size: 1rem;
}

@media print, screen and (min-width: 64em) {
    .accordion-controls {
        font-size: inherit;
    }
}

@media print, screen and (max-width: 40em) {
    .accordion-title::after {
        margin-left: .5rem;
    }

    .accordion-title {

        padding: 1rem 2.25rem;

    }
}

.accordion-item h2, .accordion-item h3, .accordion-item h4 {
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
    margin-top: 0;
}


.accordion-content > h2, .accordion-content > h3, .accordion-content > h4, .accordion-content > h5 {
    font-weight: 600;
    font-size: 1.575rem;
    margin-bottom: 1.25rem;
    margin-top: 3.5rem;
}

.accordion-content ul, .accordion-content ol {
    margin-bottom: 1.75rem;
}

/* ========================================
15. Contact Us Block
======================================== */
#contactUsBlock {
    max-width: 100%;
    /* margin-top:6rem; */
    margin-bottom: 0;
}

#contactUsBlock h2 {
    margin-top: 0;
}

#contactUsBlock h3 {
    margin-top: 1rem;
}

#socialmedia-sidebar {
    margin-top: .75rem;
}

#socialmedia-sidebar a img {
    max-width: 1.65em;
}

#socialmedia-sidebar a.facebook img {
    max-width: 1em;
}

#socialmedia-sidebar a {
    margin-right: .75em;
}

.side-nav #socialmedia img {
    width: 1.125em;
    margin-right: .75em;
    color: var(--uthorange);
}

.promo--banner--heading {
    text-wrap-style: balance;
}


.component--rich--text--bg--padding {
    /* padding:2.5rem 2.5rem 1.125rem 2.5rem; */
}

.component--rich--text p:last-child, .component--rich--text p:last-child .button {
    /* margin-bottom:0; */
}

.component--rich--text p:last-child .button:not(:last-child) {
    margin-bottom: 1rem;

}

.component--rich--text p.promo--banner--blurb:first-of-type {
    margin-bottom: 1.5rem;
}

@media print, screen and (min-width: 40em) {

    .component--rich--text p:last-child .button:not(:last-child) {
        /* margin-bottom:0; */
    }
}

@media print, screen and (min-width: 65em) {
    #contactUsBlock {
        max-width: 30rem;
    }

    .component--rich--text p.promo--banner--blurb:first-of-type {
        margin-bottom: 0;
    }

    .promo--banner--blurb {
        margin-bottom: 0;
    }
}

#contactUsBlock {
    font-size: 1.0125rem;
    line-height: 1.875;
}

#contactUsBlock h2 {
    font-weight: 500;
    font-size: 1.125rem;

}

.sidebar_wrapper h3 {
    font-size: 1.375rem;
}

/* ========================================
 16. Tabs
 ======================================== */
.tabs .tabs-title a {
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    z-index: 1;
    text-decoration: none;
    font-size: 1.375rem;
    border-top: 2px solid transparent;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    border-top: #4e738a 2px solid;
    border-bottom: #4e738a 2px solid;
    font-weight: 700;
}

/* ========================================
 18. News
 ======================================== */
#stories-section {
    margin-top: 1rem;

    margin-bottom: var(--section-top-padding);
}

.main-story .gradient-img {
    display: block;
    border-bottom: none;
    position: relative;
    margin-bottom: 1.125em;
}

.news-block-container img {
    width: 15vw;
    max-width: 180px;
    margin-top: .35em;
}

.main-story p:not(.story-date) {
    margin-bottom: .45em;
}

#stories-section img {
    /*#aspect-ratio:16 /  9;*/
    object-fit: cover;
    aspect-ratio: 16 / 9;
    width: 100%;
    margin-top: 0;
}

.full-width-news .news-block-container {
    display: block;
    /* padding: 2em 0; */
    align-items: start;
    margin-bottom: 3.25em;
    gap: 20px;
    border-bottom: none;
    text-decoration: none;
}

.full-width-news .news-block-container p {
    color: var(--black);
    font-weight: 400;
}

#stories-section .top-stories {
    padding-left: 0;
    border-left: none;
}

a.category-link {
    color: var(--global--primary);
    text-decoration: none;
}

a.category-link:hover {
    text-decoration: underline;
}

#stories-section .top-stories .category-link {
    padding: 0 0 .25rem 0;
    display: block;
    border-bottom: none;
}

#stories-section .top-stories .category-link:hover {
    text-decoration: underline;
}

#stories-section .top-stories .button {
    margin-bottom: 0;
}

.main-story, .news-block-container {
    border-bottom: 2px solid #F0EEEB;
    padding-bottom: 1.25em;
    /* margin-bottom: .75em; */
}

.main-story {
    padding-right: 0;
}

.news-block-container {
    margin-top: 2em;
    display: flex;
    padding: 1em 0 1.25em 0;
    margin-bottom: .5em;
    align-items: start;
    gap: 20px;
}

.news-block-container h3 {
    line-height: 1.2;
}

.main-story h2 a {
    /* font-size:2.5rem; */
    font-weight: 600;
    /* line-height: .5rem; */
}

.main-story h2 {
    line-height: 1.3;
    font-size: 2.25rem;
    text-decoration: none;
    margin-bottom: 1.25rem;
}

.main-story a {
    text-decoration: none;
}

.news-block-container h3 a {
    font-family: var(--font-serif-stack);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
}

#stories-section .story-date {
    margin-top: 0;
    margin-bottom: 0;
}

.story-tapestry-line {
    margin: 7em 0;
    max-width: 85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid var(--light-medium-gray);
}

.story-tapestry-line::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(https://share.uth.edu/application/themes/multipage-specialty/images/orange-tapestry-only.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: var(--white);
    border: #fff solid .75em;
}

#newsSearchFilter .search-input {
    width: 100%;
    padding: 0.5rem 2.2rem 0.5rem 0.75rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: var(--white);
    font-size: .9rem;
    color: #333;
    outline: none;
    margin-bottom: 0;
}

#newsSearchFilter .search-input.large {
    font-size: 1.75rem;
    padding: 2rem 2.2rem 2rem 1rem;

}

#newsSearchFilter .search-icon {
    position: absolute;
    top: 1.3rem;
    right: .75rem;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--uthorange);
    font-size: 1.1rem;
    margin-right: 0;
}

#newsSearchFilter .input-group {
    position: relative;
    display: inline-block;

}

#newsSearchFilter .search-icon {
    right: 1rem;
}

@media print, screen and (min-width: 65em) {

    #stories-section .top-stories {
        padding-left: 1.5rem;
        border-left: #F0EEEB solid 2px;
        margin-left: 0;
    }

    .main-story {
        /* padding-right:2.25rem; */
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .news-block-container {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }
}


.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    border-radius: 4px;
    border-width: 0;
}

/* ========================================
19. TIMELINE
======================================== */
.timeline .timeline-item::after, .timeline .timeline-item::before {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

.timeline {
    margin: 30px auto;
    padding: 0 10px;
    position: relative;
    transition: all 0.25s ease-in;
    width: 100%;
}

.timeline::before {
    background: #000000;
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: 3px;
}

.timeline::after {
    clear: both;
    content: '';
    display: table;
    width: 100%;
}

.timeline a {
    color: #fefefe;
    font-weight: bold;
    transition: all 0.25s ease-in;
}

.timeline a:hover {
    box-shadow: 0 1px 0px 0px #fefefe;
    transition: all 0.25s ease-in;
}

.timeline .timeline-item {
    margin-bottom: 50px;
    position: relative;
}

.timeline .timeline-item .timeline-icon {
    background: #000000;
    border-radius: 50%;
    height: 100px;
    left: 47%;
    margin-left: -23px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
}

.timeline .timeline-item .timeline-icon img,
.timeline .timeline-item .timeline-icon svg {
    /*left: 14px;*/
    position: relative;
    top: 0;
}

.timeline .timeline-item .timeline-icon svg {
    top: 14px;
}

.timeline .timeline-item .timeline-content {
    padding: 20px;
    text-align: right;
    transition: all 0.25s ease-in;
    width: 45%;
    background: transparent;
}

.timeline .timeline-item .timeline-content p {
    color: #000000;
}

.timeline .timeline-item .timeline-content h4 {
    margin-top: 0;
}

.timeline .timeline-item .timeline-content p {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.timeline .timeline-item .timeline-content .timeline-content-date {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0;
}

.timeline .timeline-item .timeline-content .timeline-content-month {
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 400;
}

.timeline .timeline-item .timeline-content.right {
    float: right;
    text-align: left;
    padding: 1.125rem;
    transition: all 0.25s ease-in;
    background: transparent;

}

@media screen and (max-width: 39.9375em) {
    .timeline {
        margin: 1.875rem;
        padding: 0;
        width: 90%;
    }

    .timeline::before {
        left: 0;
    }

    .timeline .timeline-item .timeline-content {
        float: right;
        text-align: left;
        width: 70%;
    }

    .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
        border-left: 0;
        border-right: 7px solid #fefefe;
        left: 10%;
        margin-left: -6px;
    }

    .timeline .timeline-item .timeline-icon {
        left: 0;
        margin-left: -30px;
        top: -4px;
    }

    .timeline .timeline-item .timeline-content.right {
        padding: 20px;
        width: 70%;
    }
}

/* ========================================
20. NEWSROOM
======================================== */
.img-bg-wrapper {
    align-content: center;
    margin: auto 0;
    text-align: center;
    align-items: center;
    aspect-ratio: 16 / 9;
    background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),
    radial-gradient(circle, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
    background-blend-mode: overlay;
    box-shadow: inset 0 0 70px rgba(0, 0, 0, .75);
    color: #fff;
    padding: 0px;
    border-radius: 4px;
}

.img-bg-wrapper img {
    width: auto;
    height: 100%;
    border-radius: 0;
    margin-bottom: 0;
    object-fit: contain;
}

.story-img-wrapper {
    margin-bottom: 3rem;
    display: block;
    height: 100%;
    width: 100%;
}


#header-mobile .bg-uthorange {
    padding: .5em 0;
}


.headline {
    font-weight: 600;
    letter-spacing: 1.44px;
    margin-bottom: 0;
    margin-top: 2rem;
    font-size: clamp(2.25rem, 4vw, 3.5rem);
    line-height: 1.2;
    /* font-family: Roboto, Arial, sans-serif; */
}

.subheader {
    font-size: 1.45rem;
    margin-bottom: 2rem;
}

.separator-left::after {
    position: relative !important;
    width: 3rem;
    border-bottom: 3px solid var(--mustardgold);
    margin: .5rem auto 1.5rem;
    margin-left: 0 !important;
}

.separator-left::before, .separator-left::after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.separator-left::before, .separator-left::after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.separator-left::after {
    position: relative !important;
    width: 3rem;
    border-bottom: 3px solid var(--uthblue);
    margin: 1rem auto 1.5rem;
    margin-left: 0 !important;
}

.full-width-news .news-block-container {
    display: block;
    /* padding: 2em 0; */
    align-items: start;
    margin-bottom: 3.25rem;
    gap: 20px;
    border-bottom: none;
    text-decoration: none;
}

.full-width-news .news-block-container p {
    color: var(--black);
    font-weight: 400;
}

.story-details {
    margin-bottom: 2em;
    font-size: .975rem;
    color: #606060;
    /* font-weight: 500; */
}

#news-uth h1 { /* font-size: 2.25rem; *//* line-height: 2.625rem; */
}

#news-uth .caption {
    padding: .5rem 0;
    font-size: .875rem !important;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    letter-spacing: .25px;
    color: #6a6a6a;
}

#news-uth p a {
    text-decoration: underline;
}

aside:not(#sidebar), figure {
    padding: 0;
    border: 1px solid #ddd;
    margin: 0;
    background: #fff;
}

#youtube iframe, #flickr iframe {
    display: block;
    margin: auto !important;
}

#fig2, #fig3, #fig4, #fig5, #fig6 {
    clear: both;
    float: none;
    min-width: 100px;
    padding-left: 0;
100%;
}

figure {
    border: none !important;
    background: none !important;
}

figure img {
    border: none !important;
    width: 100%;
}

figcaption {
    font-size: 0.85rem !important;
    color: #666;
    padding-top: 0.4rem;
}

#fig2 > img, #fig3 > img, #fig4 > img, #fig5 > img, #fig6 > img {
    margin-bottom: 0;
}

#contact {
    padding: 10px;
    margin: 0px 0 20px 0;
    background-color: #eaeaea;
    border: 1px solid #ccc;
}

.related-topics-story {
    margin-top: 4em !important;
}

#vidplaceholder aside {
    margin: 0 0 1rem !important;
}

article footer {
    background: transparent;
}

.byline {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 10px 0;
    font-size: 0.85em !important;
    color: #666666;
}

.pagination .disabled {
    color: var(--uthgray);
}

/* ---- Media Queries below ---- */
@media only screen and (min-width: 64em) {
    #fig2, #fig3, #fig4, #fig5, #fig6 {
        clear: both;
        float: right;
        min-width: 100px;
        padding-left: 2rem;
        max-width: 20rem;
    }

    .videoWrapper {
        transition: 0.6s;
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #youtube {
        margin: 0;
    }

    .aside.videoWrapper {
        position: fixed !important;
        top: 120px;
        right: 0;
        width: 260px;
        height: 146.25px;
        padding: 0;
        margin-left: 1%;
        margin-right: 1%;
    }

    #vidplaceholder {
        height: 438px;
        width: 100%;
        margin-bottom: 0.5rem;
        background: #ccc;
    }
}


@media only screen and (max-width: 30em) {
    .videoWrapper {
        transition: 0.6s;
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .videoWrapper.aside iframe {
        position: absolute;
        top: 0;
        left: 0;
    }

    .aside.videoWrapper {
        position: fixed;
        width: 260px;
        padding: 0;
        height: 146.25px;
        bottom: 15px;
        right: 10px;
        z-index: 999;
    }
}

@media only screen and (min-width: 78.750em) {
    .aside.videoWrapper {
        width: 360px;
        height: 202.5px;
    }
}

@media only screen and (min-width: 90em) {
    .aside.videoWrapper {
        width: 450px;
        height: 253.125px;
    }
}