/* ==========================================================================
    PHARMACY GLOBAL CSS
========================================================================== */
/* --------------------------------------------------------------------------
   Brand Colors
-------------------------------------------------------------------------- */
.vcu-gold {
    color: #ffb300;
}
.vcu-black {
    color: #000;
}
.vcu-gray {
    color: #dedede;
}
.vcu-white {
    color: #fff;
}
.vcu-rust {
    color: #b02e01;
}
.vcu-plum {
    color: #8e6a90;
}
.vcu-blue {
    color: #006894;
}
.vcu-forest {
    color: #0b652e;
}
/* --------------------------------------------------------------------------
   Compass Grid Overrides
-------------------------------------------------------------------------- */
/* Break sidebar at 1280px instead of 1400px */
@media (min-width: 1280px) {
  .cwf-grid--page-layout {
    --cwf-grid--grid-template-columns: fit-content(320px) minmax(0, 1fr)
      fit-content(320px);
    grid-template-areas: "subnav main sidebar";
  }
}
/* Remove extra side margin on larger screens */
@media (min-width: 1024px) {
    .cwf-grid__column--page-layout--main {
        max-width: calc(var(--cwf-contain--max-width, 1600px));
    }
}
/* --------------------------------------------------------------------------
   Custom Content Type Overrides
-------------------------------------------------------------------------- */
/* Pharmacy Directory Item content type */
input#searchInput {
    border: 1px solid #efefef;
    padding: 0.5rem;
    margin: 0 auto 1rem;
}
/* --------------------------------------------------------------------------
   Degree Pages
-------------------------------------------------------------------------- */  
/* Bulletin Buttons/Links */
@media (min-width: 768px) {
    .cwf-grid.deg-btns {
        --cwf-grid--columns: 2;
        --cwf-grid--grid-template-columns: repeat(var(--cwf-grid--columns), 1fr);
        max-width: 70%;
    }
}
@media (min-width: 1024px) {
    .cwf-grid.deg-btns {
        max-width: 80%;
    }
}
@media (min-width: 1200px) {
    .cwf-grid.deg-btns {
        max-width: 70%;
    }
}
@media (min-width: 1300px) {
    .cwf-grid.deg-btns {
        max-width: 60%;
    }
}
@media (min-width: 1400px) {
    .cwf-grid.deg-btns {
        max-width: 50%;
    }
}
.deg-btns .t4_button a {
    display: block;
}
/* Stats in a flexbox grid : using list items in a UL */
/* Apply css:{.hp-stats-list} to the T4 content name */
/* Big number gets <strong> */
.hp-stats-list .plugin-card__container {
    padding: 1.5rem;
}
.hp-stats-list ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin-inline: auto !important;
    max-width: 1200px;
    gap: 6rem;
    justify-content: center;
    -webkit-align-items: center;
}
.hp-stats-list > * {
    flex: 1 1 0;
}
.hp-stats-list li {
    text-align: center;
}
.hp-stats-list li strong {
    font-family: Roboto,sans-serif;
    font-size: 4rem !important;
    margin: 0 auto 1rem;
    line-height: 0.8 !important;
    display: block;
}
.hp-stats-list li {
    position: relative;
    background: url('/media/pharmacy/shared-assets/css/images-in-stylesheets/stat-bkg--gold.svg');
    line-height: 1.25;
    background-repeat: no-repeat;
    background-position: 50% 15%;
    background-size: 7em;
    padding-top: 3rem;
    top: -3rem;
    flex: 1;
    text-wrap: balance;
}
@media (min-width: 420px) and (max-width: 580px) {
    .hp-stats-list li {
        flex: auto;
    }
}
.hp-stats-list a {
    color: #333;
}
.plugin-card.hp-stats-list ul {
    gap: 2rem;
    align-items: flex-start;
}
.plugin-card.hp-stats-list {
    border: none;
}
.hp-stats-list .plugin-card__body {
    padding-bottom:0;
    padding-top: 3rem;
}
.hp-stats-list .plugin-card__container {
    padding-bottom:0;
}
.hp-stats-list.deg-btns p.t4_button {
    display: inline-block;
}
.hp-stats-list p.t4_button {
    margin-top: 0;
}
.hp-stats-list .plugin-card__body>:last-child {
    padding-bottom: 3rem !important;
}
/* --------------------------------------------------------------------------
   Fontawesome
-------------------------------------------------------------------------- */
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.icon-duotone {
  	position: relative;
  	padding-left: 1.25em;
}
.icon-duotone::before,
.icon-duotone::after {
  	font: var(--fa-font-sharp-duotone);
  	display: inline-block;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	position: absolute;
  	left: 0;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 1.25em;
  	text-align: center;
}
.icon-duotone::before {
  	color: var(--fa-primary-color, inherit);
  	opacity: 1;
  	opacity: var(--fa-primary-opacity, 1);
}
.icon-duotone::after {
  	color: var(--fa-secondary-color, inherit);
  	opacity: var(--fa-secondary-opacity, 0.4);
}
.custom-icon-duotone::before,
.custom-icon-duotone::after {
    font-family: "Font Awesome Kit Duotone";
}
/* Custom Sharp Duotone Icons */
.custom-icon-duotone.building-columns::before {
    content: "\f19c";
    color: var(--vcu-gold);
}
.custom-icon-duotone.building-columns::after {
    content: "\f19c\f19c";
  	color: var(--vcu-gray);
    opacity: .7;
}
.custom-icon-duotone.handshake::before {
    content: "\f2b5";
    color: var(--vcu-gold);
}
.custom-icon-duotone.handshake::after {
    content: "\f2b5\f2b5";
  	color: var(--vcu-gray);
    opacity: .7;
}
.custom-icon-duotone.map-location-dot::before {
    content: "\f5a0";
    color: var(--vcu-gold);
}
.custom-icon-duotone.map-location-dot::after {
    content: "\f5a0\f5a0";
  	color: var(--vcu-gray);
    opacity: .7;
}
/* Custom Regular/Free Icons */
.arrow-right-long-orange::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f30b";
    margin-left: .5rem;
    color: var(--vcu-rust);
}
.arrow-up-long-rust::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f176";
    margin-left: .5rem;
    color: var(--vcu-rust);
}
.building-gold::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1ad";
    color: var(--vcu-gold);
    margin-right: .25rem;
}
.calendar-gold:before {
    font-family: "Font Awesome 6 Free"; 
    content: '\f133';
    margin-right: .25rem;
    color: var(--vcu-gold);
    font-weight: 900;
}
.circle-exclamation-blue:before {
    font-family: "Font Awesome 6 Free"; 
    content: '\f06a';
    margin-right: .25rem;
    color: var(--vcu-blue);
    font-weight: 900;
}
.clock-gold::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content:"\f017";
    margin-right: .25rem;
    color: var(--vcu-gold);
}
.download-gold::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content:"\f019";
    margin-right: .25rem;
    color: var(--vcu-gold);
}
.envelope-gold:before {
    font-family: "Font Awesome 6 Free"; 
    content: '\f0e0';
    margin-right: .25rem;
    color: var(--vcu-gold);
    font-weight: 900;
}
.external-link-gold::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    margin-right: .25em;
    color: var(--vcu-gold);
}
.external-link-gold-rightside::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    margin-left: .25em;
    color: var(--vcu-gold);
}
.facebook-black::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 900;
    content: "\f09a";
    margin-right: .25em;
    color: var(--vcu-black);
}
.fax-gold::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1ac";
    color: var(--vcu-gold);
    margin-right: .25rem;
}
.info-circle-darkblue::before, 
.info-circle-blue::before {
    content: "\f05a";
    font-family: "Font Awesome 6 Free";
    color: var(--vcu-blue);
    margin-right: .25rem;
    font-weight: 900;
}
.info-circle-gold::before {
    content: "\f05a";
    font-family: "Font Awesome 6 Free";
    color: var(--vcu-gold);
    margin-right: .25rem;
    font-weight: 900;
}
.linkedin-black::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 900;
    content: "\f08c";
    margin-right: .25em;
    color: var(--vcu-black);
}
.linkedin-gold:before {
    font-family: "Font Awesome 6 Brands"; 
    content: '\f08c';
    margin-right: .25rem;
    color: var(--vcu-gold);
    font-weight: 900;
}
.phone-gold::before {
    font-family: "Font Awesome 6 Free";
    content: "\f095";
    color: var(--vcu-gold);
    margin-right: .25rem;
    font-weight: 900;
}
.users-rust::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c0";
    color: var(--vcu-rust);
    margin-right: .25rem;
    font-weight: 900;
}
/* --------------------------------------------------------------------------
   Footer and Call-to-Action Buttons
-------------------------------------------------------------------------- */
/* Footer */
.cwf-footer__item--wysiwyg p a[href="https://support.pharmacy.vcu.edu/"] {
    color: var(--vcu-white)!important;
}
.cwf-footer__item--wysiwyg p a[href="https://support.pharmacy.vcu.edu/"]:hover, 
.cwf-footer__item--wysiwyg p a[href="https://support.pharmacy.vcu.edu/"]:focus {
    color: var(--vcu-gold)!important;
}
.cwf-footer__item--wysiwyg p:has(a[href="https://support.pharmacy.vcu.edu/"]):before {
    font-family: "Font Awesome 6 Free";
    content: "\f5fc";
    color: var(--vcu-gold);
    margin-right: .25rem;
    font-weight: 900;
}
.inova-foot {
  	margin-bottom: 1rem;
}
.inova-foot p {
    color: var(--cwf-footer__address--color);
}
.inova-foot__phone a {
    color: var(--vcu-white)!important;
}
.inova-foot__phone a:hover, 
.inova-foot__phone a:focus {
    color: var(--vcu-gold)!important;
}
@media (max-width: 1023px) {
    .inova-foot__img {
        margin-top: 1rem;
        max-width: 200px;
    }
}
/* Careers Footer */
.ps-foot {
    background-color: var(--vcu-rust) !important;
}
.ps-foot h2 {
    text-align: center;
}
.ps-foot h2::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--vcu-gold);
    display: block;
    font-size: 3rem;
    content: '\e4f3';
    margin: 1rem auto 2rem;
}
.ps-foot p.t4_button {
    display: grid;
    margin-top: 0;
}
.ps-foot p.t4_button a {
    padding-bottom: .5rem !important;
    place-self: center;
}
.ps-foot .plugin-card__body {
    padding: 3rem 1.5rem;
    color: var(--vcu-white);
}
/* CTAs */
.plugin-hero.cta {
    background: var(--vcu-gold);
}
.cta .t4_button a {
    display: block;
    box-shadow: 0.25rem 0.25rem var(--vcu-black);
    color: var(--vcu-black) !important;
}
.cta .t4_button a:hover, 
.cta .t4_button a:focus {
    background-color: var(--vcu-white)!important;
    box-shadow: 0.25rem 0.25rem var(--vcu-rust)!important;
    color: var(--vcu-rust)!important;
}
.cta h2 {
    color: var(--vcu-black);
    text-align: center;
}
.cwf-grid.cta {
    margin: 1rem auto 3rem;
    padding: 1rem;
}
@media (min-width: 768px) {
  .cwf-grid.cta {
      max-width: 70%;
  }
}
.cwf-grid.cta p.t4_button {
    padding-top: 0;
}
/* --------------------------------------------------------------------------
   Links
-------------------------------------------------------------------------- */
/* Style overrides for hyperlinks */
#cwf-content :is(a,a:active,a:link):not( .pro-home__item :where(a,a:active,a:link), .sup :where(a,a:active,a:link), .newsfeed__title :where(a,a:active,a:link), .rust-card :where(a,a:active,a:link), .gold-card :where(a,a:active,a:link), .directoryFT__facbox :where(a,a:active,a:link), .t4_button :where(a,a:active,a:link), .cwf-breadcrumb__list--dropdown :where(a,a:active,a:link), .whyvcu__text :where(a,a:active,a:link), a:has(img), .facts-rankings__item :where(a,a:active,a:link), .plugin-card--accent :where(a,a:active,a:link)), 
aside.cwf-area--footer :is(a,a:active,a:link):not( .t4_button :where(a,a:active,a:link), .gold-card :where(a,a:active,a:link), .hp-stats-list :where(a,a:active,a:link), .cta :where(a,a:active,a:link)), 
aside.t4-content-area--sidebar :is(a,a:active,a:link):not( .pharmIntheMedia__sidebar__button :where(a,a:active,a:link), .pharmIntheMedia__sidebar__list :where(a,a:active,a:link), .cwf-nav__item :where(a,a:active,a:link), .t4_button :where(a,a:active,a:link), .gold-card :where(a,a:active,a:link)) {
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid;
    border-color: var(--vcu-gold);
    padding-bottom: 2px;
    color: #2f2f2f;
    font-weight: 700;
}
/*:is(a:hover,a:focus), */
#cwf-content :is(a:hover,a:focus):not( .pro-home__item :where(a:hover,a:focus), sup :where(a:hover,a:focus), .newsfeed__title :where(a:hover,a:focus), .rust-card :where(a:hover,a:focus), .gold-card :where(a:hover,a:focus), .directoryFT__facbox :where(a:hover,a:focus), .t4_button :where(a:hover,a:focus), .cwf-breadcrumb__item--has-dropdown .cwf-breadcrumb__link:focus, .cwf-breadcrumb__item--has-dropdown .cwf-breadcrumb__link:hover, .whyvcu__text :where(a:hover,a:focus), .facts-rankings__item :where(a:hover,a:focus), .plugin-card--accent :where(a:hover,a:focus)), 
aside.cwf-area--footer :is(a:hover,a:focus):not( .gold-card :where(a:hover,a:focus), .cta :where(a:hover,a:focus)), 
aside.t4-content-area--sidebar :is(a:hover,a:focus):not( .pharmIntheMedia__sidebar__button :where(a:hover,a:focus), .pharmIntheMedia__sidebar__list :where(a:hover,a:focus), .cwf-nav__item :where(a:hover,a:focus).gold-card :where(a:hover,a:focus)) {
    text-decoration: none;
    color: var(--vcu-rust);
    border-color: transparent;
}
/* Link colors in accent cards */
.plugin-card--accent a, 
.plugin-card--accent a:active, 
.plugin-card--accent a:link {
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid;
    border-color: var(--vcu-gold);
    padding-bottom: 2px;
    color: var(--vcu-black);
    font-weight: 700;
}
.plugin-card--accent a:hover, 
.plugin-card--accent a:focus {
    text-decoration: none;
    color: var(--vcu-rust);
    border-color: transparent;
}
/* Link colors in notification plugins (primary style) */
.plugin-notification--primary a, 
.plugin-notification--primary a:active, 
.plugin-notification--primary a:link {
    color: var(--vcu-white) !important;
}
.plugin-notification--primary a:hover, 
.plugin-notification--primary a:focus {
    color: var(--vcu-gold) !important;
}
/* Breacrumb links */
@media (min-width: 1024px) {
    .cwf-breadcrumb__toggle {
        cursor: pointer;
        text-decoration: none;
        border-bottom: 1px solid;
        border-color: var(--vcu-gold);
        padding-bottom: 2px;
        color: #2f2f2f;
        font-weight: 700;
    }
}
.cwf-breadcrumb {
    --cwf-breadcrumb--desktop-link-color: var(--vcu-rust);
    margin-top: 1rem;
}
@media (min-width: 1024px) {
    .cwf-breadcrumb__icon {
        display: none !important;
    }
}
/* Give documents a visual clue to help users discern the file type */
a[href$="pdf"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c1";
    margin-left: .25rem;
    color: var(--vcu-rust);
}
a[href$="doc"]:after,
a[href$="docx"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c2";
    margin-left: .25rem;
    color: var(--vcu-rust);
}
a[href$="xls"]:after,
a[href$="xlsx"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c3";
    margin-left: .25rem;
    color: var(--vcu-rust);
}
a[href$="ppt"]:after,
a[href$="pptx"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c4";
    margin-left: .25rem;
    color: var(--vcu-rust);
}
/* --------------------------------------------------------------------------
   Navigation
-------------------------------------------------------------------------- */
/* Give external links in the main navigation a visual clue to help users know they will be going to a new site */
a.cwf-nav__link[href^="http"]:not(a[href*="pharmacy.vcu.edu"],a[href*="t4.vcu.edu"],a[href*="pharmacy.staging2.vcu.edu"]):after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    margin-left: .5rem;
    color: var(--vcu-gold);
}
a.cwf-nav__link[href="https://annualreport.pharmacy.vcu.edu/"]::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    margin-left: .5rem;
    color: var(--vcu-gold);
}
a.cwf-nav__link[href^="http"]:not(a[href*="pharmacy.vcu.edu"],a[href*="t4.vcu.edu"],a[href*="pharmacy.staging2.vcu.edu"]):where(:hover,:focus):after {
    color: var(--cwf-color--black);
}
a.cwf-nav__link[href="https://annualreport.pharmacy.vcu.edu/"]:where(:hover,:focus):after {
    color: var(--cwf-color--black);
}
  
