/* Heading Colors */
h1, h2, h3, h4, h5, h6, p {
    color: var(--color2);
}
/*  */
h5.inline {
    display:inline;
}
body {
    background-color: var(--color4);
}

/* Card setup */
.card {
  background-color: var(--color6);
}
.card:hover {
    background-color: var(--color8);
}
.btn {
    background-color: var(--color2);
    color: var(--color7);
    border-color: var(--color1)
}
.btn:hover, .btn:focus {
    background-color: var(--color3);
    color: var(--color6);
    border-color: var(--color2)
}
.inline {
    display: inline-block;
}
.card{
    margin:0;
}
.card-padding {
  padding: 5px
}

/* Accordion setup */
.accordion-button {
    padding-right: 30px;
    color: var(--color1);
    background-color: var(--color10);
    width: 100%;
    outline-color: var(--color10);
    box-shadow: none;
    border-color: var(--color10);
    border-radius: 4px;
}
.accordion-button:hover {
    background-color: var(--color6);
    color: var(--color3);
}
.panel-title {
    position: relative;
  }
    
  .panel-title::after {
    content: "\f107";
    color: var(--color1);
    top: -2px;
    right: 2%;
    position: absolute;
    font-family: "FontAwesome"
  }
    
  .panel-title[aria-expanded="true"]::after {
    content: "\f106";
  }
  .panel-title[aria-expanded="false"]::after {
    content: "\f107";
  }
  .panel-heading-full.panel-heading {
    padding: 0;
  }
  .panel-heading-full .panel-title {
    padding: 10px 15px;
  }
  .panel-heading-full .panel-title::after {
    top: 10px;
    right: 15px;
  }


  /* Sous vide table format  */
.table-striped {
  color: var(--color1);
  background-color: var(--color6);
}
.table-striped > thead > tr > th {
  border-top: 1px solid var(--color3); 
  border-bottom: 1px solid var(--color3); 
}
.table-striped > tbody > tr > td {
  border-top: 1px solid var(--color5);
  border-bottom: 1px solid var(--color5);
}