<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/******************************************************************
Site Name: UPMC HealthBeat
Author: Tessa Watkins, Flying Cork &lt;t.watkins@flyingcork.com&gt; &lt;watkinstl2@upmc.edu&gt;

Stylesheet: Main Stylesheet
Last Modified: 2024.04.02.10.58

******************************************************************/


/******************************************************************
  Site Name:
  Author:

  Stylesheet: Button Styles

  Buttons are a pretty important part of your site's style, so it's
  important to have a consistent baseline for them. Use this stylesheet
  to create all kinds of buttons.

  Helpful Links:
  http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

  ******************************************************************/


/*********************
  BUTTON DEFAULTS
  We're gonna use a placeholder selector here
  so we can use common styles. We then use this
  to load up the defaults in all our buttons.

  Here's a quick video to show how it works:
  http://www.youtube.com/watch?v=hwdVpKiJzac

  *********************/

.blue-btn,
.comment-reply-link,
#submit {
    display: inline-block;
    position: relative;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: var(--upmcWhite);
    font-size: 0.9em;
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
    padding: 0 24px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    -webkit-transition: background-color 0.14s ease-in-out;
    transition: background-color 0.14s ease-in-out;
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
    color: var(--upmcWhite);
    text-decoration: none;
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active {
    top: 1px;
}


/*
  An example button.
  You can use this example if you want. Just replace all the variables
  and it will create a button dependant on those variables.
  */

.blue-btn,
.comment-reply-link,
#submit {
    background-color: var(--upmcBlue2);
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus,
.blue-btn:active,
.comment-reply-link:active,
#submit:active {
    background-color: var(--upmcBlue2Hover);
}


/* image gallery styles */


/* end .gallery */


/* gallery caption styles */

.tags {
    margin: 20px 0;
    text-transform: lowercase;
}

.tagTitle {
    font-weight: bold;
    color: var(--upmcGreyMid2);
}


/******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/

.pagination,
.wp-prev-next {
    margin: 20px 0;
}

.pagination {
    text-align: center;
    clear: both;
}

.pagination ul {
    display: inline-block;
    background-color: var(--upmcWhite);
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px;
}

.pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.pagination a,
.pagination span {
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em 0;
    min-width: 1em;
    display: block;
    color: var(--upmcGreyLight);
}

.pagination .current {
    cursor: default;
    color: var(--upmcWhite);
    background: var(--upmcPurple);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}


/* end .bones_page_navi */


/* Titles */

h4 a,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active {
    color: var(--upmcGreyLight);
}

article&gt;section {
    padding-left: 50px;
}

.icon_hide {
    display: none;
}

.find li {
    clear: both;
}

#inner-footer {
    margin: 20px auto;
}

.hbEmailLogo {
    display: none;
}

.archive.category header.article-header&gt;div,
.page-template-page-author header.article-header&gt;div,
.archive.tag header.article-header&gt;div {
    float: left;
}

.sideLinks {
    width: 100%;
    padding: 20px;
    margin-top: -16px;
    font-weight: bold;
}

.sideLinks div {
    padding: 10px 20px;
    margin: 18px 0;
    min-height: 44px;
    color: var(--upmcWhite);
}

.sideLinks .one {
    margin-top: 0;
    background-color: var(--upmcTeal);
}

.sideLinks .two {
    background-color: var(--upmcPurple);
}

.sideLinks .three {
    background-color: var(--upmcYellow);
}

article#post-not-found&gt;div {
    float: left;
}

button#responsive-menu-button {
    top: inherit;
    right: inherit;
    background-color: var(--upmcWhite);
    width: 49px;
    height: 49px;
    z-index: 5;
}

.responsive-menu-inner,
.responsive-menu-inner::before,
.responsive-menu-inner::after,
#responsive-menu-container,
#responsive-menu-container #responsive-menu-wrapper,
#responsive-menu-container #responsive-menu li.responsive-menu-item a,
.responsive-menu-open .responsive-menu-inner,
.responsive-menu-open .responsive-menu-inner::before,
.responsive-menu-open .responsive-menu-inner::after,
.responsive-menu-open button#responsive-menu-button,
.responsive-menu-open button#responsive-menu-button:hover,
.responsive-menu-open button#responsive-menu-button:focus,
button#responsive-menu-button:hover,
button#responsive-menu-button:focus {
    background-color: var(--upmcPurple) !important;
}

.responsive-menu-open button#responsive-menu-button,
.responsive-menu-open button#responsive-menu-button:hover,
.responsive-menu-open button#responsive-menu-button:focus,
button#responsive-menu-button:hover,
button#responsive-menu-button:focus {
    background-color: var(--upmcWhite) !important;
}

button#responsive-menu-button .responsive-menu-box,
.responsive-menu-open button#responsive-menu-button:hover,
.responsive-menu-open button#responsive-menu-button:focus,
button#responsive-menu-button:hover,
button#responsive-menu-button:focus {
    color: var(--upmcPurple);
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    background-color: transparent;
}

#responsive-menu-search-box {
    display: none;
}

.upNextList {
    display: none;
}

.archive article&gt;header&gt;span,
.page-template-page-author article&gt;header&gt;span {
    display: inline-block;
    clear: both;
}

.category-cancer-care .catTitle&gt;.page-title {
    color: var(--upmcOrange);
}

.category-heart-health .catTitle&gt;.page-title {
    color: var(--upmcTeal);
}

.category-brain-health-2 .catTitle&gt;.page-title {
    color: var(--upmcPurpleBright);
}

.category-orthopedics-sports-medicine .catTitle&gt;.page-title,
.category-orthopaedics-2 .catTitle&gt;.page-title,
.category-sports-medicine .catTitle&gt;.page-title {
    color: var(--upmcRed);
}

.category-childbirth-pregnancy .catTitle&gt;.page-title {
    color: var(--upmcYellow);
}

.category-family-health .catTitle&gt;.page-title,
.category-mens-health .catTitle&gt;.page-title,
.category-pediatrics .catTitle&gt;.page-title,
.category-womens-health .catTitle&gt;.page-title {
    color: var(--upmcBlueBright);
}

.category-health-wellness .catTitle&gt;.page-title,
.category-eye-health .catTitle&gt;.page-title,
.category-fitness .catTitle&gt;.page-title,
.category-nutrition .catTitle&gt;.page-title,
.category-rehabilitation .catTitle&gt;.page-title,
.category-safety .catTitle&gt;.page-title,
.category-skin-care .catTitle&gt;.page-title {
    color: var(--upmcOrangeBright);
}

.catImg {
    display: none;
}

.archive article&gt;header,
.page-template-page-author article&gt;header {
    margin: 10px 0;
}

.archive article&gt;header&gt;div,
.page-template-page-author article&gt;header&gt;div,
.archive.category header.article-header img,
.page-template-page-author .archive.category header.article-header img {
    width: 100%;
    height: 100%;
}

.nav.top-nav {
    z-index: 10;
}

.atype {
    text-transform: uppercase;
}

article.hentry ol,
article.hentry ul {
    margin-left: 15px;
    list-style-type: inherit;
    /* indent bullets in lists */
    padding-left: 16px;
}

article.hentry .entry-content ol li,
article.hentry .entry-content ul li {
    padding-left: 0;
}

article.hentry .entry-content li {
    /* indent bullets not surrounded by a ul or ol tag */
    padding-left: 16px;
}

h1.logoH1 {
    margin: 0;
}

.tag .spacerBig {
    height: 0;
}

.medical_list {
    list-style: none;
    list-style-type: none !important;
}

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

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

.no-break {
    float: left;
    position: sticky;
    margin-left: -50px !important;
    top: 157px;
}

.no-break span {
    display: block;
}

.emailError {
    visibility: hidden;
    color: red;
}


/*userStyles */

.footer-links a {
    border: none;
}


/*
  if you checked out the link above:
  http://www.alistapart.com/articles/organizing-mobile/
  you'll want to style the footer nav
  a bit more in-depth. Remember to keep
  it simple because you'll have to
  override these styles for the desktop
  view.
  */


/* end .footer-links */


/*********************
  LARGER MOBILE DEVICES
  This is for devices like the Galaxy Note or something that's
  larger than an iPhone but smaller than a tablet. Let's call them
  tweeners.
  *********************/

@media only screen and (max-width: 329px) {
    #rpwwt-recent-posts-widget-with-thumbnails-2 img {
        max-width: inherit;
    }
}

@media only screen and (min-width: 481px) {
    /*user */
    .find ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .archive article&gt;header&gt;span,
    .page-template-page-author article&gt;header&gt;span {
        display: inline;
        clear: none;
    }
    .archive article&gt;header&gt;div,
    .page-template-page-author article&gt;header&gt;div,
    .archive.category header.article-header img,
    .page-template-page-author .category header.article-header img {
        width: auto;
        height: auto;
        margin-right: 20px;
        max-width: 330px;
    }
    .archive article&gt;header,
    .page-template-page-author article&gt;header {
        margin: 0;
    }
    /******************************************************************
    Site Name:
    Author:

    Stylesheet: 481px and Up Stylesheet

    This stylesheet is loaded for larger devices. It's set to
    481px because at 480px it would load on a landscaped iPhone.
    This isn't ideal because then you would be loading all those
    extra styles on that same mobile connection.

    A word of warning. This size COULD be a larger mobile device,
    so you still want to keep it pretty light and simply expand
    upon your base.scss styles.

    ******************************************************************/
    /*
    IMPORTANT NOTE ABOUT SASS 3.3 &amp; UP
    You can't use @extend within media queries
    anymore, so just be aware that if you drop
    them in here, they won't work.
    */
    /*********************
    NAVIGATION STYLES
    *********************/
    .entry-content .alignleft,
    .entry-content img.alignleft {
        margin-right: 1.5em;
        display: inline;
        float: left;
    }
    .entry-content .alignright,
    .entry-content img.alignright {
        margin-left: 1.5em;
        display: inline;
        float: right;
    }
    .entry-content .aligncenter,
    .entry-content img.aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both;
    }
    /* end .entry-content */
    /*********************
    FOOTER STYLES
    *********************/
    /*
    check your menus here. do they look good?
    do they need tweaking?
    */
    /* end .footer-links */
}


/*********************
  TABLET &amp; SMALLER LAPTOPS
  This is the average viewing window. So Desktops, Laptops, and
  in general anyone not viewing on a mobile device. Here's where
  you can add resource intensive styles.
  *********************/

@media only screen and (min-width: 768px) {
    /******************************************************************
    Site Name:
    Author:

    Stylesheet: Tablet &amp; Small Desktop Stylesheet

    Here's where you can start getting into the good stuff.
    This size will work on iPads, other tablets, and desktops.
    So you can start working with more styles, background images,
    and other resources. You'll also notice the grid starts to
    come into play. Have fun!

    ******************************************************************/
    /*********************
    GENERAL STYLES
    *********************/
    /*********************
    LAYOUT &amp; GRID STYLES
    *********************/
    .animate-hidden {
        height: auto;
        overflow: hidden;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -moz-transition-property: margin-top, margin-bottom, padding-top, padding-bottom, max-height;
        -ms-transition-property: margin-top, margin-bottom, padding-top, padding-bottom, max-height;
        -o-transition-property: margin-top, margin-bottom, padding-top, padding-bottom, max-height;
        -webkit-transition-property: margin-top, margin-bottom, padding-top, padding-bottom, max-height;
        transition-property: margin-top, margin-bottom, padding-top, padding-bottom, max-height;
    }
    .animate-hidden.is-hidden {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        max-height: 0 !important;
    }
    /*********************
    HEADER STYLES
    *********************/
    /*********************
    NAVIGATION STYLES
    *********************/
    .nav {
        border: 0;
        /* end .menu ul li */
        /* highlight current page */
        /* end current highlighters */
    }
    .nav ul {
        background: var(--upmcWhite);
        margin-top: 0;
    }
    .nav li {
        float: left;
        position: relative;
        /*
        plan your menus and drop-downs wisely.
        */
        /* showing sub-menus */
    }
    .nav li a {
        border-bottom: 0;
        /*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */
    }
    /* .nav li a:hover, .nav li a:focus {
            color: var(--upmcWhite);
            text-decoration: underline; }*/
    .nav li ul.sub-menu,
    .nav li ul.children {
        margin-top: 0;
        border: 1px solid #ccc;
        border-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
        /* highlight sub-menu current page */
    }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
        padding-left: 10px;
        border-right: 0;
        display: block;
        width: 180px;
        border-bottom: 1px solid #ccc;
    }
    .nav li ul.sub-menu li:last-child a,
    .nav li ul.children li:last-child a {
        border-bottom: 0;
    }
    .nav li ul.sub-menu li ul,
    .nav li ul.children li ul {
        top: 0;
        left: 100%;
    }
    .nav li:hover&gt;ul {
        top: auto;
        visibility: visible;
    }
    /* end .nav */
    /*********************
    SIDEBARS &amp; ASIDES
    *********************/
}

