.card-outer{
  /*box-shadow: 0px 0px 5px #656565;*/
  border-radius: 0 0 8px 8px;
  max-width: 460px;
  margin: 2rem 0;
  transition: margin-top 0.5s;
  border: 1px solid var(--theme-color-purple-light-x);
}

.card-outer:hover{
  margin-top: 1rem;
  /*cursor: pointer;*/
  transition: margin-top 0.5s;
}

.card-outer:hover .card-inner-bottom a{
  color: #b6e1fc;
  transition: color 1s;
}

.card-inner-top{
  text-align: center;
  /*min-height: ;*/
  font-size: 1.5rem;
  font-weight: bold;
  font-family: Cambria, serif;
  line-height: 1.4em;
  padding: 3rem 0;
  background-color: #b6e1fc;
  min-height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-inner-top-lbd{
  background-image: url("../common/logo/lbd_logo_no_background.png");
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('../common/logo/lbd_logo_no_background.png'), url('../common/bag_background.jpg');
  background-repeat: no-repeat;
  background-position: 90% center;
  font-size: 2rem;
  /*color: ;*/
}

.card-inner-top-bag{
  background-image: url("../common/bag_background.jpg");
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('../common/bag_background.jpg');
  background-repeat: no-repeat;
  background-position: 10% center;
  font-size: 2rem;
  background-size: cover;
}

.card-inner-top-source{
  font-size: 2.3rem;
}

.card-inner-bottom{
  padding: 1.5rem 1.3rem;
  font-size: 1.1rem;
  line-height: 1.4em;
  transition: background 1s, color 1s;
  color: var(--theme-color-navy-standard);
}

.card-inner-bottom li{
  margin-bottom: 0.6rem;
}

a.card-link, a.card-link:hover{
  text-decoration: none;
  color: #333333;
}

.card-inner-top:hover ~ .card-inner-bottom, .card-inner-bottom:hover{
  background: #0068b9;
  transition: background 1s, color 1s;
  color: white;
}

#section_newly_extracted_relations{
  color: var(--theme-color-purple-standard);
  margin: 3rem auto;
}
#section_newly_extracted_relations a{
  display: block;
}
#section_newly_extracted_relations a:hover{
  color: white;
  background-color: var(--theme-color-purple-light);
}
.scroll-table{
  border: 1px solid var(--theme-color-purple-light-x);
  margin: 2.5rem 0 4rem;
}
.scroll-head {
  height: 40px;
  width: 100%;
  background-color: var(--theme-color-blue-dark);
}
.scroll-head>ul>li{height: 40px;width: 20%;float: left;text-align: center;line-height: 40px;color: white;list-style-type: none;}
.scroll-head>ul{padding:0;margin:0;}

.scroll-body-container{width:100%;position: relative;overflow: hidden;}
.scrollBody{height: 400px;position: relative;overflow: hidden;}
.scrollBody>ul{list-style: none;position: absolute;height: 40px;width: 100%;top: 400px;left: 0px;padding:0;margin:0;}
.scrollBody>ul:nth-child(odd){background: var(--theme-color-purple-light-xxx);}
.scrollBody>ul:nth-child(even) {background: #ffffff;}
.scrollBody>ul>li{height: 40px;width: 20%;float: left;text-align: center;line-height: 40px;font-size: 12px;}
.scrollBody>ul:nth-child(1){top: 0px;}
.scrollBody>ul:nth-child(2){top: 40px;}
.scrollBody>ul:nth-child(3){top: 80px;}
.scrollBody>ul:nth-child(4){top: 120px;}
.scrollBody>ul:nth-child(5){top: 160px;}
.scrollBody>ul:nth-child(6){top: 200px;}
.scrollBody>ul:nth-child(7){top: 240px;}
.scrollBody>ul:nth-child(8){top: 280px;}
.scrollBody>ul:nth-child(9){top: 320px;}
.scrollBody>ul:nth-child(10){top: 360px;}

.scroll-body-link{
  padding: 0;
  color: var(--theme-color-purple-standard);
  font-size: 12px;
  text-decoration: underline;
}

.scroll-body-link:hover{
  text-decoration: none;
}