ol.articles {
  padding: 0px;
  margin: 0px;
  list-style-position: inside; }
  ol.articles li {
    padding: 0px;
    margin: 0px; }
    ol.articles li i {
      font-style: italic; }

/*for list page*/
h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000000;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-bottom: none; }

h3.data {
  color: #FFF;
  background-color: #ee781e; }

h3.communication {
  color: #FFF;
  background-color: #004ea1; }

h3.mediaScience {
  color: #FFF;
  background-color: #00895a; }

h3.human {
  color: #FFF;
  background-color: #e8456c; }

.title {
  font-size: 1.1em;
  font-weight: 700;
  padding: 5px 0px;
  margin: 0px; }

#ex #data .title {
  border-bottom: 2px solid #ee781e; }

#ex #communication .title {
  border-bottom: 2px solid #004ea1; }

#ex #media .title {
  border-bottom: 2px solid #00895a; }

#ex #human .title {
  border-bottom: 2px solid #e8456c; }

#ex #data h2 {
  background: linear-gradient(90deg, #ee781e, #dc9e6f); }

#ex #communication h2 {
  background: linear-gradient(90deg, #004ea1, #4b6e95); }

#ex #media h2 {
  background: linear-gradient(90deg, #00895a, #458972); }

#ex #human h2 {
  background: linear-gradient(90deg, #e8456c, #e87490); }

.subTitle {
  font-size: 0.8em;
  font-weight: 700;
  padding: 5px 0px;
  margin: 0px 0px 10px 0px; }

.name {
  font-size: 1em;
  padding: 0px;
  margin: 0px; }

.exNumber div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 1px 10px;
  color: #FFF;
  font-weight: 700;
  font-size: 0.9rem; }

#ex #data .headerTitle p,
#ex #data .category,
#ex #data .exNumber div {
  background-color: #ee781e; }

#ex #communication .headerTitle p,
#ex #communication .category,
#ex #communication .exNumber div {
  background-color: #004ea1; }

#ex #media .headerTitle p,
#ex #media .category,
#ex #media .exNumber div {
  background-color: #00895a; }

#ex #human .headerTitle p,
#ex #human .category,
#ex #human .exNumber div {
  background-color: #e8456c; }

.headerTitle p,
.researchTextBox p {
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FFF;
  padding: 10px 0; }

.researchTextBox p {
  font-weight: 400;
  color: #000;
  text-align: left;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 1rem; }

.linkBtn {
  padding: 15px 0;
  margin: 10px 0;
  text-align: center; }
  .linkBtn:nth-of-type(even) {
    background-color: #eee; }
  .linkBtn a {
    background-image: url(../img/arrow.png);
    background-position: right;
    background-repeat: no-repeat; }

#posterLinkBox {
  text-align: center; }

@media (min-width: 768px) {
  .headerTitle p {
    height: 100%; }

  .exNumber div {
    padding: 10px 15px;
    font-size: 1.5rem; }

  .title {
    font-size: 1.6em; }

  .subTitle {
    font-size: 1.1em; }

  .linkBtn {
    text-align: left; }

  #ex #data .researchTextBox {
    padding-left: 0; }

  #posterLinkBox {
    text-align: left; } }