/* custom styling */

.post-text-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.post-image-wrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  gap: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* a styling */
a {
  color: #000;
}

a:hover {
  color: #00000093;
}

/* h3 styling */

h3 {
  color: rgba(0, 0, 0);
  padding-top: 0px !important;
  margin-top: 22px !important;
  text-indent: 3.5rem !important;
}

/* quick-links styling */

.quick-links {
  background-color: #f3f3f380;
  align-content: center !important;
  text-align: left !important;
  font-size: 1.1rem;
}

.quick-links p {
  color: rgba(0, 0, 0);
  font-size: 1.1rem;
  margin-bottom: 22px !important;
  text-indent: 1rem;
}

.quick-links a {
  text-decoration: none;
}

.quick-links a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: #d9230f;
  text-decoration-thickness: 3px;
}

/* bi-links styling */

.bi-link {
  padding-right: 0.5rem !important;
}

/* nav-link styling */

.nav-link {
  padding-top: 2.6px !important;
  padding-bottom: 2.6px !important;
  padding-left: 12.2px !important;
  padding-right: 12.2px !important;
  display: flex;
  align-items: center;
}

.nav-link:hover {
  color: rgba(217, 35, 15) !important;
}

.nav-link .dropdown-toggle #show {
  color: rgba(217, 35, 15) !important;
}

/* nav-item styling */

.nav-item:hover {
  color: rgba(217, 35, 15);
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

#nav-menu-lists.show {
    color: rgba(217, 35, 15) !important;
  }

.nav-footer .nav-item {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Laptop settings */
@media (min-width: 769px) {
  
  #nav-menu-lists {
    gap: 4px !important;
  }

}

/* Cellphone settings */
@media (max-width: 768px) {

  h3 {
   color: rgba(0, 0, 0);
   padding-top: 0px !important;
   margin-top: 22px !important;
   text-indent: 2.08rem !important;
   font-size: 1.2rem;
  }

  .quick-links {
   background-color: rgb(243, 243, 243, 0.5);
   align-content: center !important;
   text-align: left !important;
   margin-left: 1.5rem;
   margin-right: auto;
  }

  .quick-links p {
    color: rgba(0, 0, 0);
    font-size: 0.9rem;
    margin-bottom: 22px !important;
    text-indent: 0.25rem;
  }
  
  .quick-links a {
    text-decoration: none;
  }

  .quick-links a:hover {
    text-decoration: none;
  }

  .bi-link {
   padding-right: 0.5rem !important;
  }

  .nav-link {
    font-size: 1.1rem;
    text-indent: 1rem;
    margin-top: 0.75rem;
  }

  .navbar-toggler-icon {
    display: none !important;
  }
  
  .navbar-logo {
    padding-left: 0.25rem;
  }
  
  .nav-footer {
    display: flex;
    text-align: center;
  }
  
  .nav-footer-left {
    display: none;
  }
  
  .nav-footer-center {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  
  .nav-footer-right {
    display: none;
  }

}