body {
  font-family: "Open Sans", sans-serif;
}
body h1, body h2, body p, body a {
  font-family: "Open Sans", sans-serif;
}
body a {
  display: inline-block;
  color: #ce2c23;
  text-decoration: none;
}
body a:hover {
  color: #e36b2f;
}
body hr {
  color: #999;
}
body p {
  color: #666666;
  font-size: 14px;
}

.btn.btn-primary {
  background: #e36b2f;
  border: none;
  border-radius: 5px;
  margin-top: 10px;
}
.btn.btn-primary:active {
  background: #e36b2f;
}
.btn.btn-primary:hover {
  color: #d6d6d6;
  background: #e36b2f;
}

.navbar > .container {
  justify-content: center;
}
.navbar > .container .navbar-toggler {
  border: 0;
  margin: auto;
}

.main-menu,
.container {
  max-width: 984px !important;
}

header .logo-section {
  display: block;
}
header .logo-section img {
  max-height: 150px;
  max-width: 150px;
}
header .site-search {
  position: relative;
}
header .site-search input {
  border: 1px solid #b4b4b4;
  border-radius: 0;
  width: 100%;
  height: 32px;
}
@media (min-width: 768px) {
  header .site-search input {
    width: 320px;
  }
}
header .site-search button {
  position: absolute;
  right: 10px;
  top: 2px;
  background: transparent;
  border: 0;
  color: #bfbfbf;
  font-size: 14px;
  padding: 4px 12px;
}

.main-menu .current-menu-item.nav-item a.nav-link {
  color: #e36b2f;
}
.main-menu .nav-item a.nav-link {
  padding: 10px 15px;
  font-weight: 300;
  color: #0a0000;
  font-size: 18px;
}
.main-menu .nav-item a.nav-link:hover {
  color: #e36b2f;
}

footer .footer-links a {
  display: inline-block;
  color: #ce2c23;
}
footer .footer-links a:hover, footer .footer-links a:focus {
  color: #a2231c;
}
footer .nav .nav-item:not(:first-child)::before {
  content: "|";
  margin: 0;
  color: #6c757d;
}
footer .footer-photo-content a {
  display: inline-block;
  color: #ce2c23;
  text-decoration: none;
}
footer .footer-photo-content a:hover {
  color: #a2231c;
}
footer .powered-by {
  color: #666666;
}
footer .powered-by a {
  color: #ce2c23;
  text-decoration: none;
}

.card {
  border: 0 !important;
}
.card img {
  border-radius: 0;
}
.card .card-body {
  padding: 24px 0 0 0;
}

.skip-link {
  position: absolute;
  top: -45px;
  left: 0px;
  color: rgb(255, 255, 255);
  border-bottom-right-radius: 8px;
  z-index: 100;
  padding: 10px;
  border-right: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
  background: transparent;
  transition: top 0.3s ease-out, background 0.3s linear;
}

h1.page-title {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 30px;
  color: #000000;
  text-decoration: none;
  text-align: left;
  text-transform: none;
  text-align: center;
}

.footer-photo-content p {
  margin-bottom: 0;
}

#browse-by-topic, .wp-block-heading, .heading-title, .book-title, .result-count {
  text-transform: none !important;
}

.fs-22 {
  font-size: 22px;
}

.lh-38 {
  line-height: 38px;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem; /* Adjusts spacing between cards */
}

.card-wrapper {
  flex: 1 1 100%; /* Mobile: 1 per row */
}

@media (min-width: 576px) {
  .card-wrapper {
    flex: 1 1 calc(50% - 0.75rem); /* 2 per row on tablet */
  }
}
@media (min-width: 992px) {
  .card-wrapper {
    flex: 1 1 calc(25% - 1.125rem); /* 4 per row on desktop */
  }
}
.card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.card-img-top {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.btn {
  margin-top: auto;
}

@media (min-width: 992px) {
  .card-wrapper.single-last {
    flex: 1 1 50% !important;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
.resources-block h5 {
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  color: #000;
}

.custom-hr {
  border-top: 1px solid;
  margin-bottom: 30px;
  margin-top: 0px;
}

/*scarch Result css start*/
.search-results-grid .bg-light-green {
  background-color: #cacea5;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
  padding: 10px;
}
.search-results-grid .topic-list li a {
  color: #231f20;
  margin-bottom: 8px;
  font-size: 14px;
}
.search-results-grid .topic-list li a:hover {
  color: #e36b2f;
  text-decoration: underline !important;
}
.search-results-grid .sort-select {
  color: #999;
}
.search-results-grid .sort-select select {
  padding: 0;
  background: transparent;
  border: none;
  font-weight: 700;
  color: #999;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 13px;
}
.search-results-grid .pagination li a {
  text-decoration: none;
  color: #000;
  padding: 0px 5px;
}
.search-results-grid .pagination li a:hover {
  background-color: #fff;
}
.search-results-grid .pagination .supapress-page.active {
  background: #FFF;
}
.search-results-grid .page-select select {
  background: transparent;
  border: none;
  font-weight: 700;
  cursor: pointer;
}
.search-results-grid .book-subtitle {
  color: #151515;
}

.topic-list .active, .topic-list .active a {
  color: #e36b2f !important;
}

.filter-block {
  border-bottom: 2px solid #cccac7;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  overflow-anchor: none;
}

.filter-block a {
  color: #231f20;
  text-decoration: none;
}

.filter-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  margin-top: 15px;
}

.filter-block ul li {
  font-size: 14px;
}

.sp__the-search-term {
  font-family: "Open Sans";
  font-size: 22px;
  color: #000000;
  text-decoration: none;
  text-align: left;
  text-transform: none;
}

/*scarch Result css end*/
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.home #browse-by-topic {
  font-weight: 600;
}

.pagination a.disabled,
.pagination a.disabled:hover,
.pagination a.disabled:focus {
  pointer-events: none; /* prevents clicking */
  cursor: default; /* shows normal cursor */
  color: #999; /* gray out text, adjust as needed */
  background: none; /* remove background hover color */
  text-decoration: none; /* remove underline */
}

.browse-by-topic-block .card .btn:focus,
.browse-by-topic-block .card .btn:focus-visible {
  outline: none; /* Remove default browser outline */
  border: 2px solid #000; /* Black border */
  color: #6c757d; /* Grey text (Bootstrap grey) */
}

/*# sourceMappingURL=style.css.map */