.jssocials-share-twitter .jssocials-share-link {
  background: none;
}

.jssocials-share-twitter .jssocials-share-link:hover {
  background: none;
}

.jssocials-share-facebook .jssocials-share-link {
  background: none;
}

.jssocials-share-facebook .jssocials-share-link:hover {
  background: none;
}

.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
}

.jssocials-share-googleplus .jssocials-share-link:hover {
  background: #c23321;
}

.jssocials-share-linkedin .jssocials-share-link {
  background: none;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
  background: none;
}

.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
}

.jssocials-share-pinterest .jssocials-share-link:hover {
  background: #9f191f;
}

.jssocials-share-email .jssocials-share-link {
  background: #3490F3;
}

.jssocials-share-email .jssocials-share-link:hover {
  background: #0e76e6;
}

.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
}

.jssocials-share-stumbleupon .jssocials-share-link:hover {
  background: #c93412;
}

.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
  background: #1f7d1e;
}

.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
}

.jssocials-share-telegram .jssocials-share-link:hover {
  background: #1c88bd;
}

.jssocials-share-line .jssocials-share-link {
  background: #25af00;
}

.jssocials-share-line .jssocials-share-link:hover {
  background: #1a7c00;
}

.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
}

.jssocials-share-viber .jssocials-share-link:hover {
  background: #61407b;
}

.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
}

.jssocials-share-pocket .jssocials-share-link:hover {
  background: #e9132e;
}

.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
}

.jssocials-share-messenger .jssocials-share-link:hover {
  background: #006acc;
}

.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
}

.jssocials-share-vkontakte .jssocials-share-link:hover {
  background: #344d6c;
}

.jssocials-share-link {
  padding: 0.5em 0.6em;
  color: #fff;
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
  color: #fff;
}

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 0.3em;
  margin-left: 0.3em;
  background: #f5f5f5;
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box:hover {
  background: gainsboro;
}

.jssocials-share-count-box:hover:after {
  border-color: transparent gainsboro transparent transparent;
}

.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.85em;
  left: -0.3em;
  width: 0;
  height: 0;
  border-width: 0.4em 0.4em 0.4em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #444;
}

.jssocials-shares {
  margin: 0.2em 0;
}

.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 8px auto 0;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
  border-radius: 0;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em -0.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

#article-header-image::before {
  /*content: "";*/
  /*display: block;*/
  /*top: 0;*/
  /*left: -50%;*/
  /*right: 0;*/
  /*bottom: calc(3.375rem + 15px);*/
  /*background-color: #f2f2f2;*/
  /*z-index: 0;*/
  /*position: absolute;*/
  /*width: 4000px;*/
}

#newsroom-article p.lead {
  position: relative;
}

#newsroom-article .nav-breadcrumb {
  z-index: 1;
}

.img-link + h3.article-title {
  margin-top: 15px !important;
}

#latest-category-list {
  margin-bottom: 1.125rem;
}

#latest-category-list li + li + li + li, #around-campus-list li + li + li + li + li {
  display: none;
}

#category-archive-list .news-date {
  display: block;
}

@media (min-width: 992px) {
  #category-archive-list .news-date {
    display: inline-block;
  }
}
#category-archive-list .list-archive {
  list-style: none;
  padding: 0;
}

#category-archive-list .list-archive li {
  margin: 10px 0;
}

#category-archive-list .list-archive li.list-year {
  margin-top: 30px;
}

#category-archive-list .list-archive li.list-year:first-child {
  margin-top: 0;
}

#category-archive-list .list-title {
  color: #111;
  text-decoration: underline;
}

#newsroom-title + .page-section {
  padding-top: 1.875rem;
}

span.cat-divider:last-child {
  display: none;
}

i.glyphicon.glyphicon-triangle-bottom {
  margin-inline-start: auto;
  align-self: center;
}

img.grid-image {
  border-radius: 8px;
  width: 100%;
}

#wrap {
  padding-bottom: 3rem;
}

#wrap .newsroom-header {
  margin: 0;
}

.archive-listing .grid-item-wrapper {
  flex-direction: row;
  display: flex;
  padding-bottom: 40px;
}

.archive-listing .grid-image-wrapper {
  margin-right: 20px;
  max-width: 220px;
}

.archive-listing .grid-image {
  min-width: 220px;
  height: 149px;
  object-fit: cover;
  object-position: center;
}

.archive-listing .grid-content-wrapper {
  margin-left: 20px;
  padding: 0;
}

