@font-face {
    font-family: InkFree;
    font-weight: 400;
    src: url("https://2021.igem.org/wiki/images/3/3b/T--WHU-China--inkfree.ttf");
    /* src: url("../ttf/INKFREE.TTF"); */
}

@font-face {
    font-family: Candara;
    font-weight: 200;
    src: url("https://2021.igem.org/wiki/images/a/af/T--WHU-China--candara.ttf");
    /* src: url("../ttf/CANDARA.ttf"); */
}

@font-face {
    font-family: Sansita;
    font-weight: 200;
    src: url("https://2021.igem.org/wiki/images/2/2c/T--WHU-China--sansita.ttf");
    /*src: url("../ttf/SANSITA.ttf");*/
}

@font-face {
    font-family: Nunito;
    font-weight: 200;
    src: url("https://2021.igem.org/wiki/images/2/2a/T--WHU-China--nunito.ttf");
    /* src: url("../ttf/NUNITO.ttf"); */
}

@font-face {
    font-family: MontserratAlternates-Regular;
    font-weight: 200;
    src: url("https://2021.igem.org/wiki/images/b/b2/T--WHU-China--mont.ttf");
    /* src: url("../ttf/MontserratAlternates-Regular.pfb.ttf"); */
}



body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }
.bg-blue {background: -webkit-linear-gradient(180deg, #87b4e7,#5888ee,#5888ee);/* Chrome 10-25, Safari 5.1-6 */
          background: linear-gradient(180deg, #87b4e7,#5888ee,#5888ee);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
          }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer { color: #343a40; }
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }
footer a img {
  height: 60px;
  width: auto;
  color: gray;
  filter: grayscale(100%);
  transition: filter 0.5s;
}
 
footer a:hover img {
  filter: grayscale(0%);
}

/* side menu */
.sideMenu{
    overflow: auto;
    width: 90%;
  }

.list-group-item.active {
    font-family: "Novecento WideDemiBold";
    z-index: 2;
    color: #573674 !important;
    background-color: transparent !important;
    border-bottom-color: #573674 !important;
    font-weight: bold;
    font-size:120%;
    border-top-color: transparent;
  }

h1 { padding-bottom: 20px; }

.list-group-item {font-family: "Novecento Normal";background-color: transparent !important; font-size: 20px;}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #1c3740 ;
  }

.subheading:hover{color: #1c3740 !important;}

.subsubheading:hover{color: #1c3740 !important;
}

/* Styles for sub-menu */
.sub-menu {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  background-color: transparent !important;
}

.sub-menu li {
  margin: 5px 0;
}

.sub-menu a {
  color: #333 !important;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
}

.sub-menu a:hover {
  color: #573674 !important;
}

  /* no work for firefox */
.sideMenu::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }

.sideMenu::-webkit-scrollbar
  {
      width: 12px;
      background-color: #F5F5F5;
  }

.sideMenu::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #1c3740;
  }

.subheading{padding-left: 35px;}

.subsubheading{padding-left: 50px;}

/*.header {font-size: 20px; }*/





/*fade*/

.fade-in {
  opacity: 0;
  transition: opacity 500ms ease-in;
}

.fade-in.appear {
  opacity: 1;
}

/*fonts*/

@font-face {
  font-family: "Novecento WideDemiBold";
  src: url("https://static.igem.wiki/teams/4771/wiki/fonts/novecento-widedemibold.ttf") format("truetype");
}

@font-face {
  font-family: "Novecento Normal";
  src: url("https://static.igem.wiki/teams/4771/wiki/fonts/novecento-normal.ttf") format("truetype");
}


/*Part Table*/
.table-wrapper {
    display: flex;
    max-width: 900px;
    width: 70vw;
}

@media all and (max-width: 950px) {
    .table-wrapper {
        width: 60vw;
    }
}
.table tr:nth-child(even) {
    background-color: #c5efff;
}

.table thead tr:nth-child(1) {
    background-color: #57aeff !important;
}

/*锚点*/
.title {
  padding-top: 70px;
  margin-top: -40px;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  font-family: "Novecento WideDemiBold";
  color:#2568d3;
}

/*荧光笔*/
.name-link, .outside-link,.outgoing-link, .ingoing-link {
    text-decoration: none;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 -0.5em 0 -1px rgba(153, 153, 153, 0.47);
    cursor: pointer;
}
.outside-link, .outgoing-link {
    color:#000;
    box-shadow: inset 0 -0.5em 0 -1px rgba(51, 102, 204, 0.63);
}
.outside-link:hover, .outgoing-link:hover {
    color: #3366CC;
    box-shadow: inset 0 -0.5em 0 -1px rgba(51, 102, 204, 0.5);
}

.body-title{
  padding-top: 70px;
  margin-top: -40px;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  font-family: 'fantasy', monospace;
  color: black;
  font-size:40px ;
}
.text-body {
width:80%;
padding: 5%;
margin: 20px 5px 20px;
position:static;
left:50%;
right:2%;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.bk-color{
background: -webkit-linear-gradient(180deg, #4e93ef,#52b4ff,#fcfcfc);/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(180deg, #4e93ef,#52b4ff,#fcfcfc);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.team img{
  display: inline-block;
  width: 13rem;
  padding:0 0 1.25rem 1.25rem;
  height: 50%;
}