/*
* Import the parent theme's main stylesheet.
* This line is crucial to inherit all of the parent's styles.
*/
@import url("../../../twentytwentyfive/style.css");
/* Add your custom Bootstrap and other SCSS code below */
body {
  overflow-x: hidden;
}

main {
  margin-top: 0 !important;
}

.login-register {
  justify-content: space-between;
}

body:not(.single-post) h1.wp-block-post-title {
  display: none;
}

.wp-block-post-title :where(a),
:root :where(.wp-block-post-terms a) {
  color: var(--wp--preset--color--accent-3) !important;
}

.centered-heading {
  margin-top: -200px;
}

/* Define breakpoints */
/* For the single-column layout */
/* For the 3-column layout */
/* For the 5-column layout */
.footer-container {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* g-4 equivalent for vertical gap on small screens */
  padding: 1rem; /* Add some padding to prevent content from touching the edges */
  /* On large screens and up, switch to a horizontal layout */
}
@media (min-width: 992px) {
  .footer-container {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}
.footer-container .links-stack {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%; /* Default single-column layout on medium and smaller screens */
  /* On large screens, switch to 3-column layout */
  /* On extra-extra-large screens, switch to 5-column layout */
}
.footer-container .links-stack .item {
  display: flex;
  justify-content: center; /* Center horizontally for smaller screens */
  align-items: center;
  gap: 0.5rem;
}
.footer-container .links-stack .item .wp-block-image {
  width: 16px;
}
@media (min-width: 992px) {
  .footer-container .links-stack {
    text-align: left;
    width: 33.3333333333%;
  }
  .footer-container .links-stack .item {
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .footer-container .links-stack {
    width: 20%;
  }
}
.footer-container a {
  color: var(--bs-heading-color);
}

.wp-block-navigation .wp-block-navigation-link.current-menu-item a {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.btn-primary {
  /* Use !important to override Bootstrap's default styles with higher specificity */
  background-color: var(--wp--preset--color--accent-3) !important;
  border-color: var(--wp--preset--color--accent-3) !important;
}

.btn-outline-primary {
  border-color: var(--wp--preset--color--accent-3) !important;
  color: var(--wp--preset--color--accent-3) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
  background-color: var(--wp--preset--color--accent-3) !important;
  color: white !important;
}

.dashicons.text-primary {
  color: var(--wp--preset--color--accent-3) !important;
}