/* Header Quicklinks */
@media (min-width: 768px) {
    .cwf-header__nav a.cwf-header__link {
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none!important;
        padding: 0 .25rem;
        margin: 0 .75rem;
    }
    .cwf-header__nav a.cwf-header__link:hover {
        text-decoration: underline!important;
    }
    .cwf-header__nav a.cwf-header__link:focus {
        color: #f8b300;
        background: #252525;
    }
}
.cwf-header__nav a.cwf-header__link[href*="support.vcu.edu/give"]:before {
    font-family: "Font Awesome 6 Free";
    content:"\f06b";
    margin-right: .25rem;
    color: #980000;
}
@media (min-width: 1024px) {/* Flexbox adjustment to quicklinks so the search box doesn't grow along with content */
    .cwf-header__label {
        right: 9.5rem;
        left: initial!important;
    }
    .cwf-header__search {
        flex: 0!important;
        flex-direction: row-reverse;
    }
    .cwf-header__input {
        flex: 0!important;
        flex-direction: row-reverse;
    }
}
/* Information for... */
.cwf-nav--main .cwf-nav__list--level-1 > .cwf-nav__item > a.cwf-nav__link[href="https://t4.vcu.edu/terminalfour/preview/585/en/148158"], 
.cwf-nav--main .cwf-nav__list--level-1 > .cwf-nav__item > a.cwf-nav__link[href="/information-for/"] {
  	color: var(--vcu-white);
    background: var(--vcu-rust);
    cursor: default;
}
/*.cwf-nav__item:nth-child(6) > a:first-child[href^="/information-for/"], 
.cwf-nav__item:nth-child(6) > a:first-child[href^="https://t4.vcu.edu/terminalfour/preview/585/en/148158"] {
    color: var(--vcu-white);
    background: var(--vcu-rust);
    cursor: default;
}*/
.cwf-nav__item:nth-child(6) > a:first-child[href^="/information-for/"]:hover,
.cwf-nav__item:nth-child(6) > a:first-child[href^="/information-for/"]:focus, 
.cwf-nav__item:nth-child(6) > a:first-child[href^="https://t4.vcu.edu/terminalfour/preview/585/en/148158"]:hover, 
.cwf-nav__item:nth-child(6) > a:first-child[href^="https://t4.vcu.edu/terminalfour/preview/585/en/148158"]:focus {
  	color: #000;
    background: var(--vcu-gold);
}
/* Scroll Button */
#scrollButton {
  --size: 2.5rem;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  aspect-ratio: 1 / 1;
  bottom: 1rem;
  right: 1rem;
  z-index: 10000;
  border: none;
  border-radius: 100%;
  background-color: var(--cwf-accent--background, var(--cwf-color--blue, #006894));
  font-size: calc(var(--size) / 2);
  color: var(--cwf-accent--foreground, var(--cwf-color--white, #fff));
  transition: background-color .1s ease-in-out, color .1s ease-in-out, opacity .1s ease-in-out, filter .1s ease-in-out;
  opacity: 0;
}
#scrollButton:before {
  content: "\f062"; 
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
#scrollButton:hover {
  filter: brightness(0.8);
  cursor: pointer;
}
#scrollButton[aria-hidden="false"] {
  opacity: 1;
}
#scrollButton.hidden {
    display: none;
}
/* --------------------------------------------------------------------------
   Plugin Overrides and Custom Classes
-------------------------------------------------------------------------- */
/****************************************/
  /* Accordion */
