/* ==========================================================================
    PHARMACY MICROSITES 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";
  }
}
/* --------------------------------------------------------------------------
   FONTAWESOME
-------------------------------------------------------------------------- */
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.arrow-right-long-orange::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f30b";
    margin-left: .5rem;
    color: var(--cwf-color--orange);
}
.building-gold::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1ad";
    color: var(--cwf-color--gold);
    margin-right: .25rem;
}
.envelope-gold:before {
    font-family: "Font Awesome 6 Free"; 
    content: '\f0e0';
    margin-right: .25rem;
    color: var(--cwf-color--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-right: .25em;
    color: var(--cwf-color--gold);
}
.facebook-blue:before {
    font-family: "Font Awesome 6 Brands"; 
    content: '\f09a';
    margin-right: .25rem;
    color: #1877F2;
    font-weight: 900;
}
.info-circle-blue::before {
    content: "\f05a";
    font-family: "Font Awesome 6 Free";
    color: var(--cwf-color--blue);
    margin-right: .25rem;
    font-weight: 900;
}
.linkedin-gold:before {
    font-family: "Font Awesome 6 Brands"; 
    content: '\f08c';
    margin-right: .25rem;
    color: var(--cwf-color--gold);
    font-weight: 900;
}
.phone-gold::before {
    font-family: "Font Awesome 6 Free";
    content: "\f095";
    color: var(--cwf-color--gold);
    margin-right: .25rem;
    font-weight: 900;
}
/* --------------------------------------------------------------------------
   Footer Call-to-Action Buttons
-------------------------------------------------------------------------- */
.plugin-hero.cta {
    background: var(--cwf-color--gold);
}
.cta a {
    display: block;
    text-align: center;
    color: var(--cwf-color--black)!important;
    background: var(--cwf-color--white)!important;
}
.cta a:hover,
.cta a:focus {
    background-color: rgba(0,0,0,0.25)!important;
    color: var(--cwf-color--white)!important;
}
.cta h2 {
    color: var(--cwf-color--black);
}
.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( .t4_button :where(a,a:active,a:link), .cwf-breadcrumb__list--dropdown :where(a,a:active,a:link), a:has(img), .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), .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), .cta :where(a,a:active,a:link)), 
aside.t4-content-area--sidebar :is(a,a:active,a:link):not( .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( .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, 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), .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;
}
/* Give PDFs and other document types 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(--cwf-color--orange);
}
a[href$="doc"]:after,
a[href$="docx"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c2";
    margin-left: .25rem;
    color: var(--cwf-color--orange);
}
a[href$="xls"]:after,
a[href$="xlsx"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c3";
    margin-left: .25rem;
    color: var(--cwf-color--orange);
}
a[href$="ppt"]:after,
a[href$="pptx"]:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f1c4";
    margin-left: .25rem;
    color: var(--cwf-color--orange);
}
/* --------------------------------------------------------------------------
   Navigation
-------------------------------------------------------------------------- */
/* 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:"\f004";
    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;
    }
}
/* --------------------------------------------------------------------------
   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 {
      color: var(--vcu-white) !important;
      text-decoration: none;
      padding-bottom: 2px;
      border-bottom: 1px solid var(--vcu-gold);
  }
  .rust-card .plugin-card__body a:hover, 
  .rust-card .plugin-card__body 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;
      }
  }
/****************************************/
/* Pharmacy Directory Item content type */
input#searchInput {
    border: 1px solid #efefef;
    padding: 0.5rem;
    margin: 0 auto 1rem;
}
/****************************************/
/* 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 */
.plugin-general-content h2 {
    border-left: 8px solid var(--cwf-color--gold);
    padding-left: .5rem;
    margin: 2rem auto;
    padding-top: 0;
}
/* 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 orange checkmarks instead of bullets */
.checklist {
  list-style: none;
}
.checklist > li:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f14a";
    color: #d43900;
	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";
}
/* Subheadings */
.subhed {
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--cwf-color--orange);
  line-height: 1.5;
}
.subhed-lt {
    font-size: 1.8rem;
  	font-weight: 300;
    color: var(--vcu-black);
    opacity: .75;
    line-height: 1.5;
}
/* T4 format classes */
.t4_text-info {
    color: #000;
    margin: 1rem auto;
    background: #dfefff;
    padding: .8rem;
    border: 1px solid #006894;
    display: inline-block;
    font-weight: 500;
}
.t4_text-success {
    color: #000;
    padding: .8rem;
    background: #ddfddc;
    border: 1px solid #97c597;
    margin: 1rem auto;
    display: inline-block;
    font-weight: 500;
}
.t4_text-warning {
    color: #000;
    padding: .8rem;
    background: lightyellow;
    border: 1px solid #ffc107;
    margin: 1rem auto;
    display: inline-block;
    font-weight: 500;
}
/* 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%;
}