.mynav {
    font-family: "Roboto", sans-serif;
    font-size: 1.2em;
}

.tdp {
    font-family: "Roboto", serif;
    font-size: 3.5em;
}

.myaccordion {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.myaccordion-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
   
    border: 1px solid gray;
    border-radius: 5px;
    padding: 4px;
    cursor: pointer;

    font-size: 1.3em;
    background-color: white;
    margin-bottom: 4px;
}

.myclosedcaret {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
    font-size: 16px;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.myaccordion-button {
    display: flex;
    color: #000;
}

.myaccordion-carret {
    display: flex;

    font-size: 1.2em;
}

.myaccordion-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
   
    border: 1px solid gray;
    border-radius: 5px;
    padding: 4px;
    cursor: pointer;

    font-size: 1em;
    background-color: white;
}

.accordion-topic {
    font-family: "Arial" !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.accordion-sub-topic {
    font-family: "Arial" !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.topic-sub {
    font-family: "Arial" !important;
    font-size: 1em !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.topic-content {
    padding-left: 20px !important;
    font-size: 1em !important;
}

.topic-content-indented {
    padding-left: 40px !important;
    font-size: 1em !important;
}

dl {
  overflow: hidden;
  font-size: 1em;
}

dl dt {
  float: left;
  width: 14%;
}

dl dd {
  float: left;
  width: 86%;
}

.active {
    color: blue !important;
    font-weight: bold !important;

}

.nav-link {
    font-family: Arial;
}

.gold-color {
    font-size: 1.3em;
    font-weight: bold;
    position: relative; 
    justify-content: center;
    /* Styles for the main gradient text */
    background: linear-gradient(to bottom, rgb(255, 171, 0), rgb(104, 87, 1)); /* Example gradient */
    -webkit-background-clip: text; /* Clip background to text shape */
    -webkit-text-fill-color: transparent; /* Make text transparent to reveal background; */
    color: transparent; /* Fallback for browsers not supporting -webkit-text-fill-color */    
}