/*!
Theme Name: WordPress + Tailwind
*/

/* @tailwind base; */

.home-page #breadcrumbs {
  display: none !important;
}

#site-logo img {
  max-height: 150px !important;
}

.site-header--bb .header-search-link {
  padding: 5px 16px;
  border: 1px solid #c74905;
  border-radius: 20px;
  background: #c74905;
}

.site-header--bb .header-search-link .bb-icon-search {
  color: white;
}

.post-grid.columns article {
  flex: 1 1 45%;
  margin-bottom: 0;
}

*/
    .elementor-11
    .elementor-element.elementor-element-9e37506
    .elementor-cta__title {
  line-height: 1.2;
}

.elementor-posts .elementor-post__badge {
  position: relative !important;
  margin: 0 !important;
  margin-bottom: 1rem !important;
  background: none !important;
  padding: 0 !important;
  text-transform: none !important;
  color: #26576e !important;
  font-weight: 600 !important;
}

/* Newsletter form */

#gform_wrapper_4 {
  border: 1px solid #d6d9dd;
  border-radius: 4px;
  background: #ffffff;
  padding: 1.25rem 2.5rem 1.65rem 2.5rem;
}

#gform_wrapper_4 .gform_title {
  display: none;
}

#gform_wrapper_4 #field_4_7 {
  display: none !important;
}

#gform_fields_4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#gform_fields_4 .gfield_label {
  display: none;
}

#gform_fields_4 #field_4_4 {
  min-width: 70%;
}

#gform_fields_4 #field_4_4 input {
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#gform_fields_4 #gform_submit_button_4 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Forum page */

.forum-archive #primary #main .entry-content #bbpress-forums {
  display: flex;
  flex-direction: column;
}

/* .forum-archive #primary #main .entry-content #bbpress-forums .bb-forums-list {
    order: 3;
} */

/* .forum-archive
    #primary
    #main
    .entry-content
    #bbpress-forums
    .bbp-pagination:nth-child(2) {
    order: 4;
} */

.featured-forum h2.widgettitle {
  width: 100%;
  border-bottom: 1px solid #d6d9dd;
  font-size: 1.125rem;
  padding-bottom: 1rem;
  text-transform: none;
}

body:has(.featured-forum) .bb-cover-list-item {
  padding-bottom: 80px;
}

body:has(.featured-forum) .bs-card-list .bs-timestamp a {
  color: #fff !important;
}

body:has(.featured-forum) .bs-card-list .bs-timestamp {
  bottom: 40px;
}

/* logged off users */

.elementor-element-3768324 #no-topic-0 {
  display: none;
}

/* featured resources widget */

.featured-resources-widget .featured-resource-title a {
  color: #26576e;
}

.featured-resources-widget .featured-resource-title a:hover {
  color: #c74905;
}

.featured-resources-widget .featured-resource:last-child hr {
  display: none;
}

.featured-resources-widget .featured-resource p,
.featured-resources-widget .featured-resource hr {
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .site-header--bb .header-search-link {
    padding: 0;
    background: none;
    border: 0;
  }

  .site-header--bb .header-search-link .bb-icon-search {
    color: #26576e;
  }

  #gform_wrapper_4 {
    padding: 5px 15px 15px;
  }

  #gform_wrapper_4 .gfield--type-html.header h2 {
    font-size: 18px;
    line-height: 24px;
  }

  #gform_fields_4 #field_4_4 {
    min-width: 50%;
  }
}

#search-filter-form-1229 ul,
#search-filter-form-1236 ul {
  display: flex;
  gap: 0.75rem;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 75%;
  justify-content: end;
  float: right;
}

#search-filter-form-1229 ul select,
#search-filter-form-1236 ul select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #26576e;
  color: #26576e;
  font-size: 0.875rem;
  font-weight: 500;
  height: unset !important;
  line-height: 1.15;
  padding: 9px 13px !important;
  width: 100%;
  min-width: 170px;
  border-radius: 16px;
}

#search-filter-form-1229 ul .sf-input-text,
#search-filter-form-1236 ul .sf-input-text {
  border: 1px solid #26576e;
}

#primary.max-w-none {
  max-width: none !important;
}

.bb-grid.grid {
  display: flex !important;
}

@media screen and (max-width: 767px) {
  #search-filter-form-1229 ul,
    #search-filter-form-1236 ul {
    max-width: 100%;
    justify-content: start;
    float: unset;
  }

  .site-header .site-header-container.flex.default-header {
    display: none !important;
  }
}

/* @tailwind components; */

.visible {
  visibility: visible;
}

.absolute {
  position: absolute;
}

.bottom-10 {
  bottom: 2.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.ml-0 {
  margin-left: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mr-\[20px\] {
  margin-right: 20px;
}

.mr-\[10px\] {
  margin-right: 10px;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.table-cell {
  display: table-cell;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.w-full {
  width: 100%;
}

.max-w-none {
  max-width: none;
}

.flex-1 {
  flex: 1 1 0%;
}

.list-none {
  list-style-type: none;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

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

.gap-8 {
  gap: 2rem;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-\[7px\] {
  border-radius: 7px;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.border-\[\#D6D9DD\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 217 221 / var(--tw-border-opacity));
}

.bg-\[\#26576E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 87 110 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-\[url\(\'\/img\/hero-pattern\.svg\'\)\] {
  background-image: url('/img/hero-pattern.svg');
}

.p-8 {
  padding: 2rem;
}

.p-4 {
  padding: 1rem;
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pl-0 {
  padding-left: 0px;
}

.align-top {
  vertical-align: top;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[1\.75rem\] {
  font-size: 1.75rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-\[\#26576e\] {
  --tw-text-opacity: 1;
  color: rgb(38 87 110 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-\[\#9B9C9F\] {
  --tw-text-opacity: 1;
  color: rgb(155 156 159 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.hover\:text-\[\#b23605\]:hover {
  --tw-text-opacity: 1;
  color: rgb(178 54 5 / var(--tw-text-opacity));
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:transition-shadow:hover {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:duration-300:hover {
  transition-duration: 300ms;
}

@media (min-width: 640px) {
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}