.widgettitle {
    margin-bottom: 0.75rem;
}

.widget {
    padding: 0;
    margin: 0;
}

.widget ul li {
    margin: 15px;
    /* deep nesting */
}

.widget ul li ul {
    margin-top: 0.75rem;
    padding-left: 1rem;
}


/*********************
  DESKTOP
  This is the average viewing window. So Desktops, Laptops, and
  in general anyone not viewing on a mobile device. Here's where
  you can add resource intensive styles.
  *********************/

@media only screen and (min-width: 1030px) {
    /******************************************************************
    Site Name:
    Author:

    Stylesheet: Desktop Stylsheet

    This is the desktop size. It's larger than an iPad so it will only
    be seen on the Desktop.

    ******************************************************************/
    /* .wrap {
        width: 1142px;
    } */
    #inner-content.wrap {
        width: 96%;
        max-width: 1142px;
    }
    .archive article&gt;header&gt;div,
    .page-template-page-author article&gt;header&gt;div,
    .archive.category header.article-header img,
    .page-template-page-author .category header.article-header img {
        max-width: 330px;
    }
    .bannerText {
        height: 325px;
        width: 388px;
        padding: 50px 30px;
    }
    .upNextList&gt;li {
        width: 15%;
    }
    .bannerHead {
        font-size: 30px;
    }
    .socialTop {
        display: block;
    }
    .first .upNext {
        height: 85px;
    }
    .upNext {
        height: 90px;
    }
    #rpwwt-recent-posts-widget-with-thumbnails-2 span {
        clear: none;
        display: inline;
    }
    .spacerBig {
        height: 351px;
    }
    #inner-content {
        margin-top: 0px;
    }
    .upNextList {
        height: 135px;
    }
}

body.search-results article.hentry {
    margin-bottom: 1.5rem;
}

@media (max-width: 480px) {
    body.archive.category:not(.category-innovation) article.hentry {
        margin: 1rem 0 2rem;
    }
}

article.hentry .entry-content a {
    color: var(--upmcTeal);
    text-decoration: none !important;
    border-bottom: 1px solid var(--upmcTeal);
    -moz-transition: border 0.15s linear;
    -ms-transition: border 0.15s linear;
    -o-transition: border 0.15s linear;
    -webkit-transition: border 0.15s linear;
    transition: border 0.15s linear;
}

article.hentry .entry-content a:visited {
    color: var(--upmcPurpleBright);
    border-color: var(--upmcPurpleBright);
}

article.hentry .entry-content a:active,
article.hentry .entry-content a:focus,
article.hentry .entry-content a:hover {
    color: var(--upmcPurpleBright2);
    border-color: var(--upmcPurpleBright2);
    border-bottom-width: 2px;
}

article.hentry .entry-content .socialized-links a.socialized-link {
    border: none;
}

.socialized-sticky-wrapper {
    position: relative;
}

.socialized-sticky-wrapper.stick-left .socialized-links {
    margin-top: 0;
    float: none !important;
}

.socialized-sticky-wrapper.stick-left .socialized-links.js-is-sticky {
    position: fixed !important;
}

.socialized-sticky-wrapper.stick-left .socialized-links:not(.js-is-sticky) {
    position: absolute !important;
    top: 0 !important;
}

.socialized-sticky-wrapper.stick-left .socialized-links:not(.js-is-sticky).js-is-stuck {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
}

article.hentry ol {
    list-style-type: decimal;
}

article.hentry ul {
    list-style-type: disc;
}


/* START Update Header Navigation Styles */

.nav li a {
    padding: 0.5em;
}

@media (min-width: 768px) {
    ul.nav&gt;li&gt;a {
        padding: 0.5em 20px;
    }
    ul.nav.top-nav&gt;li&gt;a {
        padding: 0.8em 20px;
    }
    .sub-menu-wrapper {
        margin-top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 8999;
    }
    .nav li:hover&gt;.sub-menu-wrapper&gt;.sub-menu-scroller&gt;ul {
        position: static;
        margin: 0;
    }
    .nav li:hover&gt;.sub-menu-wrapper,
    .nav li:hover&gt;.sub-menu-wrapper&gt;.sub-menu-scroller&gt;ul {
        /*top: 0;*/
        visibility: visible !important;
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li .sub-menu-wrapper {
        top: 0;
        left: 100%;
    }
    .sub-menu-wrapper.scrollable {
        overflow: hidden;
        /*
            JS sets the width
            Calculation: width of li * number of sub-menus in li - width of scrollbar (fixed)
            Example Math: 182 * 2 - 17 = 347
         */
        width: 347px;
    }
    .sub-menu-wrapper.scrollable&gt;.sub-menu-scroller {
        overflow-x: hidden;
        overflow-y: auto;
        /* JS sets the max-height, width, and padding-right */
        max-height: 400px;
        /* 360 = width of li (182px) * 2 to include room for second dropdown */
        width: 182px;
        padding-right: 182px;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        -o-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
}

ul.nav li.menu-item-has-children a.dropdown-toggle {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0;
}

ul.nav li.menu-item-has-children a.dropdown-toggle+button.toggle-dropdown {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.75em 0 0;
    padding: 0 0 0 0.25em;
    border: none;
    position: relative;
    height: 1.1rem;
    font-size: 1rem;
    line-height: 24px;
    outline: none;
    background: none;
}


/* Second level navigation toggle buttons */

ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children,
ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children {
    position: relative;
}

ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a.dropdown-toggle,
ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a.dropdown-toggle {
    padding-right: 1.75rem;
}

ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;button.toggle-dropdown,
ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;button.toggle-dropdown {
    padding: 0;
    position: absolute;
    top: 0.8rem;
    right: 0;
}


/* Color Changes */

@media (min-width: 768px) {
    .nav li ul.sub-menu,
    .nav li ul.children {
        background: var(--upmcPurpleBright);
        border-color: #bdbbbb;
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller {
        background: transparent;
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller&gt;ul {
        background: transparent;
        border: none;
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li {
        background: var(--upmcPurpleBright);
        border: 1px solid #bdbbbb;
        border-bottom-width: 0;
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li:last-of-type {
        border-bottom-width: 1px;
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li a,
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
        border-color: #bdbbbb;
        color: var(--upmcWhite);
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li a {
        border: none;
    }
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;button.toggle-dropdown:after,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;button.toggle-dropdown:after {
        color: var(--upmcWhite);
    }
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li a:focus,
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li a:active,
    .nav li .sub-menu-wrapper&gt;.sub-menu-scroller ul li a:hover,
    .nav li ul.children li a:hover,
    .nav li ul.sub-menu li a:focus,
    .nav li ul.children li a:focus,
    .nav li ul.sub-menu li a:active,
    .nav li ul.children li a:active,
    .nav li ul.sub-menu li a:hover,
    .nav li ul.children li a:hover {
        color: var(--upmcPurpleBright);
        /*background: #bdbbbb;*/
        background: #dbd9d6;
    }
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a:focus+button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a:focus+button.toggle-dropdown:after,
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a:active+button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a:active+button.toggle-dropdown:after,
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a:hover+button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children .sub-menu-wrapper&gt;.sub-menu-scroller ul li.menu-item-has-children&gt;a:hover+button.toggle-dropdown:after,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a:focus+button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a:focus+button.toggle-dropdown:after,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a:active+button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a:active+button.toggle-dropdown:after,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a:hover+button.toggle-dropdown:before,
    ul.nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children&gt;a:hover+button.toggle-dropdown:after {
        color: var(--upmcPurpleBright);
    }
}

@media (max-width: 350px) {
    .mainNavBar h1.logoH1 a.logo img {
        width: 190px;
    }
}


/* END Update Header Navigation Styles */


/* START Mobile Menu 2.0 Styles */

#responsive-menu-close {
    display: none;
    position: fixed;
    top: 1.6rem;
    right: 2rem;
    color: var(--upmcWhite);
    font-size: 1.6rem;
    font-weight: 700;
    cursor: pointer;
}

.responsive-menu-open #responsive-menu-close {
    display: block;
}

#responsive-menu-container {
    width: 100% !important;
    overflow-x: hidden !important;
    background: rgba(119, 27, 97, .95) !important;
    padding: 4em 2em !important;
}

#responsive-menu-container&gt;#responsive-menu-wrapper {
    background: transparent !important;
}

#responsive-menu-container&gt;#responsive-menu-wrapper #responsive-menu a {
    outline: none !important;
}

#responsive-menu-container&gt;#responsive-menu-wrapper #responsive-menu .responsive-menu-item-link {
    background: transparent !important;
    border-top: solid 2px #C7B4E2;
    border-bottom: 0px;
    padding-left: 3em;
    font-size: 20px;
    display: block;
    height: auto;
    padding-top: .5em;
    padding-bottom: .5em;
}

#responsive-menu-container&gt;#responsive-menu-wrapper #responsive-menu .responsive-menu-item-link:last-child {
    border-bottom: solid 2px #C7B4E2 !important;
}

.responsive-menu-submenu {
    text-align: left;
    font-weight: normal;
    border-top: solid 2px #C7B4E2;
    padding: .75em 0 !important;
}

.responsive-menu-submenu li {
    border-top: 0px !important;
}

.responsive-menu-submenu li a {
    padding: .5em 0em .5em 3.9em !important;
    font-size: 16px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    line-height: 1.2 !important;
    height: auto !important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    right: auto;
    left: 0 !important;
    border: 0px !important;
    background: transparent !important;
    padding: .5em 0 !important;
    width: 40px !important;
    height: auto !important;
}

.responsive-menu-submenu .responsive-menu-subarrow {
    line-height: 21px !important;
    height: auto !important;
    margin-left: 1em !important
}

#responsive-menu .secondary-link a {
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding-left: 0px !important;
    line-height: 2.5 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}


/* START Sub-sub-menu */

.responsive-menu-submenu .responsive-menu-submenu {
    font-size: 12px !important;
    padding-left: 2.5em !important;
}

.headerDrop,
.caretCon {
    display: none;
}

.mainNavBar {
    padding-top: .5em !important;
}

@media (min-width: 768px) {
    .secondary-link a {
        display: none !important;
    }
}


/* END Sub-sub-menu */


/* Desktop Search */

.searchContainer {
    border: 1px solid var(--upmcWhite);
}

.searchContainer .searchField {
    width: 100%;
    padding-right: 30px;
    position: relative;
}

.searchContainer .close,
.searchContainerMobile .close {
    display: block;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    position: absolute;
}

.searchContainer .close {
    background: var(--upmcWhite);
    color: var(--upmcPurple);
    top: 10px;
    right: 11px;
}

.searchContainerMobile .close {
    color: var(--upmcWhite);
    background: none;
    top: -1.75rem;
    right: 5px;
}

body.archive.category-upmc-next .searchContainer .close {
    color: var(--upmcBlueBright2);
}

.searchContainerMobile.upmc-next-search .close {
    top: 0;
}

