.archive-notes-content > div:first-child > h1:first-child {
    margin-top: 0rem;
}

.archive-notes-content p {
    margin-bottom: 1.2rem;
}

[data-style='yellow'] #slide-over-title {
    color: #b45f06;
    font-family: Cormorant;
    font-size: 1.5rem;
    font-weight: 700;
    font-style: italic;
}
/*
* In the style guide, this is actually h2
*/
[data-style='yellow'] .archive-notes-content h1 {
    font-family: Cormorant;
    color: #574b3c;
    font-weight: 700;
    font-size: 1.2rem;
}

[data-style='yellow'] .archive-notes-content h1 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}
/*
[data-style='yellow'] [data-content] h1
{
    color: #574b3c;
    font-weight: bold;
    font-size: 1.4rem;
    font-style: normal;
}*/

[data-style='yellow'] h2 {
    color: #574b3c;
    font-family: Cormorant;
    font-size: 1.2rem;
    font-weight: 700;
    font-style: italic;
    margin-top: 1rem;
}

[data-style='yellow'] h3 {
    color: #574b3c;
    font-family: Cormorant;
    font-size: 1rem;
    font-weight: 700;
    margin-top: 1rem;
}

[data-style='yellow'] ul {
    margin-bottom: 0rem;
    list-style-type: disc;
    padding-left: 1.5rem;
}

[data-style='yellow'] ul li {
    margin-bottom: .5rem;
}


[data-style='yellow'] [data-main] > div {
    font-size: 1.3rem;
    line-height: normal;
    color: black;
}

[data-style='yellow'] a {
    text-decoration: underline;
    color: darkslateblue;
}


[data-style='red'] h1,
[data-style='red'] h1 *
{
    font-family: "Cormorant SC" !important;
    font-size: 1.8rem !important;
    color: #403838 !important;
    letter-spacing: .4px !important;
    font-weight: 400 !important;
}

[data-style='red'] h2,
[data-style='red'] h2 *
{
    font-family: "Cormorant" !important;
    font-size: 1.5rem !important;
    color: #6d8159 !important;
    letter-spacing: .4px !important;
    font-weight: 700;
    font-style: italic;
}

[data-style='red'] h3,
[data-style='red'] h3 *
{
    font-family: "Cormorant Garamond" !important;
    font-size: 1.3rem !important;
    color: #b45f06 !important;
    letter-spacing: .4px !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

[data-style='red'] h4,
[data-style='red'] h4 *
{
    font-family: "Cormorant" !important;
    font-size: 1.3rem !important;
    color: #999 !important;
    letter-spacing: .4px !important;
}

[data-style='red'] > div
[data-style='red'] > div p,
[data-style='red'] > div p * {
    color: black !important;
    font-family: 'Cormorant' !important;
    font-size: 1.2rem !important; 
}

.citations * {
    font-size: 16px !important;
    margin-bottom: 8px
}

.curly-strike {
    text-decoration: line-through;
    text-decoration-color: black;
    text-decoration-style: wavy;
    text-decoration-thickness: 3px; 
    text-decoration-skip: none; 
    transition: text-decoration 0.3s ease; 
}

.curly-strike:hover {
    text-decoration: none; 
}
.strike {
    text-decoration: line-through;
    text-decoration-color: black;
    text-decoration-style: wavy;
    text-decoration-thickness: 3px; 
    text-decoration-skip: none; 
    transition: text-decoration 0.3s ease; 
}

.bird-audio {
    width: 100%;
}

#progress-container {
    position: relative;
    height: 10px; /* Adjust the height as needed */
    background-color: #f3f3f3;
    border-radius: 5px;
}