

.issueTimelineHeading, .issueTimelineDate {font-family: Oswald, sans-serif;}
.issueTimelineDate { cursor: pointer; color:#0075C1; text-transform: uppercase; font-size: 35px; font-weight: 600; letter-spacing: -2px; line-height: 35px; margin-bottom:10px; margin-top:10px;}
.issueTimelineContentContainer {padding-left:30px; padding-top:5px; padding-bottom:60px; border-left:dotted 5px #efefef;}
.issueTimelineContent h3, .issueTimelineContent h2, .issueTimelineContent h4, .issueTimelineContent h5, .issueTimelineContent h6 {font-family: Oswald, sans-serif;}
.issueTimelineContent h2 { font-size: 45px !important; line-height: 45px !important; letter-spacing: -2px !important;}
.issueTimelineContent img {display:block; margin-bottom:15px;}
.issueTimelineContent table {margin-bottom:15px; margin-top:15px;}
.issueTimelineContent h4 {margin-top:30px;}
.issueTimelineContent a {color:#0075C4;}
.issueTimelineContent p {margin-bottom:30px !important;}
.issueTimelineHeading {font-size:40px !important; line-height:40px !important;}
.issueTimelineItem.active .issueTimelineHeading {font-size:55px !important; line-height:55px !important;}
.issueTimelineContent {display: none;}
.issueTimelineItem.active .issueTimelineContent {display: block;}
.arrow {
    cursor: pointer;
    margin-left: 5px;
    /* Add any additional styling as needed */
}

.issueTimelineSnippet {
    display: none; /* Initially hidden */
}

.issueTimelineItem:not(.active) .issueTimelineSnippet {
    display: block; /* Show when the item is not active */
}

.issueTimelineItem.active .issueTimelineContent {
    display: block; /* Ensure content is shown when active */
}