ul.archive-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

h2.archive-subtitle {
  font-size: 28px;
  color: #000;
  line-height: 34px;
  font-family: "Source Sans Pro", sans-serif;
}

a.news-link {
  padding: 0;
  color: #000;
  text-decoration: underline;
  font-size: 24px;
}

.archive-subtitle {
  font-size: 28px !important;
  line-height: 30px;
  margin-top: 0 !important;
}

.archive-list-item h3 {
  font-size: 24px;
  line-height: 34px;
  font-family: "Source Sans Pro", sans-serif;
}

#article-header {
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

#article-content {
  max-width: 1380px;
  margin: 0 auto;
  padding-top: 0;
}

#article-header .hero-image {
  max-width: 1300px;
  margin: 15px auto;
}

#article-header h1 {
  letter-spacing: 0 !important;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}

#article-header.article-category {
  text-decoration: underline;
}

#article-header img {
  width: 100%;
}

#shareIcons {
  position: relative;
}

.jssocials-shares {
  display: inline-flex;
}

#article-header .jssocials-share-logo {
  height: 1.25em;
  width: 30px;
}

#article-header .jssocials-share-linkedin img {
  border-radius: 0;
}

.small-text ul.article-category {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

#article-header p.small-text {
  font-size: 18px;
  position: relative;
}

#article-header div.small-text {
  position: relative;
}

@media (max-width: 991px) {
  #article-header div.small-text {
    flex-direction: column;
  }
  #newsroom-title #category-dropdown {
    padding-right: 0;
  }
  .input-groups #search-column {
    flex-direction: column;
  }
}
#article-header .small-text .col-article-category {
  display: flex;
  align-items: center;
  /*margin: 1em 0 1em 1em;
   */
}

#sidebar .article-category {
  text-decoration: none !important;
}

#sidebar .archive-subtitle {
  font-size: 28px;
  line-height: 30px;
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.input-groups #news-search {
  order: 3;
  min-width: 350px;
}

@media (max-width: 767px) {
  #article-header .small-text .col-article-category {
    margin: 0;
  }
}
@media (max-width: 575px) {
  #article-header .small-text .col-article-category {
    flex-wrap: wrap;
  }
}
#article-header .small-text .share-this-story {
  display: flex;
  align-items: center;
  justify-content: left;
}

@media (min-width: 991px) {
  #article-header .small-text .share-this-story {
    justify-content: right;
  }
}
#article-header .small-text .share-this-story span {
  margin-right: 10px;
}

@media (min-width: 992px) {
  #article-header .small-text .share-this-story {
    padding-left: 0 !important;
  }
}
#article-header .article-header-date {
  margin-right: 5px;
  line-height: 1.5;
  text-wrap: nowrap;
}

.theme-light-gray .fn a {
  color: #000000;
}

.theme-light-gray .article-category li a {
  color: #00866c;
  text-decoration: underline;
}

.theme-light-gray .article-category a:not(.btn):hover {
  text-decoration: none;
}

#article-content p, #article-content h1, #article-content h2, #article-content h3, #article-content h4, #article-content h5, #article-content dl, #article-content ul, #article-content ol, #article-content .table {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#categories {
  max-width: 1000px;
  margin: 0 auto;
}

#article-image-grid {
  margin-top: 3rem;
}

#article-image-grid figure {
  display: block !important;
}

#article-image-grid img {
  width: 100%;
}

@media (max-width: 767px) {
  #article-image-grid figure {
    text-align: center;
  }
}
#article-image-grid figcaption {
  margin-top: 15px;
  margin-bottom: 40px;
  line-height: 24px;
  font-size: 16px;
}

#article-top-stories {
  background-color: #f2f2f2;
}

#article-top-stories h2 {
  text-align: center;
  width: 100%;
  margin: 0;
}

@media (max-width: 1199px) {
  #article-top-stories h2 {
    text-align: left;
  }
}
span.cat-divider:last-child {
  display: none;
}

i.glyphicon.glyphicon-triangle-bottom {
  margin-inline-start: auto;
}

img.grid-image {
  border-radius: 8px;
  width: 100%;
}

.small-text ul.article-category {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.image-left figure.image, .image-right figure.image {
  margin-left: 0;
}

.topStories li img, article img {
  border-radius: 8px;
  margin-bottom: 24px;
}

.uh-in-news p .small {
  font-size: 20px;
}

.uh-in-news p {
  font-size: 24px;
}

.black-link {
  text-decoration: underline;
  color: #000;
  font-weight: 700;
}

#news-search .search-icon {
  flex: 1;
  max-width: 40px;
  text-align: center;
  color: #000;
}