.searchContainer .searchField #s,
.searchContainer .searchField #searchsubmit {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.searchContainer .searchField #s {
    width: 263px;
}

.searchContainer:after,
.searchContainer .searchField:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

@media only screen and (min-width: 768px) {
    .searchContainer {
        top: 0;
        top: 12px;
    }
    .caretRaise {
        border-bottom-color: var(--upmcPurple);
    }
    body.archive.category-upmc-next .caretRaise {
        border-bottom-color: var(--upmcBlueBright2);
    }
}


/* Mobile Search */

.lb {
    position: fixed;
    top: 63px;
    height: 87px;
    z-index: 54;
}

.searchContainerMobile {
    top: 90px;
    position: fixed;
}

.searchContainerMobile form&gt;div {
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    /* position: relative; */
}

.searchContainerMobile form input[type="search"]#s,
.searchContainerMobile form [type="submit"]#searchsubmit {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    outline: 0;
    font-size: 1rem;
}

.searchContainerMobile form input[type="search"]#s {
    line-height: 1;
}


/* END Mobile Menu 2.0 Styles */

.pagination a,
.pagination span {
    color: var(--upmcGreyMid);
}

.pagination,
.wp-prev-next {
    margin: 20px 0;
}

.pagination {
    text-align: center;
    font-size: 1rem;
}

.pagination ul {
    display: inline-block;
    background-color: var(--upmcWhite);
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-radius: 3px;
}

.pagination li {
    padding: 0;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden;
    width: 40px;
    height: 40px;
    /*border-right: 1px solid #eaedf2;*/
}

.pagination a,
.pagination span {
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 0;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    padding: 0.75em 0;
    min-width: 1em;
    display: block;
    color: var(--upmcGreyLight);
}

.pagination .current {
    cursor: default;
    color: var(--upmcWhite);
    background: var(--upmcPurple);
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}


/* Social Icons */

ul.social-menu {
    white-space: nowrap;
}

ul.social-menu li.social-icon {
    display: inline-block;
    margin: 0.25rem;
}

ul.social-menu li.social-icon a {
    display: block;
    width: 38px;
    height: 38px;
    background-color: var(--upmcGreyDark);
    color: var(--upmcWhite);
    border: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
}

ul.social-menu li.social-icon a&gt;span:not(.screen-reader-text) {
    display: inline-block;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    margin-top: 8px;
    vertical-align: middle;
}

ul.social-menu li.social-icon.facebook a {
    background-color: var(--facebook);
}

ul.social-menu li.social-icon.twitter a {
    background-color: var(--twitter);
}

ul.social-menu li.social-icon.pinterest a {
    background-color: var(--pinterest);
}

ul.social-menu li.social-icon.instagram a {
    background: var(--instagram);
    background: -moz-linear-gradient(45deg, var(--instagramYellow2) 0%, var(--instagramYellow1) 5%, var(--instagramOrange2) 15%, var(--instagramOrange2) 20%, var(--instagramRed) 40%, var(--instagramPink2) 50%, var(--instagramPink1) 60%, var(--instagramPurple) 75%, var(--instagramBlue2) 90%, var(--instagramBlue1) 100%);
    background: -webkit-linear-gradient(45deg, var(--instagramYellow2) 0%, var(--instagramYellow1) 5%, var(--instagramOrange2) 15%, var(--instagramOrange2) 20%, var(--instagramRed) 40%, var(--instagramPink2) 50%, var(--instagramPink1) 60%, var(--instagramPurple) 75%, var(--instagramBlue2) 90%, var(--instagramBlue1) 100%);
    background: linear-gradient(45deg, var(--instagramYellow2) 0%, var(--instagramYellow1) 5%, var(--instagramOrange2) 15%, var(--instagramOrange2) 20%, var(--instagramRed) 40%, var(--instagramPink2) 50%, var(--instagramPink1) 60%, var(--instagramPurple) 75%, var(--instagramBlue2) 90%, var(--instagramBlue1) 100%);
}

ul.social-menu li.social-icon.linkedin a {
    background-color: var(--linkedin);
}


/* .social li:not(.social-icon).facebook {
    background-image: url("../../library/images/FB_icon.png");
}

.social li:not(.social-icon).twitter {
    background-image: url("../../library/images/Twitter_icon.png");
}

.social li:not(.social-icon).linkedin {
    background-image: url("../../library/images/LinkedIn_icon.png");
}

.social li:not(.social-icon).instagram {
    background-image: url("../../library/images/Instagram_icon.png");
}

.social li:not(.social-icon).pinterest {
    background-image: url("../../library/images/Pinterest_icon.png");
} */


/* VWO Navigation */


/* li.social-icon {
    display: block;
    width: 38px !important;
    height: 39px !important;
    background: none !important;
    float: left;
}

.social {
    height: auto;
} */


/* ul.social {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.social:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.social-media-pages ul.social {
    margin: 0;
}

.social li {
    width: auto;
    height: auto;
    float: none;
    margin: auto;
}

.social-media-pages ul.social li {
    margin: 0 0 0 10px;
}

.social li.social-icon {
    float: left;
    margin-right: 10px;
} */


/* #responsive-menu-item-social .social li.social-icon {
    margin: 10px 10px 0 0;
}

body.vwo_social-pages.vwo_social-pages_primary-nav header.header .mainNavBar .social-media-pages,
body.vwo_social-pages.vwo_social-pages_secondary-nav header.header .headerTop .social-media-pages {
    display: none;
}

@media (min-width: 1030px) {
    body.vwo_social-pages.vwo_social-pages_primary-nav header.header .mainNavBar .catNav {
        float: left;
    }
    body.vwo_social-pages.vwo_social-pages_primary-nav header.header .mainNavBar .social-media-pages {
        display: block;
        float: right;
        margin-top: 3px;
    }
    body.vwo_social-pages.vwo_social-pages_secondary-nav header.header .headerTop .social-media-pages {
        display: block;
        margin-top: 4px;
        float: left;
    }
}

@media (min-width: 768px) {
    header.header .mainNavBar nav ul.nav li.social-icon {
        display: none;
    }
} */

.socialized-sticky-wrapper .socialized-links {
    top: 75px !important;
}

@media (min-width: 768px) {
    .socialized-sticky-wrapper .socialized-links {
        top: 125px !important;
    }
}


/* Article Redesign - Summer 2019 */

.page-template-default .icon_hide {
    display: block;
}


/* Quiz */

article section.entry-content .wpvqgr-wrapper {
    width: 100%;
    max-width: 690px;
}

.wpvqgr-wrapper button.wpvqgr-button {
    /* Purple */
    background: var(--upmcPurple);
}


/* Article Content Modules */

