/* *** GENERAL *** */
.wag-resources {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-block-end: 3rem;
  width: 100%;
}

.wag-resources .load-more {
  max-width: 15rem;
  margin: 1.5rem auto 0;
  padding: 0.3em 1em !important;
  color: #3b3838 !important;
  border-width: 2px !important;
  border-radius: 15px;
  background-color: #FFFFFF;
  transition: all 300ms ease 0ms;
  box-shadow: 6px 6px 2px -1px #e0e0e0;

  font-size: 20px;
  font-weight: 500;
  padding: .3em 1em;
  line-height: 1.7em !important;
  background-color: transparent;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;

  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all !important;
  transition-property: all !important;
  cursor: pointer;
  outline: none !important;
}

.wag-resources .load-more:hover {
  color: #008080 !important;
  border-color: #008080 !important;
}

.wag-filters {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  width: 100%;
  position: relative;
}

/* *** FILTERS *** */
.wag-filters__group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

@media (min-width: 600px) {
  .wag-filters__group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
}

@media (min-width: 906px) {
  .wag-filters__group {
    flex-wrap: nowrap;
  }
}

.wag-filters__group input {
  margin: 0;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #E4E4E5;
}

.wag-filters__group input::placeholder {
  color: #0D2547;
  opacity: 0.5;
}

.wag-filter__reset {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  color: teal;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.3em !important;
  cursor: pointer;
  padding: 0.25rem 1rem;
  border-radius: 0;
  background-color: teal;
  color: #fff;
  border: 1px solid teal;
  transition: all 0.3s ease-in-out;
}

.wag-filter__reset:hover,
.wag-filter__reset:focus {
  background-color: transparent;
  border: 1px solid teal;
  color: teal;
  font-weight: 600;
  outline: none !important;

}

#wag-filter-search {
  position: relative;
  width: 100%;
}

.wag-posts {
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.wag-post {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;

  border: 1px solid #e4e4e5;
  background-color: #fff;
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.12);
}