#news-search button {
  max-width: 100px;
  padding-left: 0;
  background: none;
  border: none;
  line-height: 1;
  height: auto;
  transition: 0.2s;
}

#news-search input::placeholder {
  color: #000;
}

button#load {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 16px;
  border-radius: 60px;
}

#hero-background {
  position: absolute;
  top: 0px;
  width: 100%;
  max-width: 120rem;
  height: 1190px;
  background-color: #f5f5f5;
  z-index: 0;
}

.category, .category a {
  color: #00866c;
  text-decoration: underline;
}

.green {
  color: #00866c;
}

.hero-image {
  margin: 30px 0 60px;
  position: relative;
}

.news-listing .article-date {
  font-size: 16px !important;
  line-height: 20px !important;
  margin: 15px 0 5px 0 !important;
}

.news-listing .article-title {
  font-size: 24px !important;
  text-decoration: underline !important;
  color: #000 !important;
  line-height: 34px !important;
  margin: 5px 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.news-listing .article-teaser {
  font-size: 18px !important;
  line-height: 27px !important;
  margin: 5px 0 !important;
}

.news-listing .article-category {
  color: #00866c !important;
  font-size: 16px !important;
  text-decoration: underline !important;
  line-height: 20px !important;
  margin: 5px 0 !important;
}

.news-listing .grid-image {
  margin-bottom: 15px !important;
}

.news-date {
  padding-right: 2rem;
}

p.news-date {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

p.news-category {
  padding: 0;
  font-size: 16px;
  color: green;
  text-decoration: underline;
}

.topStories {
  padding: 54px 0 120px 0;
  background: #f5f5f5;
}

.small-text {
  font-size: 16px;
}

p.small-text {
  margin-bottom: 40px;
}

.header-text {
  max-width: 1000px;
  margin: 0 auto;
}

.entry-content p {
  max-width: 1000px;
  padding: 1.125rem 0;
  margin: 0 auto;
  font-size: 20px;
  line-heght: 30px;
}

figure.image {
  display: block;
  margin: 1.125rem 0;
  width: 100%;
}

figure.image img {
  width: 100%;
}

figure.image figcaption {
  margin-top: 8px;
  line-height: 24px;
  font-size: 16px;
  text-align: left;
}

@media (min-width: 991px) {
  figure.image {
    float: right;
    margin: 0 0 1.125rem 40px;
    width: 50%;
    max-width: 480px;
  }
}
#article-content blockquote {
  font-family: "Crimson Pro", serif;
  font-style: normal;
  font-size: 30px !important;
  padding: 20px 0 !important;
  line-height: 1.25;
  margin: 60px 0;
  border-top: 2px solid #E9E9E9;
  border-bottom: 2px solid #E9E9E9;
  border-left: none;
  padding: 20px 0;
}

#article-content blockquote p {
  max-width: 740px !important;
  font-size: 30px !important;
  padding: 20px 0 !important;
  line-height: 1.25;
  margin: 0 auto;
}

/* Article page top stories markup */
.article-date {
  padding: 0 !important;
  margin: 15px 0 10px 0 !important;
  font-size: 1rem !important;
}

.article-teaser {
  margin: 0 0 10px 0 !important;
}

.article-category {
  list-style: none !important;
  color: #00866c !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

.article-category li {
  margin: 0 10px 0 0;
  line-height: 1.5;
}

.article-category li a {
  color: #005950 !important;
  text-decoration: underline !important;
}

.article-category li a:hover {
  color: #000000 !important;
}

.article-category li:after {
  content: "/";
  color: #000;
  left: 5px;
  position: relative;
}

.article-category li:last-child:after {
  content: none !important;
}

.article-category {
  padding-top: 0;
}

.article-category li:after {
  content: "/";
  color: #000;
  left: 5px;
  position: relative;
}

.article-category li:last-child:after {
  content: none;
}

.article-category li a:hover {
  color: #000000;
}

.article-title, #latest-news .article-title {
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
  font-family: "Source Sans Pro";
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
}

.article-title a, #latest-news .article-title a {
  text-decoration: underline !important;
  color: #000 !important;
}

#top-stories .article-date, #latest-news .news-date, #around-campus .news-date, .feature-story-text .news-date {
  padding: 0;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1rem;
}