.entry-content .widget.related-articles,
.entry-content .widget.sms-callout-module,
.widget.sfmc-combo-module,
.global-newsletter-signup,
.fc-module.fc-module-widget {
    display: block;
    width: 100%;
    margin: 0 0 1rem;
    padding: 1.2rem;
    border: none;
    background: var(--upmcOffWhite);
    text-align: center;
    position: relative;
    /* clear: both; */
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.entry-content div+.widget.related-articles,
.entry-content div+.widget.sms-callout-module,
.entry-content div+.widget.sfmc-combo-module,
.entry-content div+.global-newsletter-signup,
.fc-module.fc-module-widget {
    margin-top: 1rem;
}

.global-newsletter-signup {
    padding: 2rem;
}

.entry-content .global-newsletter-signup {
    padding: 1.2rem;
}

.widget.related-articles .widgettitle,
.widget.sms-callout-module .widgettitle,
.widget.sfmc-combo-module .widgettitle,
.global-newsletter-signup .form-title,
.fc-module.fc-module-widget .widgettitle {
    margin: 0 0 1rem;
    color: var(--upmcGreyMid2);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

@media (min-width: 500px) {
    .entry-content .widget.related-articles,
    .entry-content .widget.sms-callout-module,
    .widget.sfmc-combo-module,
    .entry-content .global-newsletter-signup,
    .fc-module.fc-module-widget {
        padding: 2rem;
    }
    .widget.related-articles .widgettitle,
    .widget.sms-callout-module .widgettitle,
    .widget.sfmc-combo-module .widgettitle,
    .global-newsletter-signup .form-title,
    .fc-module.fc-module-widget .widgettitle {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

.entry-content .full-width-module.related-articles-module,
.fc-module.fc-module-widget {
    position: relative;
    clear: both;
}

.entry-content .widget.related-articles:after,
.entry-content .widget.sms-callout-module:after,
.entry-content .widget.sfmc-combo-module:after,
.entry-content .global-newsletter-signup:after,
.entry-content .full-width-module.related-articles-module:after,
.fc-module.fc-module-widget:after {
    content: '';
    display: block;
    width: 98%;
    height: 0.25rem;
    background: var(--upmcOffWhite2);
    position: absolute;
    top: 100%;
    left: 1%;
}

.widget.sfmc-combo-module .widget.sms-callout-module:after,
.widget.sfmc-combo-module .global-newsletter-signup:after,
.full-width-module.related-articles-module .widget.related-articles:after {
    display: none;
}


/* START Related Articles Module ("You might also like" or "YMAL") */

.widget.related-articles .igo_boxhead,
.widget.related-articles #igdrec .igo_boxbody .igo_content&gt;div,
.widget.related-articles #igdrec .igo_boxbody .igo_content&gt;div&gt;span:first-of-type {
    /* Hide the element header, top-level div elements, and their label elements */
    display: none;
}

.widget.related-articles .igo_boxbody .igo_content&gt;.igo_content_primary_category_label {
    /* unhide this specific top-level div element */
    display: block !important;
    margin: 0 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.2;
    text-transform: uppercase;
    border: none;
    font-weight: 700;
    color: var(--upmcGreyLight);
}

.widget.related-articles .igo_boxbody:after,
.widget.related-articles .igo_boxbody .igo_content:after,
.widget.related-articles .related-posts:after,
.widget.related-articles .related-posts .related-post-content:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.widget.related-articles .igo_boxbody .igo_content,
.widget.related-articles .related-posts .related-post-content {
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    padding: 2rem 1rem 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 500px) {
    .widget.related-articles .igo_boxbody .igo_content,
    .widget.related-articles .related-posts .related-post-content {
        width: 50%;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .widget.related-articles.article-count-3 {
        text-align: left;
    }
}


/* Only for thirds */

@media (min-width: 768px) {
    .widget.related-articles .igo_boxbody .igo_content,
    .widget.related-articles .related-posts .related-post-content {
        width: 25%;
    }
    .widget.related-articles .igo_boxbody .igo_content.count-3,
    .widget.related-articles .related-posts .related-post-content.count-3 {
        width: 33%;
    }
}

.widget.related-articles .igo_boxbody .igo_content a,
.widget.related-articles .related-posts .related-post-content a {
    display: block;
    width: 100%;
    margin: 0 0 0.5rem;
    border: none !important;
    font-weight: 700;
    line-height: 1.2;
}

.widget.related-articles .igo_boxbody .igo_content a:last-of-type,
.widget.related-articles .related-posts .related-post-content a:last-of-type {
    margin-bottom: 0;
}

.widget.related-articles .related-posts .related-post-content a.related-post-category-link {
    margin: 0 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.widget.related-articles .igo_boxbody .igo_content a img,
.widget.related-articles .related-posts .related-post-content a img {
    display: block;
    width: 100%;
    max-width: 790px;
    height: auto;
    margin: 0;
    border: none;
    outline: none;
}


/* END "You might also like" */


/* START CTA Buttons Module */


/* Individual Button */

.inline-cta-button {
    display: block;
    text-align: center;
    font-size: 18px;
}

.inline-cta-button a {
    display: block;
    margin: 0 auto;
    width: 350px;
    min-height: 42px;
    padding: 0.75em 1.5em 0.75em 50px;
    border: none !important;
    outline: none;
    color: var(--upmcWhite) !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
}

.inline-cta-button a span {
    vertical-align: middle;
    vertical-align: text-bottom;
}

.inline-cta-button a i.fas,
.inline-cta-button a svg[data-prefix="fas"] {
    display: block;
    font-size: 1.3rem;
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 1;
}

.inline-cta-button.theme-icon a {
    overflow: hidden;
}

.inline-cta-button.theme-icon a:before {
    color: var(--upmcWhite) !important;
}

.inline-cta-button.theme-icon a:after {
    content: '';
    display: block;
    width: 48px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--upmcGreyLight2);
}

.inline-cta-button a:active,
.inline-cta-button a:focus,
.inline-cta-button a:hover {
    text-decoration: underline !important;
}


/* Doctor Button Color Schemes/Themes */

.inline-cta-button.doctor a,
.inline-cta-button.theme-icon.doctor a:after {
    background: var(--upmcTeal);
}

.inline-cta-button.doctor a:active,
.inline-cta-button.doctor a:focus,
.inline-cta-button.doctor a:hover,
.inline-cta-button.theme-icon.doctor a:active:after,
.inline-cta-button.theme-icon.doctor a:focus:after,
.inline-cta-button.theme-icon.doctor a:hover:after {
    background: var(--upmcBlueBright3);
}

.inline-cta-button.theme-inverted.doctor a,
.inline-cta-button.theme-icon.doctor a {
    border-color: var(--upmcTeal) !important;
}

.inline-cta-button.theme-inverted a:active,
.inline-cta-button.theme-inverted a:focus,
.inline-cta-button.theme-inverted a:hover,
.inline-cta-button.theme-icon a:active,
.inline-cta-button.theme-icon a:focus,
.inline-cta-button.theme-icon a:hover {
    border-color: var(--upmcBlueBright3) !important;
}

.inline-cta-button.theme-inverted.doctor a:before {
    color: var(--upmcTeal);
}

.inline-cta-button.theme-inverted.doctor a:active:before,
.inline-cta-button.theme-inverted.doctor a:focus:before,
.inline-cta-button.theme-inverted.doctor a:hover:before {
    color: var(--upmcBlueBright3);
}


/* MyUPMC Button Color Schemes/Themes */

.inline-cta-button.myupmc a,
.inline-cta-button.theme-icon.myupmc a:after {
    background: var(--upmcPurple);
}

.inline-cta-button.myupmc a:active,
.inline-cta-button.myupmc a:focus,
.inline-cta-button.myupmc a:hover,
.inline-cta-button.theme-icon.myupmc a:active:after,
.inline-cta-button.theme-icon.myupmc a:focus:after,
.inline-cta-button.theme-icon.myupmc a:hover:after {
    background: var(--upmcPurpleBright);
}

.inline-cta-button.theme-inverted.myupmc a,
.inline-cta-button.theme-icon.myupmc a {
    border-color: var(--upmcPurple) !important;
}

.inline-cta-button.theme-inverted.myupmc a:active,
.inline-cta-button.theme-inverted.myupmc a:focus,
.inline-cta-button.theme-inverted.myupmc a:hover,
.inline-cta-button.theme-icon.myupmc a:active,
.inline-cta-button.theme-icon.myupmc a:focus,
.inline-cta-button.theme-icon.myupmc a:hover {
    border-color: var(--upmcPurpleBright) !important;
}

.inline-cta-button.theme-inverted.myupmc a:before {
    color: var(--upmcPurple);
}

.inline-cta-button.theme-inverted.myupmc a:active:before,
.inline-cta-button.theme-inverted.myupmc a:focus:before,
.inline-cta-button.theme-inverted.myupmc a:hover:before {
    color: var(--upmcPurpleBright);
}


/* Appointment Button Color Schemes/Themes */

@media (max-width: 1144px) and (min-width: 1030px) {
    .inline-cta-button.appt a {
        font-size: 1.4vw;
    }
}

@media (max-width: 400px) {
    .inline-cta-button.appt a {
        font-size: 4.2vw;
    }
}

.inline-cta-button.appt a,
.inline-cta-button.theme-icon.appt a:after {
    /* background: var(--upmcYellow2); */
    background: var(--upmcOrangeBright);
}

.inline-cta-button.theme-icon.appt a:after {
    width: 42px;
}

.inline-cta-button.appt a:active,
.inline-cta-button.appt a:focus,
.inline-cta-button.appt a:hover,
.inline-cta-button.theme-icon.appt a:active:after,
.inline-cta-button.theme-icon.appt a:focus:after,
.inline-cta-button.theme-icon.appt a:hover:after {
    /* background: var(--upmcOrangeBright)af; */
    background: rgba(251, 175, 93, 0.69);
}

.inline-cta-button.theme-inverted.appt a,
.inline-cta-button.theme-icon.appt a {
    /* background: var(--upmcYellow2); */
    border-color: var(--upmcOrangeBright) !important;
}

.inline-cta-button.theme-inverted.appt a:active,
.inline-cta-button.theme-inverted.appt a:focus,
.inline-cta-button.theme-inverted.appt a:hover,
.inline-cta-button.theme-icon.appt a:active,
.inline-cta-button.theme-icon.appt a:focus,
.inline-cta-button.theme-icon.appt a:hover {
    /* background: var(--upmcOrangeBright)af; */
    border-color: rgba(251, 175, 93, 0.69) !important;
}

.inline-cta-button.theme-inverted.appt a:before {
    color: var(--upmcOrangeBright);
}

.inline-cta-button.theme-inverted.appt a:active:before,
.inline-cta-button.theme-inverted.appt a:focus:before,
.inline-cta-button.theme-inverted.appt a:hover:before {
    color: rgba(251, 175, 93, 0.69);
}


/* Inverted/Icon variation overrides for all buttons */

.inline-cta-button.theme-inverted a,
.inline-cta-button.theme-icon a {
    background: var(--upmcWhite) !important;
    color: var(--upmcGreyMid2) !important;
    border-style: solid !important;
    border-width: 1px !important;
}


/* Button Group */

.inline-cta-button-group {
    padding: 2rem 0;
}

@media (min-width: 500px) {
    .inline-cta-button-group {
        padding: 2rem;
    }
}

.inline-cta-button-group .inline-cta-button {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 1rem 1rem 0;
    font-size: 0;
    line-height: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inline-cta-button-group .inline-cta-button a {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

@media (min-width: 1030px) {
    .inline-cta-button-group .inline-cta-button {
        display: inline-block;
        max-width: 33%;
        margin: 0;
    }
}

.inline-cta-button-group .inline-cta-button:last-child a {
    margin-bottom: 0;
}


/* END CTA Buttons Module */


/* START Inline Newsletter Form Signup Module */

.global-newsletter-signup .hbEmailLogo {
    display: none;
}


/* .global-newsletter-signup .opt-in-language, */

.opt-in-language,
.widget.sms-callout-module .sms-disclaimer {
    display: block;
    width: auto;
    max-width: 560px;
    height: auto;
    max-height: 0;
    margin: 0 auto;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0;
    /* color: var(--upmcGreyMid2) !important; */
    color: var(--upmcGreyMid2);
    text-align: center;
    overflow: hidden;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.opt-in-language p,
.widget.sms-callout-module .sms-disclaimer p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.opt-in-language p:first-of-type,
.widget.sms-callout-module .sms-disclaimer p:first-of-type {
    margin-top: 0;
}

.opt-in-language p:last-of-type,
.widget.sms-callout-module .sms-disclaimer p:last-of-type {
    margin-bottom: 0;
}

form.fc-invalid .opt-in-language {
    margin-top: 2.5rem;
}

.opt-in-language.show-disclaimer,
.widget.sms-callout-module .sms-disclaimer.show-disclaimer {
    padding: 1rem 0;
    max-height: 250px;
    max-height: min-content;
    max-height: max-content;
    opacity: 1;
}

.wpcf7 form .opt-in-language {
    opacity: 1;
    max-height: none;
    max-width: none;
    text-align: left;
}

.global-newsletter-signup form.newsletter-signup-shortcode {
    display: inline-block;
    width: auto;
    position: relative;
}

ul.gallery li.inline-module form.sms-double-opt-in-form label br,
.global-newsletter-signup form.newsletter-signup-shortcode br {
    display: none;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit],
.widget.sms-callout-module .sms-double-opt-in-form label,
.widget.sms-callout-module .sms-double-opt-in-form button[type=submit] {
    display: inline-block !important;
    margin: 0;
    vertical-align: middle !important;
    position: static;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.global-newsletter-signup form.newsletter-signup-shortcode label input,
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit],
.widget.sms-callout-module .sms-double-opt-in-form label,
.widget.sms-callout-module .sms-double-opt-in-form label input,
.widget.sms-callout-module .sms-double-opt-in-form button[type=submit] {
    height: 35px;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input,
.widget.sms-callout-module .sms-double-opt-in-form label input {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 6px 12px;
    border-color: rgba(255, 255, 255, 0) !important;
    outline: none;
    background: var(--upmcWhite);
    text-align: left;
    line-height: 1;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*-moz-transition: border-color linear 0.3s;
    -ms-transition: border-color linear 0.3s;
    -o-transition: border-color linear 0.3s;
    -webkit-transition: border-color linear 0.3s;
    transition: border-color linear 0.3s;*/
    cursor: text;
}

.global-newsletter-signup .response-messages&gt;div&gt;p:first-child {
    margin-top: 0;
}

.global-newsletter-signup .response-messages&gt;div&gt;p:last-child {
    margin-bottom: 0;
}

@media (min-width: 500px) {
    .global-newsletter-signup form.newsletter-signup-shortcode label input,
    .widget.sms-callout-module .sms-double-opt-in-form label input {
        width: 400px;
    }
}

.global-newsletter-signup.has-name-fields form.newsletter-signup-shortcode label {
    position: relative;
}

.global-newsletter-signup.has-name-fields form.newsletter-signup-shortcode label:not(:last-of-type) {
    display: block !important;
    margin-bottom: 0.5rem;
}

.global-newsletter-signup.has-name-fields form.newsletter-signup-shortcode label input {
    margin-left: 0;
}

@media (max-width: 499px) {
    .global-newsletter-signup.has-name-fields form.newsletter-signup-shortcode label {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

@media (min-width: 500px) {
    .global-newsletter-signup.has-name-fields form.newsletter-signup-shortcode {
        text-align: left;
    }
}


/* START Input Placeholder */

.global-newsletter-signup form.newsletter-signup-shortcode label input:-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:-moz-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input::-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input::-moz-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:-ms-input-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:-ms-input-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input::-webkit-input-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form input::-webkit-input-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:active:-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active::-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:active::-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:-ms-input-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:active:-ms-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active::-webkit-input-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:active::-webkit-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:active:placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus:-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus::-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus::-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:-ms-input-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus:-ms-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus::-webkit-input-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus:placeholder {
    opacity: 0;
}


/* END Input Placeholder */

.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit],
.widget.sms-callout-module .sms-double-opt-in-form button[type=submit] {
    padding: 6px 12px;
    background: var(--upmcYellow);
    border: none;
    outline: none;
    font-weight: 700;
    color: var(--upmcWhite);
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] .fa-envelope,
.widget.sms-callout-module .sms-double-opt-in-form button[type=submit] .fa-mobile-alt {
    display: inline-block;
    margin: 0 0.25rem 0 0;
    vertical-align: middle;
    font-size: 1.2rem;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .animated-sliding-modal .global-newsletter-signup {
    margin: 0;
    padding: 1rem;
    background: none;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.full-width_2 .animated-sliding-modal .global-newsletter-signup .form-title,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.right-corner_2 .animated-sliding-modal .global-newsletter-signup .form-title,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.full-width_2 .animated-sliding-modal .global-newsletter-signup .opt-in-language,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.right-corner_2 .animated-sliding-modal .global-newsletter-signup .opt-in-language {
    color: var(--upmcWhite);
    /* opacity: 1; */
}


/* END Inline Newsletter Form Signup Module */


/* START SMS Double Opt-In Form Module */

.widget.sms-callout-module form.sms-double-opt-in-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.widget.sms-callout-module form.sms-double-opt-in-form fieldset label {
    position: relative;
}

.popover {
    position: absolute;
    top: 100%;
    left: 1rem;
    margin: 0;
    padding: 12px 0 0;
    z-index: 1;
}

.popover .arrow {
    color: var(--upmcOffWhite3);
    color: var(--upmcPurple);
    font-size: 30px;
    position: absolute;
    top: -6px;
    left: 10px;
}

.popover .popover-inner {
    background: var(--upmcOffWhite3);
    background: var(--upmcPurple);
    border-radius: 5px;
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: red;
    color: var(--upmcWhite);
}


/* END SMS Double Opt-In Form Module */


/* START Gallery "Medical List" */

.series-title {
    clear: both;
}

.entry-content ul.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

.entry-content ul.gallery li {
    padding: 0 0 2rem;
    border-bottom: 1px dotted var(--upmcGreyMid3);
    margin: 0 0 2rem;
}

.entry-content ul.gallery li:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.entry-content ul.gallery li .gallery-content.gallery-copy .gallery-title {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.2;
}

.entry-content ul.gallery li .gallery-content.gallery-copy .gallery-title+p:not(.gallery-description) {
    margin: 0.5rem 0 1rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.entry-content ul.gallery li .gallery-content.gallery-copy .gallery-description {
    margin: 1rem 0;
}

.entry-content ul.gallery li .gallery-content.gallery-copy .read-more {
    margin-left: 0.5rem;
}

.entry-content ul.gallery li .gallery-content.gallery-image a.gallery-image-link {
    border: none !important;
}

.entry-content ul.gallery li .gallery-content.gallery-image a.gallery-image-link img {
    display: block;
    margin: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    border: 0;
    outline: 0;
    background: var(--upmcOffWhite);
    padding: 0.25rem;
    -moz-transition: background 0.15s linear;
    -ms-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
}


/* .entry-content ul.gallery li .gallery-content.gallery-image a.gallery-image-link:visited img {
    background: var(--upmcPurpleBright);
} */

.entry-content ul.gallery li .gallery-content.gallery-image a.gallery-image-link:active img,
.entry-content ul.gallery li .gallery-content.gallery-image a.gallery-image-link:focus img,
.entry-content ul.gallery li .gallery-content.gallery-image a.gallery-image-link:hover img {
    background: var(--upmcOffWhite3);
}

@media (min-width: 768px) {
    .entry-content ul.gallery li .gallery-content.gallery-copy {
        float: right;
        width: 65%;
        padding-left: 1rem;
    }
    .entry-content ul.gallery li .gallery-content.gallery-image {
        float: left;
        width: 35%;
    }
}

@media (min-width: 1080px) {
    .entry-content ul.gallery li .gallery-content.gallery-copy {
        width: 75%;
    }
    .entry-content ul.gallery li .gallery-content.gallery-image {
        width: 25%;
    }
}


/* SFMC Newsletter &amp; SMS Combination Module */

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content&gt;div {
    margin: 0;
    padding: 2rem 0;
}

@media (min-width: 920px) {
    .widget.sfmc-combo-module .sfmc-combo-module-inner {
        display: table;
        width: 100%;
    }
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content&gt;div {
        padding: 0.5rem 1.5rem 0;
    }
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content:first-child&gt;div {
        padding-left: 0;
    }
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content:last-child&gt;div {
        padding-right: 0;
    }
}

.widget.sfmc-combo-module&gt;.widgettitle {
    font-size: 2rem;
    line-height: 1.1;
}

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content .widgettitle,
.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content .form-title {
    font-size: 1.2rem;
}

@media (min-width: 920px) and (max-width: 1020px) {
    /* Scale font-size with device width to avoid word-wrapping with default titles */
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content .widgettitle,
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content .form-title {
        font-size: 1.9vw;
    }
}

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form,
.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form fieldset {
    display: block;
    width: 100%;
    position: relative;
}

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form {
    max-width: 550px;
    margin: 0 auto;
}

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form label {
    display: block !important;
    width: 100% !important;
    padding-right: 140px;
    position: relative;
}

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form label input {
    display: block;
    width: 100%;
    max-width: 100%;
}

.widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form [type=submit] {
    width: 130px;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 610px) {
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form label {
        padding: 0;
    }
    .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form [type=submit] {
        position: static;
        margin-top: 0.5rem;
    }
}

html[lang="es"] .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form.sms-double-opt-in-form label {
    padding-right: 205px;
}

html[lang="es"] .widget.sfmc-combo-module .sfmc-combo-module-inner .sfmc-combo-module-content form.sms-double-opt-in-form [type=submit] {
    width: 200px;
}


/* START Brightcove Video Module */


/* .brightcove-video-module {
    position: relative;
}

.entry-content .brightcove-video-module .brightcove-video-wrapper {
    display: block;
    margin: 0;
    max-width: 800px;
    position: relative;
}

.brightcove-video-module .brightcove-video-wrapper .brightcove-video-padding .video-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.brightcove-video-module .brightcove-video-wrapper br {
    display: none;
}

.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding {
    position: relative;
    cursor: pointer;
}

.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding .play-icon-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding:active .play-icon-wrapper .play-icon,
.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding:focus .play-icon-wrapper .play-icon,
.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding:hover .play-icon-wrapper .play-icon {
    background: var(--upmcPurple);
}

.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding .play-icon-wrapper .play-icon {
    display: inline-block;
    margin: 22% 0 0;
    padding: 32px;
    width: 6rem;
    height: 6rem;
    font-size: 2rem;
    line-height: 1;
    color: var(--upmcWhite);
    /* background: var(--upmcPurple); */

background: rgba(51, 51, 51, 0.75);
text-align: center;
vertical-align: middle;
border-radius: 100px;

}
.brightcove-video-module.fc-bc-facade .brightcove-video-wrapper .brightcove-video-padding .fc-video-facade-img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    outline: none;
}
*/
/* END Brightcove Video Module */

/* Mini Modules */
.entry-content h4:not(.widgettitle):not(.ldlt-form-button) {
    color: var(--upmcGreyMid2);
    font-weight: 700;
    font-style: normal;
    font-size: 1.125rem;
    border: 5px solid var(--upmcOffWhite);
    padding: 0.5rem 0.5rem 0.5rem 2.7rem;
    position: relative;
    overflow: hidden;
}
.entry-content h4:not(.widgettitle):not(.ldlt-form-button):before,
.entry-content h4:not(.widgettitle):not(.ldlt-form-button):after {
    content: '';
    display: block;
    width: 0.9rem;
    position: absolute;
    left: 0.9rem;
}
.entry-content h4:not(.widgettitle):not(.ldlt-form-button):before {
    height: 100%;
    background: var(--upmcOrangeBright);
    top: 0.75rem;
}
.entry-content h4:not(.widgettitle):not(.ldlt-form-button):after {
    height: 0.75rem;
    background: var(--upmcWhite);
    bottom: 0;
}

/* Global Animated Newsletter Module */
.heartbeat-icon {
    display: inline-block;
    width: 130px;
    height: 50px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url(../images/beat_graphic.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.global-newsletter-signup-wrapper .full-width_3 .heartbeat-icon {
    background-image: url(../images/beat_graphic_grey.png);
}
.entry-content .global-newsletter-signup .heartbeat-icon {
    display: none;
}
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .global-newsletter-signup {
    padding-bottom: 0;
}
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .global-newsletter-signup .form-title {
    font-size: 18px;
}
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .opt-in-language {
    /* opacity: 1; */
    /* padding-top: 0.5rem; */
    /* padding-bottom: 0; */
    /* height: auto;
    max-height: unset; */

    width: 100%;
    max-width: 100%;
}
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile label,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile label input[type=email],
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile [type=submit] {
    font-size: 14px;
    height: 28px;
}
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .popover .arrow {
    color: var(--upmcOffWhite);
}
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .popover .popover-inner {
    background: var(--upmcOffWhite);
    color: var(--upmcTeal);
}

/* Reveal Blocks */
.fc-reveal .fc-reveal-btn {
    display: inline-block;
    margin: 1rem 0 0.5rem;
    vertical-align: middle;
    font-size: 1rem;
    color: var(--upmcGreyLight);
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
}
.fc-reveal .fc-reveal-btn .chevron {
    display: inline-block;
    margin: -3px 0 0 0.5rem;
    vertical-align: middle;
    line-height: 1;
    -moz-transition: transform ease-in-out 0.3s;
    -ms-transition: transform ease-in-out 0.3s;
    -o-transition: transform ease-in-out 0.3s;
    -webkit-transition: transform ease-in-out 0.3s;
    transition: transform ease-in-out 0.3s;
}
.fc-reveal.open .fc-reveal-btn .chevron {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Article Sources */
.article-sources .article-source-list {
    display: block;
    width: 100%;
    height: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    overflow: hidden;
}
.article-sources.open .article-source-list {
    height: auto;
}
.article-sources .article-source-list .source {
    display: block;
    margin: 0 0 0.5rem;
    padding-left: 1rem;
    text-indent: -1rem;
}
.article-sources .article-source-list .source&gt;* {
    display: inline;
    padding: 0;
    text-indent: 0;
}
.article-sources .article-source-list .source a.source-link {
    margin-left: 0.5rem;
    text-decoration: none !important;
    border: none !important;
}
.article-sources .article-source-list .source .publication,
.article-sources .article-source-list .source .organization+.article-title {
    font-style: italic;
}

/* Article Slider Module */
.tw-slider-wrapper {
    display: block;
    width: auto;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    /* border: 1px solid var(--upmcPurple); */
}
.tw-slider {
    transition: opacity 1s ease-out;
    opacity: 1;
}
.tw-slider.tw-hidden {
    opacity: 0;
}
.tw-slider.slick-initialized {
    opacity: 1;
}
.tw-slider button.slick-nav {
    width: 2rem;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    color: var(--upmcTeal);
    font-size: 1.5rem;
    line-height: 1;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--upmcWhite);
    padding-top: 2px;
    border: none;
    outline: none;
    opacity: 1;
    position: absolute;
    top: 35%;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 3px 3px 10px 2px var(--upmcGreyLight2);
    -ms-box-shadow: 3px 3px 10px 2px var(--upmcGreyLight2);
    -o-box-shadow: 3px 3px 10px 2px var(--upmcGreyLight2);
    -webkit-box-shadow: 3px 3px 10px 2px var(--upmcGreyLight2);
    box-shadow: 3px 3px 10px 2px var(--upmcGreyLight2);
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tw-slider button.slick-nav.slick-disabled {
    opacity: 0;
    width: 0;
    overflow: hidden;
}
.tw-slider button.slick-nav:active,
.tw-slider button.slick-nav:focus,
.tw-slider button.slick-nav:hover {
    color: var(--upmcPurpleBright);
}
.tw-slider button.slick-nav:before {
    display: none;
}
.tw-slider button.slick-nav.slick-prev {
    left: -1rem;
    padding-right: 8px;
    /* background: -moz-linear-gradient(left, var(--upmcPurple) 0%, rgba(119, 27, 97, 0) 100%);
    background: -webkit-linear-gradient(left, var(--upmcPurple) 0%, rgba(119, 27, 97, 0) 100%);
    background: linear-gradient(to right, var(--upmcPurple) 0%, rgba(119, 27, 97, 0) 100%); */
    /* background: -moz-linear-gradient(left, var(--upmcWhite) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, var(--upmcWhite) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, var(--upmcWhite) 0%, rgba(255, 255, 255, 0) 100%); */
}
.tw-slider button.slick-nav.slick-next {
    right: -1rem;
    padding-left: 8px;
    /* background: -moz-linear-gradient(left, rgba(119, 27, 97, 0) 0%, var(--upmcPurple) 100%);
    background: -webkit-linear-gradient(left, rgba(119, 27, 97, 0) 0%, var(--upmcPurple) 100%);
    background: linear-gradient(to right, rgba(119, 27, 97, 0) 0%, var(--upmcPurple) 100%); */
    /* background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--upmcWhite) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--upmcWhite) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--upmcWhite) 100%); */
}
.tw-slider .tw-slide .tw-slide-content {
    padding: 0.5rem;
    text-align: left;
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link {
    display: block;
    border: none;
    /* -moz-box-shadow: 2px 2px 10px #c3c3c3;
    -webkit-box-shadow: 2px 2px 10px #c3c3c3;
    -o-box-shadow: 2px 2px 10px #c3c3c3;
    box-shadow: 2px 2px 10px #c3c3c3; */
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link br {
    display: none;
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link .gallery-image {
    display: block;
    position: relative;
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link img {
    display: block;
    width: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link .gallery-image .now-viewing {
    display: block;
    width: auto;
    padding: 3px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.8);
    color: var(--upmcWhite);
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link .gallery-series-num,
.tw-slider .tw-slide .tw-slide-content a.gallery-link .published-date,
ul.gallery li.gallery-item .gallery-content.gallery-copy .published-date,
ul.gallery li.gallery-item .gallery-content.gallery-copy .gallery-series-num {
    display: block;
    margin: 0.5rem 0 0.25rem;
    /* color: var(--upmcPurple); */

    color: var(--upmcGreyDark);
    font-size: 0.75rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link .gallery-copy {
    display: block;
    width: 100%;
    margin: 0;
    /* padding: 0.5rem; */
    /* text-align: center; */
    /* margin: 0 0 0.5rem; */

    font-weight: 700;
    line-height: 1.2;
    color: var(--upmcTeal)
}
.tw-slider .tw-slide .tw-slide-content a.gallery-link:active .gallery-copy,
.tw-slider .tw-slide .tw-slide-content a.gallery-link:focus .gallery-copy,
.tw-slider .tw-slide .tw-slide-content a.gallery-link:hover .gallery-copy,
.tw-slider .tw-slide .tw-slide-content a.gallery-link:active .gallery-image .now-viewing,
.tw-slider .tw-slide .tw-slide-content a.gallery-link:focus .gallery-image .now-viewing,
.tw-slider .tw-slide .tw-slide-content a.gallery-link:hover .gallery-image .now-viewing {
    color: var(--upmcPurpleBright);
}

/* Article Footer */
.widget.about-author,
footer.article-footer .widget {
    display: block;
    margin-top: 2rem;
}
.widget.about-author {
    padding: 2rem 0;
    border-top: 2px solid var(--upmcOffWhite);
    border-bottom: 2px solid var(--upmcOffWhite);
}
.widget.about-author+.widget.about-author {
    border-top: none;
    margin-top: 1rem;
}
.widget.about-author p,
footer.article-footer .widget p {
    margin: 1.5rem 0;
}
.widget.about-author .widgettitle,
footer.article-footer .widget .widgettitle {
    margin-top: 0;
    color: var(--upmcPurple);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
}
@media (min-width: 500px) {
    .widget.about-author .widgettitle,
    footer.article-footer .widget .widgettitle {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}
footer.article-footer .widget.article-tags p.tagTitle {
    margin-bottom: 0;
}
footer.article-footer .widget.article-tags p.tags {
    margin-top: 0;
}
article header.article-header .article-thumbnail a {
    display: block;
}
article header.article-header .article-thumbnail a img {
    display: block !important;
}
.article-thumbnail {
    position: relative;
}


/* Homepage Stuff? */

.blog-loop-content {
    display: block;
    width: auto;
    margin: 0;
    text-align: left;
}

.blog-loop-content article {
    display: block;
    display: inline-block;
    display: inline-flex;
    width: 100%;
    margin: 0;
    padding: 30px 0 10px;
    /* float: left; */
    vertical-align: top;
}

.blog-loop-content article .article-header .article-thumbnail,
.blog-loop-content article .article-header .article-thumbnail a {
    display: block;
    width: 100%;
}

.full-width-hero,
.blog-loop-content article .article-header .article-thumbnail a {
    position: relative;
    overflow: hidden;
    border: none;
}

.full-width-hero .full-width-hero-image .bannerImg-blur,
.blog-loop-content article .article-header .article-thumbnail a .bannerImg-blur {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.blog-loop-content article .article-header .article-thumbnail a img {
    display: block;
    height: auto;
    width: auto;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 768px) {
    .blog-loop-content {
        margin: 0 -37px;
    }
    .blog-loop-content article {
        width: 50%;
        padding: 30px 37px 10px;
    }
    .blog-loop-content article .article-header .article-thumbnail a img {
        width: 100%;
    }
    .blog-loop-content article .article-header .article-thumbnail a .bannerImg-blur {
        display: none;
    }
    .full-width-hero .full-width-hero-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .full-width-hero .full-width-hero-image img.hero-image {
        display: block;
        height: 100%;
        width: auto;
        max-width: none;
        position: relative;
    }
}

@media (min-width: 1030px) {
    .blog-loop-content article {
        width: calc(100% / 3);
    }
}


/* Category Pages */

.taxonomy-description&gt;h2:first-child {
    margin-top: 0;
}


/* Article Grid Layout */

.blog-loop-content {
    display: block;
    width: auto;
    margin: 0;
    text-align: left;
    clear: both;
}

.blog-loop-content:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.blog-loop-content .article {
    display: block;
    display: inline-block;
    display: inline-flex;
    width: 100%;
    margin: 0;
    padding: 30px 0 10px;
    /* float: left; */
    vertical-align: top;
}

.blog-loop-content .article .article-thumbnail {
    display: block;
    width: 100%;
}

.blog-loop-content .article .article-thumbnail a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.blog-loop-content .article .article-thumbnail .bannerImg-blur {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.blog-loop-content .article .article-thumbnail a img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
    position: relative;
}

.blog-loop-content .article .article-thumbnail canvas {
    display: none;
}

.blog-loop-content .article .article-title,
.blog-loop-content .article .article-post-type,
.blog-loop-content .article .article-byline,
.blog-loop-content .article .article-publish-date,
.featured-article .article-post-type,
.featured-article .article-byline,
.featured-article .article-public-date {
    margin: 0.5rem 0 0;
}

.blog-loop-content .article .article-title {
    font-size: 1.25rem;
    line-height: 1.3;
}

.blog-loop-content .article .article-post-type,
.blog-loop-content .article .article-byline,
.blog-loop-content .article .article-publish-date,
.featured-article .article-post-type,
.featured-article .article-byline,
.featured-article .article-public-date {
    font-size: 0.9rem;
    font-weight: 600;
}

.blog-loop-content .article .article-description {
    margin: 1rem 0;
}

.blog-loop-content .article .article-description+p {
    margin: 0;
}

.blog-loop-content .article .article-byline,
.featured-article .article-byline {
    font-weight: 400;
}

@media (min-width: 500px) {
    .blog-loop-content {
        margin: 0 -37px;
        font-size: 0;
    }
    .blog-loop-content .article {
        width: 50%;
        padding: 30px 37px 10px;
        font-size: 1rem;
    }
    .blog-loop-content .article .article-thumbnail a {
        margin-bottom: 0.5rem;
    }
    .blog-loop-content .article .article-thumbnail a img {
        width: 100%;
        max-width: 100%;
    }
    .blog-loop-content .article .article-thumbnail .bannerImg-blur {
        display: none;
    }
}

@media (min-width: 768px) {
    .blog-loop-content .article {
        width: calc(100% / 3);
    }
    .browsier_ie .blog-loop-content .article {
        width: 33%;
    }
}


/* Taxonomy Grid Styles */

.taxonomy-gallery article.gallery-item {
    padding: 1rem 0;
}

@media (min-width: 500px) {
    .blog-loop-content.taxonomy-gallery {
        margin: 0 -1rem;
    }
    .taxonomy-gallery article.gallery-item {
        padding: 1rem;
    }
}

.taxonomy-gallery article.gallery-item .gallery-content-container {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.taxonomy-gallery article.gallery-item .gallery-content-container .gallery-content {
    width: 100% !important;
    padding: 0;
    float: none;
}

.taxonomy-gallery article.gallery-item .gallery-content-container .gallery-content.gallery-image {
    display: table-header-group;
}

.taxonomy-gallery article.gallery-item .gallery-content-container .gallery-content.gallery-copy {
    display: table-footer-group;
}


/* .taxonomy-gallery article.gallery-item .gallery-content.gallery-copy .read-more {
    margin-left: 0.5rem;
} */

.taxonomy-gallery article.gallery-item .gallery-content-container .gallery-content.gallery-image a.gallery-image-link {
    border: none !important;
}


/* Featured Article */

.fc-module.fc-module-widget.featured-article .featured-article-content:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.fc-module.fc-module-widget.featured-article,
.fc-module.fc-module-widget.featured-article .widgettitle {
    text-align: left;
}

.fc-module.fc-module-widget.featured-article .featured-article-image-link {
    display: block;
    margin: 0 0 1.5rem 0;
    width: 100%;
    height: auto;
    max-width: 400px;
    border: none;
}

.fc-module.fc-module-widget.featured-article .featured-article-image-link img {
    display: block;
    width: 100%;
    height: auto;
}

.fc-module.fc-module-widget.featured-article:after {
    clear: both;
}

@media (min-width: 768px) {
    .fc-module.fc-module-widget.featured-article .featured-article-image-link {
        margin: 0 1.5rem 1rem 0;
        display: inline;
        float: left;
    }
}

@media (min-width: 1030px) {
    .fc-module.fc-module-widget.featured-article .widgettitle {
        padding-top: 1.5rem;
    }
}


/* Featured Article on Category Pages */

.category-content .fc-module.fc-module-widget.featured-article {
    margin: 2rem auto;
    padding: 0;
    background: none;
}

@media (min-width: 768px) {
    .category-content .fc-module.fc-module-widget.featured-article {
        margin: 3rem auto 2rem;
    }
}

.category-content .fc-module.fc-module-widget.featured-article:after {
    position: static;
    width: 100%;
    height: 0;
    background: none;
}


/* Estimated Reading Time and Scroll Bar Progress UI */

.est-reading-time,
article header.article-header .article-meta .byline .est-reading-time {
    margin: 0;
    font-weight: 700;
}

header.site-header .scroll-bar {
    display: block;
    height: 3px;
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 57px;
    /* background: rgba(0, 0, 0, 0.5); */
}

header.site-header .scroll-bar .scroll-progress {
    display: block;
    height: 100%;
    width: 0;
    background: var(--upmcPurple);
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: width linear 0.15s;
    -ms-transition: width linear 0.15s;
    -o-transition: width linear 0.15s;
    -webkit-transition: width linear 0.15s;
    transition: width linear 0.15s;
}

body.admin-bar header.site-header .scroll-bar {
    top: calc(57px + 46px);
}

@media (min-width: 768px) {
    body.admin-bar header.site-header .scroll-bar {
        top: calc(57px + 32px);
    }
}


/* Search Results Page */

body.search h1.archive-title {
    margin: 3rem 0;
}

body.search .entry-content #post-not-found p:first-of-type {
    margin-top: 0;
}

.search-results-gallery .gallery-item .gallery-content .article-type,
.search-results-gallery .gallery-item .gallery-content .published-date .entry-time,
.search-results-gallery .gallery-item .gallery-content .article-authors,
.search-results-gallery .gallery-item .gallery-content .article-categories,
.search-results-gallery .gallery-item .gallery-content .article-tags {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--upmcGreyMid2);
}

.search-results-gallery .gallery-item .gallery-content .published-date .entry-time {
    text-transform: uppercase;
}

.search-results-gallery .gallery-item .gallery-content .article-type,
.search-results-gallery .gallery-item .gallery-content .published-date .entry-time {
    font-weight: 700;
}


/* Archive Pages */

.archive-header {
    margin: 0 0 2rem;
}

.archive-header .archive-meta h1 {
    margin-top: 0;
    padding-top: 1rem;
}

.archive-header .archive-meta .archive-image {
    padding: 0;
}

.archive-header .archive-meta .archive-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .archive-header .archive-meta:after {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        clear: both;
    }
    .archive-header .archive-meta h1 {
        padding-top: 2rem;
    }
    .archive-header .archive-meta .archive-image {
        width: 60%;
        max-width: 754px;
        float: right;
        padding: 0 0 1rem 1rem;
    }
}


/* Contact Form 7 */

.wpcf7 form label .label,
.wpcf7 form label .wpcf7-form-control-wrap {
    display: block;
    text-align: left;
}

.wpcf7 form label .wpcf7-form-control-wrap {
    margin: 0 0 1rem;
}

.wpcf7 form label .wpcf7-form-control-wrap input,
.wpcf7 form label .wpcf7-form-control-wrap select,
.wpcf7 form label .wpcf7-form-control-wrap textarea {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.wpcf7 form .buttons {
    text-align: left;
}

.wpcf7 form [type="submit"] {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: 35px;
    width: auto;
    padding: 6px 12px;
    background: var(--upmcYellow);
    border: none;
    outline: none;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    color: var(--upmcWhite);
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wpcf7 form [type="submit"]:active,
.wpcf7 form [type="submit"]:focus,
.wpcf7 form [type="submit"]:hover {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.wpcf7 form .ajax-loader {
    vertical-align: middle;
}

.wpcf7 form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    margin: 0 0 1rem;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.wpcf7 form .tw-row&gt;label {
    display: block;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .wpcf7 form .tw-row label.col-md-6:first-child {
        padding-right: 1rem;
    }
}

.entry-content .ldlt-form-button,
.entry-content h4.ldlt-form-button {
    display: block;
    width: 100%;
    background-color: var(--upmcPurple);
    color: var(--upmcWhite);
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    line-height: 31px;
    font-size: 1.125rem;
    font-weight: 700;
    cursor: pointer;
}

.entry-content .ldlt-form-button .h4-text {
    display: inline-block;
}

.entry-content .ldlt-form-button .h4-text:before,
.entry-content h4.ldlt-form-button span.h4-text:before {
    display: none;
}

.entry-content .ldlt-form-button+#ldlt-form {
    display: none;
}

body.single-post.vwo_animate-subscription #content,
body.single-post.vwo_animate-subscription .hentry header {
    position: relative;
    z-index: 1;
}


/* Form part */

@media (min-width: 768px) {
    body.single-post header.article-header&gt;.bannerText {
        display: block !important;
        position: fixed;
        top: 110%;
        left: 110%;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .hbEmailLogo {
        height: 85px;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .emailSignUp {
        margin: 0;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .emailSignUp div:first-child {
        margin: 0 0 0.5rem;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal form.newsletter-signup [type=submit] {
        margin-top: 0.5rem;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 95% !important;
    }
    /* Full-width Form Only */
    body.vwo_animate-subscription_full-width footer.footer {
        padding-bottom: 0;
        -moz-transition: padding-bottom ease-in-out 0.3s;
        -ms-transition: padding-bottom ease-in-out 0.3s;
        -o-transition: padding-bottom ease-in-out 0.3s;
        -webkit-transition: padding-bottom ease-in-out 0.3s;
        transition: padding-bottom ease-in-out 0.3s;
    }
    .animated-sliding-modal-wrapper.animate-full-width button.close {
        float: right;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .hbEmailLogo {
        display: inline-block;
        width: 130px;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .hbEmailLogo+.emailSignUp {
        display: inline-block;
        max-width: 550px;
        padding: 0;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .emailSignUp .form-container {
        margin: 0;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal form.newsletter-signup label {
        display: inline-block;
        vertical-align: middle;
        min-width: 270px;
        width: 400px;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal form.newsletter-signup br {
        display: none;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal form.newsletter-signup [type=submit] {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    .animated-sliding-modal-wrapper.animate-full-width .opt-in-language {
        /* opacity: 1; */
    }
}


/*Masthead */

@media (min-width: 768px) {
    body.single-post.vwo_animate-subscription header.article-header .bannerImg {
        width: 760px;
    }
    body.single-post.vwo_animate-subscription:not(.hide-sidebar) .sidebar {
        margin-top: 325px;
    }
}

@media (min-width: 1030px) {
    body.single-post.vwo_animate-subscription header.article-header .bannerImg {
        width: 1142px;
    }
}


/* Animated Modal */

.animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response {
    font-weight: 400;
    font-weight: initial;
}


/* Mobile &amp; Desktop Animation Layout */

.animated-sliding-modal-wrapper.animate-on-mobile {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 99999;
    background: var(--upmcPurple);
    text-align: right;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.animated-sliding-modal-wrapper.animate-on-mobile:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.animated-sliding-modal-wrapper.animate-on-mobile .hbEmailLogo {
    display: block;
    width: 130px;
    height: 125px;
    height: 85px;
    background-image: url(../images/beat_graphic.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.animated-sliding-modal-wrapper.animate-on-mobile input[type=email] {
    padding-left: 14px;
    font-weight: 700;
}

.animated-sliding-modal-wrapper.animate-on-mobile button.close {
    display: inline-block;
    margin: 0;
    padding: 0.25rem 0.5rem 0 0;
    background: none;
    border: none;
    outline: none;
    font-size: 1rem;
    cursor: pointer;
    color: var(--upmcOffWhite4);
    /* z-index needs to be higher than the .expand-trigger */
    position: relative;
    z-index: 2;
}

.animated-sliding-modal-wrapper.animate-on-mobile button.close:focus,
.animated-sliding-modal-wrapper.animate-on-mobile button.close:active,
.animated-sliding-modal-wrapper.animate-on-mobile button.close:hover {
    color: var(--upmcBlack);
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal .newsletter-signup-response {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 1rem 1rem;
    font-weight: 400;
    font-weight: initial;
    color: var(--upmcWhite);
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal .newsletter-signup-response,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal .newsletter-signup-response p {
    padding: 0;
    font-size: 0.94rem;
    line-height: 1.2;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal p:first-child {
    margin-top: 0;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal p:last-child {
    margin-bottom: 0;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-decoration: underline;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width {
    width: 100%;
    top: 100%;
    left: 0;
    -moz-transition-property: top, height;
    -ms-transition-property: top, height;
    -o-transition-property: top, height;
    -webkit-transition-property: top, height;
    transition-property: top, height;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner {
    max-width: 400px;
    bottom: 0;
    left: 100%;
    -moz-transition-property: left, height;
    -ms-transition-property: left, height;
    -o-transition-property: left, height;
    -webkit-transition-property: left, height;
    transition-property: left, height;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp {
    margin: 0;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp .form-container {
    width: 100%;
    margin: 0 auto;
}

.animated-sliding-modal-wrapper.animate-on-mobile .opt-in-language {
    /* opacity: 1; */
}


/* Desktop Only Animation */

@media (min-width: 768px) {
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp {
        margin: 0 20px;
    }
    /* .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp .form-container {
        width: 1142px;
    } */
    .animated-sliding-modal-wrapper {
        display: block;
        width: 100%;
        height: auto;
        position: fixed;
        z-index: 99999;
        background: var(--upmcPurple);
        text-align: right;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .animated-sliding-modal-wrapper:after {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        clear: both;
    }
    .animated-sliding-modal-wrapper button.close {
        display: inline-block;
        margin: 0;
        padding: 0.25rem 0.5rem 0 0;
        background: none;
        border: none;
        outline: none;
        font-size: 1rem;
        cursor: pointer;
        color: var(--upmcOffWhite4);
    }
    .animated-sliding-modal-wrapper button.close:focus,
    .animated-sliding-modal-wrapper button.close:active,
    .animated-sliding-modal-wrapper button.close:hover {
        color: var(--upmcBlack);
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal,
    .animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 1rem 1rem;
        font-weight: 400;
        font-weight: initial;
        color: var(--upmcWhite);
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response,
    .animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response p {
        padding: 0;
        font-size: 0.94rem;
        line-height: 1.2;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal p:first-child {
        margin-top: 0;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal p:last-child {
        margin-bottom: 0;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal a {
        color: inherit;
        line-height: inherit;
        font-size: inherit;
        text-decoration: underline;
    }
    .animated-sliding-modal-wrapper.animate-full-width {
        width: 100%;
        top: 100%;
        left: 0;
        -moz-transition-property: top, height;
        -ms-transition-property: top, height;
        -o-transition-property: top, height;
        -webkit-transition-property: top, height;
        transition-property: top, height;
    }
    .animated-sliding-modal-wrapper.animate-right-corner {
        max-width: 400px;
        bottom: 0;
        left: 100%;
        -moz-transition-property: left, height;
        -ms-transition-property: left, height;
        -o-transition-property: left, height;
        -webkit-transition-property: left, height;
        transition-property: left, height;
    }
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 99999;
    background: var(--upmcPurple);
    text-align: right;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile):after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close {
    display: inline-block;
    margin: 0;
    padding: 0.25rem 0.5 0 0;
    background: none;
    border: none;
    outline: none;
    font-size: 1rem;
    cursor: pointer;
    color: var(--upmcOffWhite4);
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close:focus,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close:active,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close:hover {
    color: var(--upmcBlack);
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal .newsletter-signup-response {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 1rem 1rem;
    font-weight: 400;
    font-weight: initial;
    color: var(--upmcWhite);
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal .newsletter-signup-response,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal .newsletter-signup-response p {
    padding: 0;
    font-size: 0.94rem;
    line-height: 1.2;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal p:first-child {
    margin-top: 0;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal p:last-child {
    margin-bottom: 0;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-decoration: underline;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile).animate-full-width {
    width: 100%;
    top: 100%;
    left: 0;
    -moz-transition-property: top, height;
    -ms-transition-property: top, height;
    -o-transition-property: top, height;
    -webkit-transition-property: top, height;
    transition-property: top, height;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile).animate-right-corner {
    max-width: 400px;
    bottom: 0;
    left: 100%;
    -moz-transition-property: left, height;
    -ms-transition-property: left, height;
    -o-transition-property: left, height;
    -webkit-transition-property: left, height;
    transition-property: left, height;
}

@media (max-width: 767px) {
    .animated-sliding-modal-wrapper.disable-animation-on-mobile button.close {
        display: none;
    }
}


/* Full-width/Right-corner variations 2 and 3, they are displayed on mobile too */

.animated-sliding-modal-wrapper.animate-on-mobile .newsletter-signup-shortcode-container form.newsletter-signup-shortcode button[type=submit] .fa-envelope {
    display: inline;
}

.animated-sliding-modal-wrapper.animate-on-mobile .newsletter-signup-shortcode-container form.newsletter-signup-shortcode button[type=submit] {
    background: var(--upmcYellow);
    border-radius: 3px;
    padding: 0.25rem 0.75rem;
    border: none;
    width: auto !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile .hbEmailLogo,
.animated-sliding-modal-wrapper.animate-on-mobile h3,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup [type=submit] {
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: middle !important;
    position: static !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label {
    padding: 0 !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile .hbEmailLogo {
    width: 100px;
    height: 50px;
    background-size: contain;
}


/* Full-width variations 2 and 3 layouts */

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp .form-container form.newsletter-signup {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal form.newsletter-signup label {
    width: auto;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal form.newsletter-signup input[type=email] {
    width: 260px !important;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .opt-in-language {
    /* padding-top: 0.5rem !important;
    padding-bottom: 0 !important; */
}


/* Title and form separate into two rows on full-width, to appear more similarly to the right-corner design */

@media (max-width: 795px) and (min-width: 711px) {
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .hbEmailLogo {
        margin-left: 17vw !important;
    }
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile h3 {
        margin-right: 17vw !important;
    }
}

@media (max-width: 710px) and (min-width: 490px) {
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .hbEmailLogo {
        margin-left: 16vw !important;
    }
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile h3 {
        margin-right: 16vw !important;
    }
}

@media (max-width: 795px) {
    .animated-sliding-modal-wrapper.animate-on-mobile button.close {
        float: right;
    }
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .hbEmailLogo {
        margin-bottom: 0.5rem !important;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup input[type=email] {
        max-width: none;
    }
}

@media (max-width: 795px) and (min-width: 724px) {
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 35vw !important;
    }
}

@media (max-width: 443px) {
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 52vw !important;
    }
}


/* Right-corner variation 2 and 3 layouts */

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal {
    padding-top: 1rem;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal .emailSignUp,
.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal .emailSignUp .form-container {
    margin: 0;
    padding: 0;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner button.close {
    float: right;
}

.animated-sliding-modal-wrapper.animate-right-corner.animate-on-mobile .hbEmailLogo {
    margin-bottom: 0.5rem !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup br {
    display: none;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .emailSignUp .form-container .opt-in-language {
    /* padding-bottom: 0 !important; */
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup label {
    padding: 0 !important;
    width: auto;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup input[type=email] {
    width: 243px !important;
}


/* Right-corner modal appears full-width, make bars stretchy */

@media (max-width: 417px) {
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label {
        padding: 0 !important;
        width: auto !important;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email],
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 52vw !important;
    }
}


/* Smallest, make everything smaller and stack them */

@media (max-width: 367px) {
    .animated-sliding-modal-wrapper.animate-on-mobile h3 {
        font-size: 1rem;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label,
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email],
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup input[type=email] {
        display: block !important;
        width: 100% !important;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup [type=submit] {
        margin-top: 0.5rem !important;
    }
}


/* Variation 2 and 3 Colors */

.animated-sliding-modal-wrapper.full-width_2,
.animated-sliding-modal-wrapper.right-corner_2 {
    background: var(--upmcPurpleDark);
    background: rgba(77, 16, 74, 0.95);
}

.animated-sliding-modal-wrapper.full-width_3,
.animated-sliding-modal-wrapper.right-corner_3 {
    background: var(--upmcOffWhite);
    background: rgba(243, 243, 243, 0.95)
}

.animated-sliding-modal-wrapper.full-width_3 h3,
.animated-sliding-modal-wrapper.right-corner_3 h3,
.animated-sliding-modal-wrapper.full-width_3 .spinner,
.animated-sliding-modal-wrapper.right-corner_3 .spinner,
.animated-sliding-modal-wrapper.full-width_3 .response-messages,
.animated-sliding-modal-wrapper.right-corner_3 .response-messages,
.animated-sliding-modal-wrapper.full-width_3 .newsletter-signup-response,
.animated-sliding-modal-wrapper.right-corner_3 .newsletter-signup-response,
.animated-sliding-modal-wrapper.full-width_3 .opt-in-language,
.animated-sliding-modal-wrapper.right-corner_3 .opt-in-language {
    color: var(--upmcGreyMid2) !important;
}

.animated-sliding-modal-wrapper.full-width_3 .hbEmailLogo,
.animated-sliding-modal-wrapper.right-corner_3 .hbEmailLogo {
    background-image: url(../images/beat_graphic_grey.png);
}


/* Global Newsletter Edits */

.global-newsletter-signup .form-title {
    margin: 0 0 1rem;
    color: var(--upmcGreyMid2);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

@media (min-width: 500px) {
    .entry-content .global-newsletter-signup {
        padding: 2rem;
    }
    .global-newsletter-signup .form-title {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

.entry-content .global-newsletter-signup:after {
    content: '';
    display: block;
    width: 98%;
    height: 0.25rem;
    background: var(--upmcOffWhite2);
    position: absolute;
    top: 100%;
    left: 1%;
}

.widget.sfmc-combo-module .global-newsletter-signup:after {
    display: none;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup {
    padding: 1rem 0;
    text-align: center;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup .form-title {
    font-size: 22px;
    color: var(--upmcWhite);
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode {
    display: block;
    width: 100%;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode label input,
.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    height: 28px;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode label input {
    width: 100% !important;
    font-size: 14px;
    font-weight: 700;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    line-height: 1;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup .opt-in-language {
    color: var(--upmcWhite);
}


/* START Inline Newsletter Form Signup Module */

.global-newsletter-signup .hbEmailLogo {
    display: none;
}

.global-newsletter-signup .opt-in-language {
    /* width: auto;
    max-width: 560px;
    height: auto !important;
    max-height: 0 !important;
    margin: 0 auto;
    padding: 0 !important;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.5;
    opacity: 0 !important;
    /* color: var(--upmcGreyMid2) !important; */
    /* color: var(--upmcGreyMid2);
    text-align: center;
    overflow: hidden;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; */
}

.global-newsletter-signup .opt-in-language p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.global-newsletter-signup .opt-in-language p:first-of-type {
    margin-top: 0;
}

.global-newsletter-signup .opt-in-language p:last-of-type {
    margin-bottom: 0;
}

.global-newsletter-signup form.fc-invalid+.opt-in-language {
    /* margin-top: 2.5rem; */
}

.global-newsletter-signup .opt-in-language.show-disclaimer {
    /* padding: 1rem 0;
    max-height: 200px;
    opacity: 1 !important; */
}

.global-newsletter-signup form.newsletter-signup-shortcode {
    display: inline-block;
    width: auto;
    position: relative;
}

.global-newsletter-signup form.newsletter-signup-shortcode br {
    display: none;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit],
#newsletter-preference-center.newsletter-signup label.email-field,
#newsletter-preference-center.newsletter-signup button[type=submit] {
    display: inline-block !important;
    margin: 0;
    vertical-align: middle !important;
    position: static;
    width: auto !important;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.global-newsletter-signup form.newsletter-signup-shortcode label input,
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit],
#newsletter-preference-center.newsletter-signup label.email-field,
#newsletter-preference-center.newsletter-signup label.email-field input,
#newsletter-preference-center.newsletter-signup button[type=submit] {
    height: 35px;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 6px 12px;
    border-color: rgba(255, 255, 255, 0) !important;
    outline: none;
    background: var(--upmcWhite);
    text-align: left;
    line-height: 1;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*-moz-transition: border-color linear 0.3s;
    -ms-transition: border-color linear 0.3s;
    -o-transition: border-color linear 0.3s;
    -webkit-transition: border-color linear 0.3s;
    transition: border-color linear 0.3s;*/
    cursor: text;
}

@media (min-width: 500px) {
    .global-newsletter-signup form.newsletter-signup-shortcode label input {
        width: 400px;
    }
}


/* START Input Placeholder */

.global-newsletter-signup form.newsletter-signup-shortcode label input:-moz-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input::-moz-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:-ms-input-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input::-webkit-input-placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:placeholder {
    color: var(--upmcGreyLight);
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active::-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:-ms-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active::-webkit-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus:-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus::-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:-ms-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:placeholder {
    opacity: 0;
}


/* END Input Placeholder */

form#newsletter-preference-center.newsletter-signup button[type=submit],
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    padding: 6px 12px;
    background: var(--upmcYellow);
    border: none;
    outline: none;
    font-weight: 700;
    color: var(--upmcWhite);
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] .fa-envelope {
    display: inline-block;
    margin: 0 0.25rem 0 0;
    vertical-align: middle;
    font-size: 1.2rem;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .animated-sliding-modal .global-newsletter-signup {
    margin: 0;
    padding: 1rem;
    background: none;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.full-width_2 .animated-sliding-modal .global-newsletter-signup .form-title,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.right-corner_2 .animated-sliding-modal .global-newsletter-signup .form-title,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.full-width_2 .animated-sliding-modal .global-newsletter-signup .opt-in-language,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.right-corner_2 .animated-sliding-modal .global-newsletter-signup .opt-in-language {
    color: var(--upmcWhite);
    opacity: 1;
}


/* END Inline Newsletter Form Signup Module */


/* Global Animated Newsletter Module */

.heartbeat-icon {
    display: inline-block;
    width: 130px;
    height: 50px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url(../images/beat_graphic.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.global-newsletter-signup-wrapper .full-width_3 .heartbeat-icon {
    background-image: url(../images/beat_graphic_grey.png);
}

.entry-content .global-newsletter-signup .heartbeat-icon {
    display: none;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .global-newsletter-signup {
    padding-bottom: 0;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .global-newsletter-signup .form-title {
    font-size: 18px;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .opt-in-language.show-disclaimer {
    /* opacity: 1;
    padding-top: 0.5rem;
    padding-bottom: 0;
    height: auto;
    max-height: unset;
    width: 100%;
    max-width: 100%; */
    padding: 0.5rem 0 0;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile label,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile label input[type=email],
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile [type=submit] {
    font-size: 14px;
    height: 28px;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .popover .arrow {
    color: var(--upmcOffWhite);
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .popover .popover-inner {
    background: var(--upmcOffWhite);
    color: var(--upmcTeal);
}


/* Collapsible Form */

.animated-sliding-modal-wrapper.animate-full-width form.newsletter-signup {
    /* z-index needs to be higher than the .expand-trigger */
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .global-newsletter-signup .collapsed-text .desktop-text {
        display: none;
    }
}

@media (min-width: 769px) {
    .global-newsletter-signup .collapsed-text .mobile-text {
        display: none;
    }
}

.animated-sliding-modal-wrapper.animate-full-width .global-newsletter-signup .collapsed-text {
    /* Enable for collapsible modals */
    display: block;
}

.global-newsletter-signup .collapsed-text,
.animated-sliding-modal-wrapper.animate-full-width form.newsletter-signup {
    /* Enable height/opacity animations for collapsible elements */
    opacity: 1;
    overflow: hidden;
    height: auto;
    max-height: 250px;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.animated-sliding-modal-wrapper.animate-full-width form.newsletter-signup * {
    opacity: 1;
    overflow: hidden;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.animated-sliding-modal-wrapper.animate-full-width .heartbeat-icon,
.animated-sliding-modal-wrapper.animate-full-width .form-title {
    opacity: 1;
    overflow: hidden;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.animated-sliding-modal-wrapper.animate-full-width .expand-trigger {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 1;
    cursor: default;
    background: var(--upmcPurple);
    opacity: 0;
    -moz-transition: opacity ease-out 0.25s;
    -ms-transition: opacity ease-out 0.25s;
    -o-transition: opacity ease-out 0.25s;
    -webkit-transition: opacity ease-out 0.25s;
    transition: opacity ease-out 0.25s;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger {
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger:active,
.animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger:focus,
.animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger:hover {
    opacity: 0.05;
}

.global-newsletter-signup .collapsed-text {
    /* Hide this entirely by default */
    display: none;
    width: 100%;
    height: auto;
    max-height: 0;
    margin: 0 auto;
    padding: 0;
    font-size: 0.625rem;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.5;
    color: var(--upmcGreyMid2);
    text-align: center;
    opacity: 0;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .global-newsletter-signup .collapsed-text {
    /* Expand these elements when collapsed */
    opacity: 1;
    max-height: 250px;
}


/* Collapse these elements when collapsed */

.animated-sliding-modal-wrapper.animate-full-width.collapsed .animated-sliding-modal .global-newsletter-signup&gt;*:not(.form-title):not(.collapsed-text) {
    position: absolute;
    opacity: 0 !important;
    max-height: 0 !important;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .heartbeat-icon {
    width: 0;
    height: 0;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .form-title {
    /* Center and set this font size of the form title when collapsed */
    font-size: 0.75rem !important;
    margin: 0 auto !important;
    width: 100%;
}

@media (min-width: 768px) {
    .animated-sliding-modal-wrapper.animate-full-width.collapsed .form-title {
        /* Center and set this font size of the form title when collapsed */
        font-size: 1rem !important;
    }
    .global-newsletter-signup .collapsed-text {
        font-size: 0.75rem;
        font-weight: 400;
    }
}


/** How-To Module */

article.hentry .fc-how-to ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

article.hentry .fc-how-to ul li {
    margin: 1.5rem 0;
}</pre></body></html>