.plugin-accordion__body p.t4_text-info,
.plugin-accordion__body p.t4_text-success,
.plugin-accordion__body p.t4_text-warning {
    padding-bottom: .8em!important;
}
/****************************************/
/* Cards (General) */
.plugin-card__background {
    filter: blur(1rem);
}
.plugin-card.img-r-50,
.plugin-card.img-l-50,
.plugin-card.img-r-33,
.plugin-card.img-l-33,
.plugin-card.img-r-25,
.plugin-card.img-l-25 {
    text-align: initial;
}
@media (max-width: 1023px) {
  .plugin-card .t4_button {/* When a button is in a card, align it center if screen width less than 1024px */
    text-align: center;
  }
}
.t4-content-area--sidebar .t4_button {/* When a button is in a sidebar, align it center */
    text-align: center;
}
.plugin-card .t4_button a {
    padding-bottom: .5rem;
}
@media (min-width: 768px) and (max-width: 1399px) {
    .plugin-card__body img,
    .plugin-card__body figure {
        display: block;
        margin: 0 auto;
    }
}
/* Default Card Style */
.plugin-card {
    box-shadow: 4px 4px 0px #cdcdcd;
}
.plugin-card.plugin-card--accent,
.plugin-card.plugin-card--gray, 
.plugin-card.plugin-card--borderless {
    box-shadow: none;
}
/****************************************/
/* Black card */
.plugin-card.black-card {
    --cwf-card--background-color: var(--vcu-black);
    --cwf-card--foreground-color: var(--vcu-white);
    --cwf-card--marker-color: var(--vcu-gold);
}
.plugin-card.black-card[data-label]:before {
    background-color: var(--vcu-gold);
    color: var(--vcu-black);
}
.plugin-card.black-card {
    box-shadow: none;
}
.black-card .plugin-card__body a:not(.t4_button a) {
    color: var(--vcu-white) !important;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--vcu-gold); 
}
.black-card .plugin-card__body a:hover:not(.t4_button a:hover), 
.black-card .plugin-card__body a:focus:not(.t4_button a:focus) {
    color: var(--vcu-gold) !important;
    border-bottom: none;
}
/****************************************/
/* Gold card */
.plugin-card.gold-card {
    --cwf-card--background-color: var(--vcu-gold);
    --cwf-card--foreground-color: var(--vcu-black);
    --cwf-card--link-color: var(--vcu-black);
    --cwf-card--marker-color: var(--vcu-black);
}
.plugin-card.gold-card[data-label]:before {
    background-color: var(--vcu-black) !important;
    color: var(--vcu-white) !important;
}
.plugin-card.gold-card, 
.plugin-card.gold-bord-card {
    box-shadow: none;
}
.gold-card .plugin-card__body a {
  	text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--vcu-white);
}
.gold-card .plugin-card__body a:hover, 
.gold-card .plugin-card__body a:focus {
    border-bottom: none;
}
/****************************************/
/* Gray Cards */
.plugin-card.plugin-card--gray[data-label]:before {
    background-color: var(--vcu-rust);
    color: var(--vcu-white);
}
/****************************************/
/* Rust card */
.plugin-card.rust-card {
    --cwf-card--background-color: var(--vcu-rust);
    --cwf-card--foreground-color: var(--vcu-white);
    --cwf-card--link-color: var(--vcu-white);
    --cwf-card--marker-color: var(--vcu-gold);
}
.plugin-card.rust-card[data-label]:before {
    background-color: var(--vcu-gold);
}
.plugin-card.rust-card {
    box-shadow: none;
}
.rust-card .plugin-card__body a:not(.t4_button a) {
    color: var(--vcu-white) !important;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--vcu-gold);
}
.rust-card .plugin-card__body a:not(.t4_button a):hover, 
.rust-card .plugin-card__body a:not(.t4_button a):focus {
    color: var(--vcu-white) !important;
    border-bottom: none;
}
/****************************************/
/* Card with thick gold border and no background */
.plugin-card.gold-bord-card {
    border: 10px solid var(--vcu-gold);
    --cwf-card--link-color: var(--vcu-black);
}
.plugin-card.gold-bord-card[data-label]:before {
    background-color: var(--vcu-black) !important;
    color: var(--vcu-white) !important;
}
/****************************************/
/* Click Card style */
/* Title and photo visible */
/* On hover:  Blurb and title animate in view */
/* Add .cwf-grid.hp-card-reveal to parent div */
/* plugin- cards are child elements */
.cwf-grid.hp-card-reveal {
    grid-gap:.5rem;
    padding-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.hp-card-reveal .plugin-card {
  box-shadow: none;
}
.hp-card-reveal .plugin-card__container {
  position:relative;
  overflow:hidden;
}
.hp-card-reveal .plugin-card__body {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.hp-card-reveal .plugin-card__body > h2,
.hp-card-reveal .plugin-card__body > h3,
.hp-card-reveal .plugin-card__body p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, -webkit-transform .35s;
  -o-transition: opacity .35s, transform .35s;
  transition: opacity .35s, transform .35s;
  transition: opacity .35s, transform .35s, -webkit-transform .35s;
}
.hp-card-reveal .plugin-card__body > h2,
.hp-card-reveal .plugin-card__body > h3 {
  position: absolute;
  vertical-align: baseline;
  bottom: 0;
  color: #fff;
  font-size: 1.1rem;
  padding: 1.5rem !important;
  margin: 0;
  width: 100%;
  height: auto;
  text-transform: uppercase;
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(20,20,20,.75) 35%, rgba(34,34,34,.75) 100%);
}
.hp-card-reveal .plugin-card__body a {
  text-decoration: none;
}
.hp-card-reveal .plugin-card__body p {
  background: #000;
  width: 100%;
  color: #fff;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  font-size: 1rem;
  padding: 1.5rem !important;
  line-height: 1.5;
}
.hp-card-reveal .plugin-card__background {
  display:none;
}
.hp-card-reveal .plugin-card__container:hover img,
.hp-card-reveal .plugin-card:focus img {
  opacity: .3;
}
/* Transform on hover & focus */
.hp-card-reveal .plugin-card:focus h2,
.hp-card-reveal .plugin-card__container:hover h2,
.hp-card-reveal .plugin-card:focus h3,
.hp-card-reveal .plugin-card__container:hover h3 {
  background: 0 0;
  -webkit-transform: translate3d(0, -150px, 0);
  transform: translate3d(0, -150px, 0);
}
.hp-card-reveal .plugin-card__container:hover p,
.hp-card-reveal .plugin-card__container:focus p,
.hp-card-reveal .plugin-card:focus p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Card link */
.hp-card-reveal a,
.hp-card-reveal a:link {
  color: #F8B300 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 10px 0 0 !important;
}
.hp-card-reveal a:hover,
.hp-card-reveal a:focus {
  color: #e57200;
}
.hp-card-reveal a:after {
  position: relative;
  font-family: FontAwesome;
  font-weight: 400;
  font-size: 1rem;
  color: #e57200;
  content: "\f105";
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-left: 0px;
  line-height: 1;
  padding-left: 8px;
  top: -1px;
  vertical-align: middle;
}
.hp-card-reveal a::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
}
/****************************************/
/* Hero */
.plugin-hero {
    margin-bottom: 2rem;
}
.full .plugin-hero__content {/* Heroes with the 'full' class will take full width of the viewport */
  max-width: 100%;
}
.full img.plugin-hero__image {
  object-fit: cover;
  width: 100%;
}
@media (min-width: 1024px) {
  .full img.plugin-hero__image {
    max-height: 650px;
  }
}
@media (min-width: 600px) and (max-width: 1279px) {/* Hide sidebar heroes on medium screens */
    aside.cwf-grid__column--page-layout--sidebar .plugin-hero:has(.plugin-hero__image) {
        display: none;
    }
}
  
  
/* HEROUSEL */
  #sop-herousel .plugin-hero__caption{
    position:absolute;
    width:30%;
}