#upcoming-events-table {
  margin-top: 1.125rem;
}

#upcoming-events-table td, #upcoming-events-table th {
  padding: 15px 9px;
}

#upcoming-events-table a {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}

#upcoming-events-table thead th {
  background: #eee;
}

#news-search .input-group-addon {
  padding: 0;
  font-size: 14px;
  width: 14px;
  font-weight: inherit;
  line-height: 1;
  color: inherit;
  text-align: inherit;
  background: none;
  border: none;
  border-radius: 0;
}

#news-search input {
  border: none;
  box-shadow: none;
  font-size: 18px;
  background: transparent;
  outline: none;
  color: #000;
  height: 100%;
  padding-left: 0;
}

#newsroom-title {
  padding: 0;
  overflow: visible;
}

h1.entry-title {
  text-transform: uppercase;
  /*font-size:4.5rem !important;
   */
  line-height: 1em;
}

#newsroom-title h1 {
  text-transform: uppercase;
  line-height: 1;
}

#newsroom-title .row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#page-title {
  flex: 2;
}

#category-dropdown button {
  width: 100%;
  min-width: 350px;
  text-align: left;
  border-radius: 100px;
  height: 54px;
  background-color: #f5f5f5;
  border: 1px solid #e9e9e9;
  padding: 0 30px;
  font-size: 18px;
  color: #111111;
}

#category-dropdown button::after {
  position: absolute;
  left: 85%;
  margin-top: 0.7em;
}

#category-dropdown .dropdown-menu {
  margin: 0;
  width: 100%;
  font-size: 18px;
  border: 1px solid #e9e9e9;
  border-top: none;
  border-radius: 0 0 27px 27px;
  padding-bottom: 30px;
  padding-top: 15px;
  -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.05);
  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.05);
}

#category-dropdown .dropdown-menu li a {
  padding: 4px 30px;
  position: relative;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
/*   white-space: nowrap; */
}

#category-dropdown .dropdown-menu li.external-link a::after {
  content: "";
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(https://uh.edu/news-events/_images/external.svg) center center no-repeat;
  opacity: 0.5;
}

#category-dropdown .dropdown-menu li a:hover, #category-dropdown .dropdown-menu li a:focus, #category-dropdown .dropdown-menu li a:active, #category-dropdown .dropdown-menu li a:visited {
  text-decoration: none;
}

#category-dropdown .dropdown-menu > li > a:hover, #category-dropdown .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: #f5f5f5;
}

#category-dropdown .caret {
  float: right;
  /*top: 50%;
   */
  /*-webkit-transform: translateY(calc(-50% - 12px));
   */
  /* -ms-transform: translateY(calc(-50% - 12px));
   */
  /* transform: translateY(calc(-50% - 12px));
   */
  -webkit-align-self: center;
  margin-top: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 8px dashed;
  border-top: 8px solid \9 ;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#category-dropdown .dropdown .dropdown-toggle.show {
  border-radius: 27px 27px 0 0;
}

.cat-dropbtn {
  background-color: #f5f5f5;
  color: #000;
  padding: 16px 24px;
  width: 100%;
  font-size: 18px;
  border: 1px solid #E9E9E9;
  border-radius: 48px;
  text-align: left;
  cursor: pointer;
  display: flex;
}

.cat-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.cat-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 20px;
  border-radius: 0px 0px 20px 20px;
}

.cat-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  padding: 5px 24px;
  font-size: 16px;
}

.cat-dropdown-content a:hover {
  background-color: #f2f2f2;
}

.cat-dropdown:hover .cat-dropdown-content {
  display: block;
}

.cat-dropdown:hover .cat-dropbtn {
  background-color: #f2f2f2;
  border-radius: 26px 26px 0px 0px;
}

#search-column {
  flex: 1;
}

#page-title {
  order: 1;
}

.input-groups {
  order: 2;
}

#news-search .input-group {
  background-color: #f5f5f5;
  border: 1px solid #e9e9e9;
  border-radius: 27px;
  height: 54px;
  padding: 0 30px;
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  #search-column {
    order: 3;
  }
  #category-dropdown {
    order: 2;
  }
}
/***************************************/
#main-content p a:not(.btn) {
  text-decoration: underline;
}

.newsroom-header .container {
  display: flex;
  flex-wrap: wrap;
}

.img-text-container {
  display: flex;
  flex-wrap: wrap;
}

