.content_index_wrap {
  float: left;
  min-height: 900px;
  width: 100%; 
}
@media screen and (min-width: 963px) and (max-width: 964px) {
  .content_index_wrap {
    margin-top: 15px;
  }
}

#content_index {
  display: grid;
  grid-column-gap: 12px;
  grid-row-gap: 11px;
  overflow: hidden;
  padding: 10px;
}
@media screen and (min-width: 963px) {
  #content_index {
    grid-template-columns: 32.60073% 66.30037%;
  }
}

/*************** 1. News Area ***************/
p.recentnewsdate {
  color: #ac2f2b;
  display: list-item;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  list-style: disc outside none;
  margin: 0;
  padding: 0 3px 0 0;
  text-align: left;
}

.recentpubs_holder ul {
  margin: 0;
  padding: 0 15px 0 15px;
}

.recentpubs_holder li {
  border-bottom: 1px solid #ddd;
}
.recentpubs_holder li:last-child {
  border-bottom: none;
}

.recentpubs {
  font-size: 13px;
  margin: 0;
  padding: 10px 0;
}
.recentpubs a:hover {
  text-decoration: none;
}

p.recentnewsdate span {
  color: #000;
}

p.recentnewstitle {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  padding: 0 3px 0 0;
  text-align: left;
}

div.recentnews {
  float: left;
  position: relative;
  width: 290px;
}

p.recentnews {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0 3px 0 0;
  text-align: left;
}
p.recentnews a:hover {
  text-decoration: none;
}

.news_item_holder {
  clear: both;
  float: left;
  margin-left: 10px;
  padding: 0 10px 0 20px;
  vertical-align: top;
}

.news_item {
  display: block;
  float: left;
  padding-bottom: 10px;
  vertical-align: top;
}

span.news_pdf:after {
  color: #b52b24 !important;
  content: "\f1c1";
  font-family: FontAwesome;
}

span.circle_chevron:after {
  color: #241f61 !important;
  content: "\f138";
  font-family: FontAwesome;
  font-size: 0.8em;
  text-decoration: none;
}

.tw_holder {
  padding: 10px;
}

.tw_item {
  font-size: 13px;
}

.tw_cont {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.tw_cont:last-child {
  border-bottom: none;
}

.tw_holder .tw_cont:nth-of-type(3n) {
  margin-bottom: 0;
}

/* 2. Spotlight Tab Area */
#spotlightarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 700px) {
  #spotlightarea {
    font-size: 11px;
  }
}
@media screen and (min-width: 950px) {
  #spotlightarea {
    margin-top: 3px;
  }
}
#spotlightarea .ui-tabs-panel {
  border-width: 0;
  display: block;
  padding: 0;
}
#spotlightarea .gallery {
  margin: 0;
  padding: 0;
}

.tabs_content {
  background: #b4d1f1;
  border: 1px solid #004;
}

/* -----------------------
  Spotlight
----------------------- */
#spotlight {
  width: 100%;
  min-height: 370px;
}
#spotlight a {
  color: #222;
}
@media screen and (min-width: 950px) {
  #spotlight {
    height: 370px;
  }
}

/* Spotbox */
.spotbox {
  background: #7aafe8;
  border: 1px solid #036;
  float: left;
  margin: 0 0 10px 0;
  width: 100%;
  height: 110px;
  padding: 10px;
}
.spotbox a {
  float: left;
  height: 80px;
}
@media screen and (min-width: 700px) {
  .spotbox {
    float: left;
    width: 49.45055%;
  }
}

@media screen and (min-width: 700px) {
  .spotbox:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
    margin-right: -100%;
  }
  .spotbox:nth-child(2n+2) {
    clear: none;
    margin-left: 50.54945%;
    margin-right: -100%;
  }
}
/* Spotbox Image */
#scorch .spotbox__image {
  background: url("../images/spotlight/scorch-spotlight.jpg");
  background-position-x: -38px;
  background-size: cover;
}

#grc .spotbox__image {
  background: url("../images/spotlight/grc.png");
  background-size: cover;
}

#irc .spotbox__image {
  background: url("../images/spotlight/irc.png");
  background-size: cover;
}

#dacc .spotbox__image {
  background: url("../images/spotlight/hmpdacc.png");
  background-size: cover;
}

#gcid .spotbox__image {
  background: url("../images/spotlight/gcid.png");
  background-size: cover;
}

#faculty .spotbox__image {
  background: url("../images/spotlight/leadership.png");
  background-size: cover;
}

.spotbox__image {
  float: left;
  height: 80px;
  width: 100px;
}