#sop-herousel .cwf-carousel__controls{
    position:absolute;
    top:50%;
    z-index:9999;
    padding-top:0;
    background:none;
    
}

#sop-herousel .cwf-carousel__fraction,
#sop-herousel .cwf-carousel__pagination{
    display:none;
}

#sop-herousel .cwf-carousel__button--previous,
#sop-herousel .cwf-carousel__button--next{
height:40px;
width:40px;
border-radius:50%;
display:flex;
align-items: center;
justify-content: center;
position:absolute;
background:#ffb300;
}

#sop-herousel .cwf-carousel__button--previous{
    text-indent:-9999px;
    padding-left:24px;
    left:0;
    margin-left:24px;
}

#sop-herousel .cwf-carousel__button--next{
    text-indent:-9999px;
    padding-right:24px;
    right:0;
    margin-right:24px;
}

#sop-herousel .cwf-carousel__container{
    position:relative;
}

#sop-herousel .cwf-carousel__button--autoplay,  
#sop-herousel .cwf-carousel__button--pause{
    text-indent:-9999px;
    color:#ffb300;
    bottom:0;
    margin-top:45%;
}
  
  
/****************************************/
/* Tabs */
.plugin-tabs {
    margin-top: 1rem;
}
/* --------------------------------------------------------------------------
   WYSIWYG
-------------------------------------------------------------------------- */
/* Code */
code, 
.codeGuide {
    background: #efefef;
    padding: 0 .2rem;
    border: 1px solid darkgray;
    display: inline-block;
    font-family: monospace;
}
/* Blockquotes */
blockquote {
  line-height: 1.5;
}
blockquote.img-r-50,
blockquote.img-l-50,
blockquote.img-r-33,
blockquote.img-l-33,
blockquote.img-r-25,
blockquote.img-l-25 {
    text-align: initial;
}
/* Figures */
figcaption {
    font-size: .8rem;
  	line-height: 1.3;
}
:is(.img-r-50, .img-l-50, .img-r-33, .img-l-33, .img-r-25, .img-l-25) figcaption {
    text-align: initial;
}
figcaption:has(a + br) {
    line-height: inherit;
}
/* Headings */
#cwf-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not( .facts-section-headers > h2, h3.newsfeed__title) {
    line-height: 1.5;
}
.plugin-general-content h2 {
    border-left: 8px solid var(--vcu-black);
    padding-left: .5rem;
    margin: 2rem auto;
    padding-top: 0;
    border-image: linear-gradient(var(--vcu-gold), #ffce0030) 1;
}
/* Image Classes */
.img-r-50,
.img-l-50,
.img-r-33,
.img-l-33,
.img-r-25,
.img-l-25 {
    text-align: center;
}
@media (min-width: 768px) {
    /* Float an image to the right of the page when the viewport is >=768 pixels and restrict width to 50% of the container */
    .img-r-50 {
        margin: 0 0 1rem 1rem;
        max-width: 50%;
        float: right;
    }
    /* Float an image to the left of the page when the viewport is >=768 pixels and restrict width to 50% of the container */
    .img-l-50 {
        margin: 0 1rem 1rem 0;
        max-width: 50%;
        float: left;
    }
    /* Float an image to the right of the page when the viewport is >=768 pixels and restrict width to 33% of the container */
    .img-r-33 {
        margin: 0 0 1rem 1rem;
        max-width: 33%;
        float: right;
    }
    /* Float an image to the left of the page when the viewport is >=768 pixels and restrict width to 33% of the container */
    .img-l-33 {
        margin: 0 1rem 1rem 0;
        max-width: 33%;
        float: left;
    }
    /* Float an image to the right of the page when the viewport is >=768 pixels and restrict width to 25% of the container */
    .img-r-25 {
        margin: 0rem 0 1rem 2rem;
        max-width: 25%;
        float: right;
    }
    /* Float an image to the left of the page when the viewport is >=768 pixels and restrict width to 25% of the container */
    .img-l-25 {
        margin: 0rem 2rem 1rem 0;
        max-width: 25%;
        float: left;
    }
}
/* Lists */
:is(ol, ul) ul, 
:is(ol, ul) ol {/* Margin adjustment for nested lists */
  margin-bottom: .5rem;
}
@media (min-width: 768px) {
  	/* For lists with the "columnar2" class, split into two columns when the viewport is >=768 pixels */
  	ul.columnar2, ol.columnar2 {
    	column-count: 2;
	}
}
@media (min-width: 768px) {
  	/* For lists with the "columnar3" class, split into three columns when the viewport is >=768 pixels */
  	ul.columnar3, ol.columnar3 {
    	column-count: 3;
	}
}
/* List style with rust checkmarks instead of bullets */
.checklist {
  list-style: none;
}
.checklist > li:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f14a";
    color: var(--vcu-rust);
	margin-right: .25rem;
}
.checklist > li:first-of-type {
    margin-top: 0;
}
.checklist > li {
    margin: 1rem auto;
}
/* Ordered list style with Fontawesome number bullets */
ol.numberlist {
    list-style: none;
    padding-left: 0;
}
ol.numberlist > li {
    position: relative;
    padding-left: 3rem;
}
ol.numberlist > li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--vcu-black);
    background-color: var(--vcu-gold);
    top: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ol.numberlist > li:nth-child(1)::before {
    content: "\31";
}
ol.numberlist > li:nth-child(2)::before {
    content: "\32";
}
ol.numberlist > li:nth-child(3)::before {
    content: "\33";
}
ol.numberlist > li:nth-child(4)::before {
    content: "\34";
}
ol.numberlist > li:nth-child(5)::before {
    content: "\35";
}
ol.numberlist > li:nth-child(6)::before {
    content: "\36";
}
ol.numberlist > li:nth-child(7)::before {
    content: "\37";
}
ol.numberlist > li:nth-child(8)::before {
    content: "\38";
}
ol.numberlist > li:nth-child(9)::before {
    content: "\39";
}
ol.numberlist > li:nth-child(10)::before {
    content: "\31\30";
}
/* Separator: For example, add to paragraph tags to get a gold separator bar / horizontal rule */
.sep:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f2d1";
    color: var(--vcu-gold);
    font-size: 3rem;
    display: block;
    margin: 0 auto 1.5rem;
}
/* Subheadings */
.subhed {
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--vcu-rust);
  line-height: 1.5;
}
.subhed-lt {
    font-size: 1.8rem;
  	font-weight: 300;
    color: var(--vcu-black);
    opacity: .75;
    line-height: 1.5;
}
/* Tables */ 
    /* class name sop-tbl added to injectors field gets you a table with a gold background for the header row and alternating gray and white rows when screen is >=1024 */