#around-campus {
  padding-bottom: 0;
}

#around-campus .grid-image, #around-campus-list .grid-image, #latest-category-list .grid-image, #top-stories .grid-image, #article-top-stories .grid-image, #latest-news .grid-image, #banner-features .grid-image {
  background-color: #e9e9e9;
  aspect-ratio: 720/540;
  border-radius: 8px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}

.uh-newsroom-img img {
  width: 100%;
}

.hp-content {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.two-column-text {
  background-color: #f5f5f5;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}

.two-column-text h2 {
  text-transform: uppercase;
}

.two-column-text div {
  vertical-align: middle;
}

/* Featured Story */
#featured-story {
  padding-top: 1.875rem;
}

#featured-story .row {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  align-items: center;
  overflow: hidden;
}

#featured-story .news-date {
  margin-top: 0;
}

.feature-story-img {
  padding: 0;
  aspect-ratio: 720/540;
  background-color: #333;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.feature-story-text {
  margin: 0 auto;
  padding: 2.5rem 1.25rem;
  max-width: calc(616px + 2.5rem);
}

@media (min-width: 768px) {
  .feature-story-img {
    aspect-ratio: 9/6;
  }
  #featured-story .row {
    border-radius: 8px;
    margin: 0;
  }

  #page-title h1 {
    font: 4.5rem/1 'League Gothic', sans-serif;
  }
}
@media (min-width: 992px) {
  #featured-story .row {
    flex-direction: row;
  }
  .feature-story-img {
    aspect-ratio: 720/540;
    aspect-ratio: 9/6;
    border-right: 1.25rem solid #f5f5f5;
  }
  .feature-story-text {
    max-width: calc(480px + 2.5rem);
  }
}
/* Top Stories */
#top-stories {
  padding-top: 0;
}

#top-stories .tops-title {
  text-align: left;
}

.tops-title {
  text-transform: uppercase;
  font-family: "League Gothic", sans-serif;
  font-weight: normal;
  font-size: 54px;
  line-height: 30px;
  margin-bottom: 30px;
}

/*Latest News*/
#latest-news {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

#uh-in-the-news .section-grid {
  margin: 2.25rem -2.5rem -2.5rem;
}

#uh-in-the-news li {
  background-color: #f5f5f5;
  padding: 2.5rem;
  margin-bottom: 1.25rem;
}

#uh-in-the-news .sp-block {
  display: flex;
  flex-direction: column;
}

#uh-in-the-news h3 {
  font-size: 1.5rem !important;
  color: #111 !important;
  font-weight: bold !important;
  font-family: "Source Sans Pro" !important;
  line-height: 1.5 !important;
  padding: 0 !important;
  margin: 0;
}

#uh-in-the-news a {
  text-decoration: underline;
  color: #111;
  order: 2;
}

#uh-in-the-news .teaser {
  order: 1;
}

@media (min-width: 768px) {
  #uh-in-the-news li:nth-child(even) {
    border-left: 1.25rem solid #FFF;
  }
  #uh-in-the-news li:nth-child(odd) {
    border-right: 1.25rem solid #FFF;
  }
  #uh-in-the-news li {
    margin-bottom: 2.5rem;
  }
}
/*multimedia*/
#multimedia, #faculty-experts-row {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
}

#multimedia-content p, #faculty-experts-content .section-links {
  margin-bottom: 0;
}

#multimedia-content, #faculty-experts-content {
  padding: 1.25rem 1.25rem 0 1.25rem;
  margin: 0;
}

#multimedia-vid, #faculty-experts-image {
  border-left: none;
}

@media (min-width: 768px) {
  #multimedia, #faculty-experts-row {
    background-color: #f5f5f5;
  }
  #multimedia-content, #faculty-experts-content {
    max-width: calc(480px + 2.5rem);
    padding: 2rem 1.25rem;
    margin: 0 auto;
  }
  #multimedia, #faculty-experts-row {
    flex-direction: row;
    align-items: center;
    margin: 0;
  }
  #multimedia-vid, #faculty-experts-image {
    padding-left: 0;
  }
}
/*Houston Public Media*/
#public-media {
  padding: 0;
}

.uh-public-media {
  display: flex;
  flex-direction: column;
}

.media-player-wrapper {
  font-size: 24px;
  line-height: 30px;
  padding: 0;
  width: 100%;
}

.jp-play, .jp-pause {
  font-size: 24px;
  font-weight: 600;
  border-radius: 0px;
  border: none;
  height: 66px;
  width: 100%;
  display: block;
}