/* Spotbox Intro */
.spotbox__intro {
  float: left;
  padding: 10px 0 0 10px;
  width: 63%;
}
.spotbox__intro .spotbox__title {
  color: #fff;
  display: block;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .spotbox__intro .spotbox__title {
    font-size: 11px;
  }
}
.spotbox__intro .spotbox__text {
  font-size: 11px;
}

/* -----------------------
  Video Tab Area
----------------------- */
#video {
  min-height: 470px;
}
@media screen and (min-width: 950px) {
  #video {
    height: 470px;
  }
}

.spotlight_video {
  background: rgb(122, 175, 232);
  font-size: 10px;
  width: 100%;
}
@media screen and (min-width: 700px) {
  .spotlight_video {
    float: left;
    font-size: 11px;
    width: 49.45055%;
    height: 110px;
    padding: 10px;
  }
  .spotlight_video .video_popup {
    width: 140px;
  }
  .spotlight_video .video_popup .video_100 {
    width: 140px;
  }
  .spotlight_video .video_text {
    width: 51.5%;
  }
}
@media screen and (min-width: 950px) {
  .spotlight_video .video_text {
    font-size: 0.65rem;
    width: 50%;
  }
}

@media screen and (min-width: 700px) {
  .spotlight_video:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
    margin-right: -100%;
  }
  .spotlight_video:nth-child(2n+2) {
    clear: none;
    margin-left: 50.54945%;
    margin-right: -100%;
  }
}
.spotlight_video .video_text {
  float: left;
  padding: 2px 0 0 10px;
  width: 51%;
}

.spotlight_video .video_popup {
  float: left;
  height: 80px;
  width: 130px;
}

.spotlight_video .video_popup .video_100 {
  background: url("../images/video_play_100.png") no-repeat scroll 0 0 transparent;
  display: block;
  filter: alpha(opacity=65);
  height: 79px;
  margin: 0;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  padding: 0;
  position: absolute;
  width: 130px;
  z-index: 999;
}
.spotlight_video .video_popup .video_100:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.spotlight_video .video_title {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  text-align: left;
  display: block;
}

.spotlight_video .claire_frontiers__video--img {
  background: url("../images/video/claire-15th.jpg");
  background-size: cover;
}

.spotlight_video .ravel__video--img {
  background: url("../images/video/ravel-video-thumb@05x.png");
  background-size: cover;
}

.spotlight_video .server__video--img {
  background: url("../images/video/server-video-thumb@05x.png");
  background-size: cover;
}

.spotlight_video .hmpdacc__video--img {
  background: url("../images/video/hmp-dacc-video-thumb@05.jpg");
  background-size: cover;
}

.spotlight_video .seth__video--img {
  background: url("../images/video/seth-lab.png");
  background-size: cover;
}

.spotlight_video .seth__video2--img {
  background: url("../images/video/seth-neurological-disorders.webp");
  background-size: cover;
}

.spotlight_video .fraser__video--img {
  background: url("../images/video/claire-video-thumb@05x.jpg");
  background-size: cover;
}

.spotlight_video .rasko__video--img {
  background: url("../images/video/rasko-video-thumb@05x.jpg");
  background-size: cover;
}

.spotlight_video .seminar__video__1--img {
  background: url("../images/video/epigenetics_thumb.jpg");
  background-size: cover; 
}

.spotlight_video .seminar__video__2--img {
  background: url("../images/video/carlton-thumb2.jpg");
  background-size: cover; 
}

#video,
#spotlight,
#events {
  float: left;
}
@media screen and (min-width: 579px) {
  #video,
  #spotlight,
  #events {
    border: none !important;
    margin: 0;
  }
}

/*--------------------------------------
    Defuault Event Panel
--------------------------------------*/
#events_section_bg {
  width: 100%;
  background: url("../images/events_tab_placeholder.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  #events_section_bg {
    min-height: 282px;
    margin-top: 0;
  }
}

#events_placeholder {
  min-height: 190px;
}
@media screen and (min-width: 768px) {
  #events_placeholder {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 768px) {
  .cell-left {
    grid-column: span 1;
  }
}

@media screen and (min-width: 768px) {
  .cell-right {
    grid-column: span 2;
  }
}

.cell-right h1 {
  background-color: #000;
  color: #88a9ce;
  display: none;
  font-family: Oswald, sans-serif;
  font-size: 23px;
  margin: 0;
  padding: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cell-right h1 {
    display: block;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    margin: 26px 0 0;
    padding: 8px 15px 10px 10px;
    text-align: left;
  }
}

.index_mob_title {
  color: #000;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 19px;
  margin: 10px 0 0 0;
  padding: 7px 0 7px;
  position: relative;
  text-align: center;
  top: 1px;
  width: 100%;
}
@media screen and (min-width: 579px) {
  .index_mob_title {
    display: none;
  }
}