.sop-tbl thead tr {
  background-color: var(--vcu-gold);
  vertical-align: middle;
}
.sop-tbl th {
    text-wrap: balance;
    text-align: center;
}
.sop-tbl table caption {
    color: var(--vcu-rust);
}
@media (min-width: 1024px) {
    .sop-tbl tbody tr:nth-child(even) {
        background-color: #efefef;
    }
}
/* T4 format classes */
.t4_button a {
    background-color: var(--vcu-white) !important;
    color: #2f2f2f !important;
    border: 1px solid var(--cwf-color--gold);
    box-shadow: 0.25rem 0.25rem var(--vcu-gold);
    border-radius: 0;
    text-align: center;
}
.t4_button a:hover, 
.t4_button a:focus {
    background-color: var(--vcu-gold) !important;
    box-shadow: 0.25rem 0.25rem var(--vcu-gray);
    color: var(--vcu-black) !important;
}
.t4_button a:after {
    font-family: "Font Awesome 6 Free";
    color: var(--vcu-rust);
    content: "\f178";
    margin-left: .25rem;
}
.t4_text-info {
    color: #000;
    margin: 1rem auto;
    background: #dfefff;
    padding: .8rem;
    border: 1px solid var(--cwf-color--blue);
    display: inline-block;
    font-weight: 500;
}
.t4_text-info a {
    color: var(--vcu-black) !important;
}
.t4_text-info a:hover, 
.t4_text-info a:focus {
    color: var(--vcu-black) !important;
}
.t4_text-success {
    color: #000;
    padding: .8rem;
    background: #ddfddc;
    border: 1px solid #97c597;
    margin: 1rem auto;
    display: inline-block;
    font-weight: 500;
}
.t4_text-success a {
    color: var(--vcu-black) !important;
}
.t4_text-success a:hover, 
.t4_text-success a:focus {
    color: var(--vcu-black) !important;
}
.t4_text-warning {
    color: #000;
    padding: .8rem;
    background: lightyellow;
    border: 1px solid #ffc107;
    margin: 1rem auto;
    display: inline-block;
    font-weight: 500;
}
.t4_text-warning a {
    color: var(--vcu-black) !important;
}
.t4_text-warning a:hover, 
.t4_text-warning a:focus {
    color: var(--vcu-rust) !important;
}
/* Video embeds that can't use the responsive embed plugin */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 1.5rem auto;
}
.embed-container iframe, 
.embed-container object, 
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}