.jp-controls .glyphicon-play, .jp-controls .glyphicon-pause {
  padding-right: 30px;
}

.media-text-wrapper {
  background-color: #f5f5f5;
  font-size: 24px;
  line-height: 30px;
  flex: 1;
  text-align: center;
  padding: 0 1.25rem;
}

@media (min-width: 768px) {
  .uh-public-media {
    display: flex;
    flex-direction: row;
    margin: 0;
  }
  .media-player-wrapper {
    width: 390px;
  }
  .media-text-wrapper {
    text-align: left;
  }
}
/* Office of Media Relations*/
#media-relations .text-container {
  max-width: 740px;
}

/*** Media Queries ***/
@media (max-width: 767px) {
  .archive-listing .grid-content-wrapper {
    margin-left: 0 !important;
  }
  .archive-list-item h3 {
    font-size: 16px;
    line-height: 22px !important;
  }
  p.news-date {
    font-size: 14px !important;
    margin: 10px 0 0 0 !important;
  }
  a.news-link {
    font-size: 16px !important;
  }
  .archive-listing .grid-item-wrapper {
    flex-direction: column !important;
  }
  .archive-listing .grid-image-wrapper {
    margin-right: 0 !important;
  }
  .archive-list-item .article-category {
    display: none !important;
  }
  .archive-listing .grid-image {
    height: auto !important;
    min-width: auto !important;
    aspect-ratio: 22/15 !important;
  }
  .top-stories-wrapper {
    display: block !important;
    top: inherit !important;
  }
  .top-stories-image {
    width: 100% !important;
  }
  .top-stories-content {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .news-header {
    padding: 0 40px;
  }
  .feature-story-img a .grid-image {
    height: 100%;
  }
  img.grid-image {
    border-radius: 8px;
  }
  .hp-content h2 {
    font-size: 2.813vw;
    line-height: 30px;
  }
  .fields-wrapper {
    margin-left: -1.25rem;
  }
  .input-groups {
    margin-right: auto;
    display: flex;
  }
  #newsroom-title .row {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  #news-search {
    max-width: none;
    margin-bottom: 1rem;
  }
  #search-column {
    padding-bottom: 20px;
  }
  #category-dropdown {
    padding-bottom: 20px;
    padding-left: 0;
  }
  .fs-table-container div {
    max-width: 616px !important;
    padding: 38px 0 !important;
  }
  #sidebar .section-grid {
    background-color: #F2F2F2;
    padding-top: 3rem;
  }
  .top-stories-wrapper {
    display: flex;
    margin-bottom: 3rem;
  }
  .top-stories-image {
    width: 50%;
  }
  .top-stories-content {
    width: 50%;
    padding-left: 30px;
  }
  .news-listing .grid-image {
    width: auto;
  }
  .section-grid:last-child {
    margin-bottom: -3rem;
  }
  #load {
    margin-bottom: 3rem;
  }
  #newsroom-title .row {
    flex-direction: column;
  }
  .input-groups {
    width: 100%;
  }
      #sidebar .section-grid {
        margin-top: 40px;
        margin-bottom: -40px;
    }
}
@media (min-width: 992px) {
  #sidebar .section-grid {
    background-color: #F2F2F2;
    border-radius: 8px;
    margin-top: 6rem;
    padding: 0 2rem;
    position: relative;
    top: -2rem;
  }
}
.top-stories-wrapper {
  margin-bottom: 1rem;
  position: relative;
  top: -2.5rem;
}

#sidebar .archive-subtitle {
  padding-bottom: 0;
  margin-left: 3rem;
}

.input-groups #search-column {
  display: flex;
}

#newsroom-title #category-dropdown {
  padding-left: 0;
}

/* newsroom homepage */
 @media (min-width: 768px) {
    #uh-in-the-news .news-grid:nth-child(odd) {
        border-right: 1.25rem solid #FFF;
    }
    
        #uh-in-the-news .news-grid {
        margin-bottom: 2.5rem;
    }
    
    #uh-in-the-news .news-grid {
    background-color: #f5f5f5;
    padding: 2.5rem;
    margin-bottom: 1.25rem;
}
}

#uh-in-the-news .news-grid {
    background-color: #f5f5f5;
    padding: 2.5rem;
    margin-bottom: 1.25rem;
}

.archive-sidebar-grid {
    padding: 0px;
}
