@font-face {
   font-family: 'gabriela';
   src: url('https://uploads.igem.org/teams/4998/wiki/wiki-photos/fonts/thessaloniki-fontsfree-net-gabriela3.woff');
 }
 
 
 h1,
 h2,
 h3,
  h4,
  h5,
 h6 {
   font-family: 'gabriela';
 } 
      

.accordion-custom-experiments {
   color: #445F3A;
}
.accordion-custom-experiments .accordion-item {
   border-color: #547648;
}
.accordion-custom-experiments .accordion-item .accordion-header .accordion-button {
   background-color:  rgba(167, 195, 157, 0.7); 
   color: #fff;
}
.accordion-custom-experiments .accordion-item .accordion-header .accordion-button.collapsed {
   background-color:  rgba(167, 195, 157, 0.7); 
   color: #fff;
}
.accordion-custom-experiments .accordion-item .accordion-header .accordion-button:focus {
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.accordion-custom-experiments .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-custom-experiments .accordion-item .accordion-header .accordion-button.collapsed::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.category{
   padding-top: 10px;
   padding-bottom: 10px;
   border-top: solid #547648;
   border-bottom: solid #547648;
}

#exp-2 .accordion-custom-experiments .accordion-item .accordion-header .accordion-button {
   background-color: rgba(196, 215, 177, 0.786); 
   color: #fff;
}
#exp-2 .accordion-custom-experiments .accordion-item .accordion-header .accordion-button.collapsed {
   background-color:  rgba(196, 215, 177, 0.786); 
   color: #fff;
}



#exp-3 .accordion-custom-experiments .accordion-item .accordion-header .accordion-button {
   background-color:  rgba(107, 146, 94, 0.7);
   color: #fff;
}
#exp-3 .accordion-custom-experiments .accordion-item .accordion-header .accordion-button.collapsed {
   background-color:  rgba(107, 146, 94, 0.7);
   color: #fff;
}