body { padding-top: 56px; background-color: #3a3b3b; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }

/* 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 a:link { color: white; font-weight: bold; text-decoration: none; }
footer a:visited { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

/*for Team page*/
.members { display: flex;flex-wrap: wrap; }
.member { width: calc(20% - 20px);text-align: center;margin-bottom: 40px;padding: 20px;background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.member img {width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; }
.member h2 {font-size: 18px; margin-bottom: 10px; color: black;}
.member p {font-size: 14px; color: #777; }
.member h2{color: black;}

/*for Notebook page*/
.tab1 { float: left; border: 1px solid #ccc; background-color: #f1f1f1; width: 30%; height: 300px;}
.tab1 button { display: block; background-color: inherit; color: black; padding: 22px 16px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px;}
.tab1 button:hover { background-color: #ddd;}
.tab1 button.active { background-color: #ccc;}
.tabcontent1 { float: left; padding: 0px 12px; border: 1px solid #ccc; width: 70%; border-left: none; height: 300px;}
.member h2{color: white;}
li{color: white;}
td{color: white;}
h2{color: white;}

/*for Attribution page*/
.column { float: left; width: 20%; margin-bottom: 16px; padding: 0 8px;}
@media screen and (max-width: 650px) { .column { width: 100%; display: block; } }
.card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.container { padding: 0 0px;}
.container::after, .row::after { content: ""; clear: both; display: table;}
.title { color: gray;}
.button { border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: #000; text-align: center; cursor: pointer; width: 100%; }
.button:hover { background-color: #555;}
.member h5{ color: black;}
.card-body {color: black;}

/* for Parts page*/
.member h2 {color: white;}
.member td{color: white;}
th{color: white;}
td{color: white;}

.backgroundcolor{
  background-color: #3a3b3b;
}

.tab {
    padding: auto 0;
    display: inline-block;
  }
  .tab a {
    display: inline-block;
    font-size: 1.3em;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    transition: 0.3s;
    color: black;
  }
  
  .tab a:hover {
    background-color: #1A2025;
    color: white;
    text-decoration: none;
  }
  
  .tab a.active {
    background-color: white;
    color: black;
  }
  .tab a.active:hover {
    color: #1A2025;
  }
  .tabcontent {
    display: none;
  }

  a:link {
    color: #ed0071;
  }
  a:visited{
    color: #ed0071;
  }
  a:hover {
    color: #95e6ed;
  }
  
  /* header image */

  .bg {
    /* The image used */
    background-image: url("https://static.igem.wiki/teams/4814/wiki/homepagecover.png");
  
    /* Full height */
    height: 100%; 
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .cover_home {
    background-image: url("https://static.igem.wiki/teams/4814/wiki/homepagecover.png");
    background-size:cover;
    background-repeat: no-repeat;
  }

.cover_team {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/teamheader.png" ) no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_partnership {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4340/wiki/partnership123.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_attribution {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/attributionsheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_collaboration {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/collaborationsheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_communication {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/communicationheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_contribution {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/contributionheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_description {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/descriptionheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_model {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/modelheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_engineering {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/engineeringheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_implementation {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/implementationheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_notebook {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/notebookprotocolsheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_results {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/resultsheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_sustainable {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/sustainableimpactheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_parts {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/partsheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_newparts {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/newpartsheader.png") no-repeat;
  background-size:cover;
  padding: auto 0;
  text-align: center;
}

.cover_safety {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/safetyheader.png") no-repeat;
  background-size:cover;
  padding: auto 0; 
  text-align: center;
}

.cover_humanpractice {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/hpihpheader.png") no-repeat;
  background-size:cover;
  padding: auto 0; 
  text-align: center;
}

.cover_education {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/educationheader.png") no-repeat;
  background-size:cover;
  padding: auto 0; 
  text-align: center;
}

.cover_hardware {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/hardwareheader.png") no-repeat;
  background-size:cover;
  padding: auto 0; 
  text-align: center;
}

.cover_entrepreneurship {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/entrepreneurshipheader.png") no-repeat;
  background-size:cover;
  padding: auto 0; 
  text-align: center;
}

.cover_measurement {
  height:120vh;
  background: url("https://static.igem.wiki/teams/4814/wiki/measurementheader.png") no-repeat;
  background-size:cover;
  padding: auto 0; 
  text-align: center;
}