@media (min-width: 605px) {
  .wag-posts {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .wag-post {
    width: calc(50% - 0.5rem);
  }
}

@media (min-width: 905px) {
  .wag-posts {
  }
  .wag-post {
    width: calc(33.3333% - 0.75rem);
  }
}

@media (min-width: 1240px) {
  .wag-posts {
  }
}

.wag-post__link {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.wag-post__link {
  text-decoration: none;
  color: #008080;
  background-color: #fff;

}

.wag-post__link:hover,
.wag-post__link:focus {
  color: #333333;
  text-decoration: none !important;
}

.wag-post__image {
  min-height: 200px;
  object-fit: cover;
  max-width: 100%;
  display: block;
}

.wag-post__meta {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 15px 15px 15px;
  height: 100%;
  justify-content: space-between;
  min-height: 9rem;
}

.wag-post_title {
  margin: 0;
}

/* *** Types Filter *** */
.wag-filter__keywords,
.wag-filter__type,
.wag-filter__topic,
.wag-filter__tag {
  position: relative;
  width: 100%;
}

@media (min-width: 600px) {
  .wag-filter__keywords,
  .wag-filter__type,
  .wag-filter__topic,
  .wag-filter__tag {
    width: calc(50% - 0.5rem);
  }
}

@media (min-width: 906px) {
  .wag-filter__keywords,
  .wag-filter__type,
  .wag-filter__topic,
  .wag-filter__tag {
    width: 25%;
  }
}

.wag-filter__type,
.wag-filter__topic,
.wag-filter__tag {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.wag-filter__keywords input,
.wag-filter__type input,
.wag-filter__topic input,
.wag-filter__tag input {
  min-height: 2.5rem;
  outline: none !important;
  width: 100%;
}

.wag-filter__keywords-icon {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  color: #ef5947;
  width: 1.5rem;
  height: 1.5rem;
}

.wag-filter__keywords-icon {
  position: absolute;
  z-index: 999;
}

.wag-filter__type-placeholder-icon,
.wag-filter__topic-placeholder-icon,
.wag-filter__tag-placeholder-icon {
  position: absolute;
  right: 0.5rem;
  top: 0.74rem;
  color: #ef5947;
  width: 1.125rem;
  height: 1.125rem;
}

.wag-filter__type-placeholder-icon svg,
.wag-filter__topic-placeholder-icon svg,
.wag-filter__tag-placeholder-icon svg {
  transition: all 0.15s ease-in-out;
}

.wag-filter__type-placeholder.is-open .wag-filter__type-placeholder-icon svg,
.wag-filter__topic-placeholder.is-open .wag-filter__topic-placeholder-icon svg,
.wag-filter__tag-placeholder.is-open .wag-filter__tag-placeholder-icon svg  {
  transform: rotate(180deg);
}

.wag-filter__keywords input {
  padding-inline-start: 2.5rem;
}

.wag-filter__type input:focus,
.wag-filter__topic input:focus,
.wag-filter__tag input:focus {
  border-radius: 0;
}

.wag-filter__keywords input,
.wag-filter__type input,
.wag-filter__topic input,
.wag-filter__tag input {
  border-radius: 0;
}

.wag-filter__type input.no-results,
.wag-filter__topic input.no-results,
.wag-filter__tag input.no-results {
  color: #FF7A6E
}

.wag-filter__type-placeholder,
.wag-filter__topic-placeholder,
.wag-filter__tag-placeholder {
  display: flex;
  min-height: 2.5rem;
  width: 100%;
}

.wag-filter__type-placeholder {
  z-index: 99999;
}

.wag-filter__type-dropdown {
  z-index: 99998;
}

.wag-filter__topic-placeholder {
  z-index: 99997;
}

.wag-filter__topic-dropdown {
  z-index: 99996;
}

.wag-filter__tag-placeholder {
  z-index: 99995;
}

.wag-filter__tag-dropdown {
  z-index: 99994;
}

.wag-filter__type a,
.wag-filter__topic a,
.wag-filter__tag a {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  text-decoration: none;
  color: #0D2547;
}

.wag-filter__type a:focus,
.wag-filter__topic a:focus,
.wag-filter__tag a:focus {
  outline: none !important;
}

.wag-filter__type a i,
.wag-filter__topic a i,
.wag-filter__tag a i {
  height: 1.125rem;
  margin-top: 0.2rem;
}

.wag-filter__type-dropdown,
.wag-filter__topic-dropdown,
.wag-filter__tag-dropdown {
  position: relative;
  top: auto;
  display: grid;
  width: 100%;
  grid-template-rows: 0fr;
  transition: all .3s cubic-bezier(0.55, 0, 0.1, 1);
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0 0 0.25rem 0.25rem;
  padding-inline: 1rem;
  padding-block: 0;
}

@media (min-width: 600px) {
  .wag-filter__type-dropdown,
.wag-filter__topic-dropdown,
.wag-filter__tag-dropdown {
  position: absolute;
  top: calc(2.5rem - 1px);
}
}

.wag-filter__type-dropdown-wrapper,
.wag-filter__topic-dropdown-wrapper,
.wag-filter__tag-dropdown-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.wag-filter__tag-dropdown-wrapper {
  max-height: 21.5rem;
  overflow-y: hidden;
}


.wag-filter__type-dropdown-wrapper > a:hover,
.wag-filter__topic-dropdown-wrapper > a:hover,
.wag-filter__tag-dropdown-wrapper > a:hover {
  color: #ef5947;
}

  .wag-filter__type-dropdown.is-open,
  .wag-filter__topic-dropdown.is-open,
  .wag-filter__tag-dropdown.is-open {
    grid-template-rows: 1fr;
    padding-block: 1rem;
    border-left: 1px solid #E4E4E5;
    border-bottom: 1px solid #E4E4E5;
    border-right: 1px solid #E4E4E5;
  }

@media (min-width: 600px) {
  .wag-filter__type-dropdown.is-open,
  .wag-filter__topic-dropdown.is-open,
  .wag-filter__tag-dropdown.is-open {
    border: 1px solid #E4E4E5;
  }
}
.selected {
  color: #ef5947 !important;
}

.filter-icon--uncheked {
  display: flex;
}

.filter-icon--cheked {
  display: none;
}

.selected .filter-icon--uncheked {
  display: none;
}

.selected .filter-icon--cheked {
  display: flex;
}

.wag-filter__type-placeholder-selected-items,
.wag-filter__topic-placeholder-selected-items,
.wag-filter__tag-placeholder-selected-items {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  height: 1.5rem;
  background-color: hsla(6, 84%, 61%, 0.1);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  padding-inline: 0.5rem;
  border-radius: 0.25rem;
  display: none;
}

.wag-filter__type-placeholder-selected-items a,
.wag-filter__topic-placeholder-selected-items a,
.wag-filter__tag-placeholder-selected-items a {
  display: flex;
  align-items: center;
  height: 0.75rem;
}

.wag-filter__type-placeholder-selected-items span,
.wag-filter__topic-placeholder-selected-items span,
.wag-filter__tag-placeholder-selected-items span {
  margin-right: 0.5rem;
}

.wag-filter__type-placeholder-selected-items i,
.wag-filter__topic-placeholder-selected-items i,
.wag-filter__tag-placeholder-selected-items i {
  display: flex;
  height: 0.75rem !important;
}

.wag-filter__type-placeholder-selected-items-close:hover,
.wag-filter__topic-placeholder-selected-items-close:hover,
.wag-filter__tag-placeholder-selected-items-close:hover {
  color: #ef5947 !important;
}

.wag-no-posts {
  padding-block: 2rem;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.wag-no-posts svg {
  color: #D7D7D8;
}

.wag-filter__type-placeholder-selected-icon {
  margin-top: 0 !important;
}

.wag-post__link-title:hover .wag-post_title {
  color: teal !important;
}

.wag-sticky-post {
  background-color: #fff;
  border: 1px solid #e4e4e5;
  box-shadow: 0 12px 18px -6px rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 100%;
  gap: 3rem;
}

@media (min-width: 1024px) {
  .wag-sticky-post {
    flex-direction: row;
  }
}

@media (min-width: 605px) {
  .wag-sticky-post {
    padding: 2rem;
  }
}

@media (min-width: 906px) {
  .wag-sticky-post {
    padding: 3rem;
  }
}

.wag-sticky-post .wag-post_title {
  margin-bottom: 0.5rem;
}

.ws-blog-listing-article-content {
  margin-bottom: 2rem;
}

.wag-sticky-post .wag-post__link {
  display: inline-flex;
  background-color: #fff;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  border-width: 2px !important;
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 6px 6px 2px -1px #e0e0e0;
  color: #3b3838 !important;
  cursor: pointer;
  outline: none !important;
  padding: .3em 1em !important;
  padding: .3em 1em;
  transition: all .3s ease 0s;
  transition-property: all;
  transition-duration: 0.3s;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all !important;
  transition-property: all !important;
}

.wag-sticky-post .wag-post__link:hover {
  border-color: teal !important;
  color: teal !important;
}

.wag-sticky-post .wag-post__meta {
  align-items: flex-start;
  padding: 0;
}

.wag-sticky-post .wag-post__link-title:hover .wag-post_title {
  transition: all .3s ease 0s;
}

.wag-sticky-post .wag-post__link-title:hover .wag-post_title {
  color: #333333 !important;
}

.wag-filters-action-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.wag-filters-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;

  position: fixed;
  background-color: #fff;
  inset: 0;
  padding: 6rem 1.5rem 3rem 1.5rem;
  overflow-y: auto;
  visible: hidden;
  opacity: 0;
  transform: translateX(100%);
  z-index: -1;
  transition: all .3s ease 0s;
}

.wag-filters-wrapper.is-open {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  transform: translateX(0);
}

@media(min-width: 600px) {
  .wag-filters-wrapper {
    position: relative;
    overflow-y: visible;
    transform: none;
    opacity: 1;
    padding: 0;
    visibility: visible;
    z-index: 999;
  }
}

.wag-filters-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  gap: 1rem;

}

.wag-filters-action-mobile button {
background-color: #fff;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  border-width: 2px !important;
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 6px 6px 2px -1px #e0e0e0;
  color: #3b3838 !important;
  cursor: pointer;
  display: inline-flex;
  gap: 0.5rem;
  font-weight: 600;
  align-items: center;
  outline: none !important;
  padding: .3em 1em !important;
  padding: .3em 1em;
  transition: all .3s ease 0s;
}

@media (min-width: 600px) {
  .wag-filters-action-mobile {
    display: none;
  }
}

.wag-filters-wrapper-close button {
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  gap: 0.5rem;
  padding: 0.5rem
  transition: all .3s ease 0s;
  border: none;
  outline: none !important;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

body.no-scroll {
  overflow: hidden;
}