body {
  background-color: #000000; }
  body .body-content {
    background-color: white; }

h1 {
  color: #000000;
  font-weight: bolder; }

h2 {
  color: #000000;
  font-weight: bolder; }

.video-author {
  font-style: italic; }

.navbar {
  /* Show pipes - if not mobile */ }
  .navbar #brasil-flag {
    width: 30px; }
  .navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border-color: red; }
  .navbar #site-logo {
    width: 100px;
    margin: 10px;
    max-width: 100%;
    flex-shrink: 0; }
  .navbar .nav-link {
    color: #3A5280; }
  @media (min-width: 576px) {
    .navbar .nav-link:after {
      margin-left: 15px;
      content: "|"; } }
  @media (max-width: 576px) {
    .navbar .nav-link {
      text-align: center; } }
  .navbar .navbar-nav > li:last-child > a::after {
    content: none; }

.jumbotron {
  background-color: white !important;
  border-radius: 0; }
  .jumbotron .hero-header {
    text-transform: uppercase;
    font-size: 3rem;
    color: #000000; }
  .jumbotron .hero-lead {
    font-size: 1.2rem; }

#home header {
  color: white; }

#home .current-news-panel {
  color: white;
  background-color: #0a2761;
  padding: 20px 30px; }

#home .current-news-panel .panel-header h1 {
  color: white; }

#home .pisc-panel {
  background-color: #00033f;
  padding: 25px; }
  #home .pisc-panel .box-header {
    padding-bottom: 15px; }
    #home .pisc-panel .box-header h1 {
      color: white;
      font-size: 1.6rem; }
  #home .pisc-panel i.fa {
    color: white;
    font-size: 4rem;
    font-weight: 100; }
  #home .pisc-panel a {
    color: white;
    font-size: 1.2rem; }
  #home .pisc-panel a:hover {
    color: yellow; }

#home .card-footer {
  background-color: #000000;
  font-size: 1.2rem; }
  #home .card-footer a {
    color: white; }

ul.document-list {
  list-style: none;
  padding: 0; }
  ul.document-list li {
    margin: 10px 0px; }
  ul.document-list li::before {
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: contain;
    background-image: url(../Images/CFSBolt_Bullet.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px; }
  ul.document-list li {
    font-size: 1.5rem; }
    ul.document-list li a {
      color: #1990BC;
      text-decoration: underline;
      font-weight: bold; }
    ul.document-list li span.info {
      color: #000000;
      font-size: 1.2rem;
      font-style: italic; }

#privacy header {
  color: white; }
  #privacy header .jumbotron {
    background-color: #5355DD !important;
    margin-bottom: 0; }
    #privacy header .jumbotron .hero-header {
      text-transform: uppercase;
      font-size: 2.5rem;
      color: white; }
    #privacy header .jumbotron .hero-lead {
      font-size: 1.2rem; }

#cookies header {
  color: white; }
  #cookies header .jumbotron {
    background-color: #C37432 !important;
    margin-bottom: 0; }
    #cookies header .jumbotron .hero-header {
      text-transform: uppercase;
      font-size: 2.5rem;
      color: white; }
    #cookies header .jumbotron .hero-lead {
      font-size: 1.2rem; }

#cookies table {
  border: solid 1px silver;
  width: 100%; }
  #cookies table thead th {
    padding: 5px;
    background-color: whitesmoke;
    font-size: 1.2rem;
    border: solid 1px silver; }
  #cookies table tbody td {
    font-size: 1.1rem;
    border: solid 1px silver;
    background-color: white; }

#about header {
  color: white; }
  #about header .jumbotron {
    background-color: #4F4F4F !important;
    margin-bottom: 0; }
    #about header .jumbotron .hero-header {
      text-transform: uppercase;
      font-size: 2.5rem;
      color: white; }
    #about header .jumbotron .hero-lead {
      font-size: 1.2rem; }

#collaborators {
  background-color: white; }
  #collaborators .collaborator-image {
    margin-top: 15px;
    margin-bottom: 35px; }
    #collaborators .collaborator-image img {
      width: 300px; }

footer {
  color: white;
  background-color: #000000; }
  footer .logo {
    margin-bottom: 20px; }
  footer img.footer-logo {
    margin-bottom: 30px; }
  footer a {
    color: white;
    text-decoration: underline; }
  footer a:hover {
    color: yellow;
    text-decoration: underline; }
  footer .footer-text {
    font-size: 0.8rem; }
  footer .footer-links a {
    padding-right: 15px; }

.faq-title {
    margin-top: 20px;
    font-size: 1.4em;
}

.timeline {
    margin: 30px 0;
}

.timeline-item {
    padding: 20px 0;
    border-left: 3px solid #007bff;
    padding-left: 30px;
    margin-bottom: 20px;
    position: relative;
}

    .timeline-item::before {
        content: '';
        position: absolute;
        left: -8px;
        top: 25px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #007bff;
    }

    .timeline-item h4 {
        color: #007bff;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .timeline-item p {
        margin: 0;
        color: #666;
    }

.timeline-item-horizontal {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 15px 0;
}

    .timeline-item-horizontal .timeline-icon {
        flex-shrink: 0;
        margin-right: 20px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .timeline-item-horizontal .timeline-icon img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

    .timeline-item-horizontal .timeline-content {
        flex: 1;
    }

        .timeline-item-horizontal .timeline-date {
            color: #007bff;
            font-weight: bold;
            font-size: 0.9em;
            text-transform: uppercase;
            display: block;
            margin-bottom: 8px;
        }

        .timeline-item-horizontal .timeline-text {
            margin: 0;
            color: #333;
            font-size: 1.1em;
            line-height: 1.5;
            font-weight: 500;
        }

.card {
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}