@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';
} 
     

/*HEADINGS COLOR*/
h1, h2, h3, h4, h5, h6 {
    color: #0B3D25;
  }

/*SYMBOLS*/

.model_symbols {
    border: solid;
    border-color: #0B3D25;
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);;
  }
  
  #model_symbols th {
    background-color: rgba(167, 195, 157, 0.6);
    color:#0B3D25;
  }
  
/*PARAMETERS*/

 #table-parameters th{
    background-color: rgba(167, 195, 157, 0.6);
    color:#0B3D25;
 }

 #table-parameters tbody tr:nth-child(even) {
    background-color: rgba(167, 195, 157, 0.2); 
 }

.table-parameters{
    border: solid;
    border-color: #0B3D25;
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }



  /*accordion biochemical reactions model*/
  .accordion-body {
    padding: 1rem 1.25rem;
  }
  
  .accordion-biochemical-reactions {
    color: #445F3A; 
  }
  
  .accordion-biochemical-reactions .accordion-item .accordion-header .accordion-button {
    background-color: rgba(167, 195, 157, 0.6);
    color: #445F3A; 
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow */
  }
  
  .accordion-biochemical-reactions .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: rgba(167, 195, 157, 0.6); /* Set it to the same color as expanded state */
    color: #445F3A;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow */
  }

  .accordion-biochemical-reactions .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-biochemical-reactions .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");
}

  
  

  /*accordion parameters  model*/
  .accordion-body {
    padding: 1rem 1.25rem;
  }
  
  .accordion-parameters-table {
    color:#0B3D25;
  }
  
  .accordion-parameters-table .accordion-item .accordion-header .accordion-button {
    background-color:   rgba(167, 195, 157, 0.7); 
    color: #0B3D25;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow */
  }
  
  .accordion-parameters-table .accordion-item .accordion-header .accordion-button.collapsed {
    background-color:   rgba(167, 195, 157, 0.7);  /* Set it to the same color as expanded state */
    color: #0B3D25;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow */
  }

  .accordion-parameters-table .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-parameters-table .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");
}


  
  /*accordion parameters  model*/
  .accordion-body {
    padding: 1rem 1.25rem;
  }
  
  .accordion-parameters-table-2 {
    color:#0B3D25;
  }
  
  .accordion-parameters-table-2 .accordion-item .accordion-header .accordion-button {
    background-color:   rgba(167, 195, 157, 0.7); 
    color: #0B3D25;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow */
  }
  
  .accordion-parameters-table-2 .accordion-item .accordion-header .accordion-button.collapsed {
    background-color:   rgba(167, 195, 157, 0.7);  /* Set it to the same color as expanded state */
    color: #0B3D25;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a shadow */
  }

  .accordion-parameters-table-2 .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-parameters-table-2 .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");
}













  .model-box {
    border: 2px solid #547648;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(84, 118, 72, 0.5);
    padding: 15px;
    margin-bottom: 20px;
    color: #33472B;
    background-color: #d6e3d1;
  }

.model-box img {
    max-width: 80%;
    height: auto;
}

@media (max-width: 768px) {
    .px-sm-box {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}





.engin-box {
  border: 2px solid #547648;
  border-radius: 0px;
  box-shadow: 5px 5px 10px #547648; 
  padding: 15px;
  margin-bottom: 20px;
  color: #33472B;
  background-color: #d2e3b2;
}

.circle-title {
  background-color: #679158;
  border-radius: 50%; 
  width: 2em; /* Adjust the width and height as needed */
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  box-shadow: 0px 0px 5px rgba(84, 118, 72, 0.5);
  padding-bottom: 5px;
}

.circle-title svg {
  width: 1em;
  height: 1em;
  fill: #fff; /* Set the SVG's color to white */
}

.circle-title:hover svg {
  fill: #d2e3b2;
}

.inline-svg {
  position: relative;
  display: inline-flex; 
  align-items: center; 
}


.assumptions{
  padding: 20px;
  border: 2px solid #0B3D25;
  background-color: #85ae9a;
  box-shadow: 5px 5px 10px #0B3D25;
  margin-bottom: 10px;
}