body {
  background-color: #000;
  color: #fff;
}

.navbar {
  background-color: #000;
}

.navbar-brand,
.navbar-nav .nav-link {
  color: #ffd700 !important;
  font-family: 'Anton', sans-serif;
  transition: color 0.3s;
}

.navbar-brand:hover,
.navbar-nav .nav-link:hover {
  color: #fff !important;
}

a {
  color: #ffd700;
  text-decoration: none;
  transition: color 0.3s;
}

a:hover {
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Anton', sans-serif;
  transition: color 0.3s;
}

h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover {
  color: #fff;
}

/* Custom class for gradient headings */
.gradient-heading {
  background: linear-gradient(to right, #ffd700, #c69c00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: color 0.3s;
}

.gradient-heading:hover {
  background: linear-gradient(to right, #fff, #d0d0d0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.image-border {
  border: 5px solid #ffd700;
}

.btn-custom {
  background-color: #ffd700;
  border: 1px solid #ffd700;
  color: #000;
  font-family: 'Anton', sans-serif;
  border-radius: 5px;
  padding: 10px 20px;
}

.btn-custom:hover {
  background-color: #e6b800;
  border: 1px solid #e6b800;
}

.blog-post img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.blog-post {
  display: flex;
  align-items: center;
}

.footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

.footer a {
  color: #ffd700;
  text-decoration: none;
  transition: color 0.3s;
}

.footer a:hover {
  color: #fff;
}

.home-container {
      max-width: 700px;
      margin: 50px auto;
      padding: 0 20px;
    }

.nav-container {
      max-width: 700px;
      margin: 50px auto;
      padding: 0 20px;
    }

.single-post-container {
      max-width: 700px;
      margin: 50px auto;
      padding: 0 20px;
    }

    .single-post-image {
      width: 100%;
      height: auto;
      border-radius: 5px;
      margin-bottom: 30px;
    }

    .single-post-title {
      font-size: 2.5rem;
      margin-bottom: 20px;
      text-align: center;
    }

    .single-post-content {
      font-size: 1.1rem;
      line-height: 1.8;
    }

.pagination .page-link {
  color: #ffd700;               /* Gold text */
  border-color: #ffd700;        /* Gold border */
  background-color: #000000;    /* Black background */
}

.pagination .page-link:hover {
  background-color: #ffd700;    /* Gold background on hover */
  color: #000000;               /* Black text on hover */
  border-color: #ffd700;
}

.pagination .page-item.active .page-link {
  background-color: #ffd700;    /* Gold background for active */
  border-color: #ffd700;
  color: #000000;               /* Black text for active */
}

/* Accordion container */
.accordion {
    background-color: black;
    color: white;
}

/* Accordion item header */
.accordion-item {
    border-color: #333;
}

.accordion-header {
    background-color: black;
    color: white;
}

.accordion-button {
    background-color: black;
    color: white;
    border: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: #ffd700;
    color: black;
}

.accordion-button:not(.collapsed):focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 215, 0, 0.5);
}

/* Accordion item body */
.accordion-collapse {
    background-color: black;
    color: white;
}

.accordion-body {
    background-color: black;
    color: white;
}

#partnersModal .modal-content {
    background-color: #121212;
    color: #ffffff;
    border: none;
}

#partnersModal .modal-header, #partnersModal .modal-footer {
    border: none;
}

.amber-tint {
  filter: sepia(1) hue-rotate(20deg) saturate(4) brightness(0.95) contrast(0.9);
}