/* Override because percentage gaps cause height issues for row gap */
@media (min-width: 980px) {
  .mdvt-post-list__grid {
    row-gap: 40px !important;
  }
}

/*
.accordion-list {
  list-style-type: none !important;
}

.accordion-list > p {
  padding-bottom: 20px;
}

.accordion-list-label {
  font-weight: bold;
}

@media (max-width: 768px) {
  .accordion-list {
    margin-left: 0;
  }
}

.medvet-social-links-container,
.medvet-social-icons-container {
  display: flex;
}

.medvet-social-link {
  flex: 1 0 15%;
  margin-right: 5px;
}

.medvet-social-icon {
  flex: 1 0 15%;
}
  */

/* Global Styles */

/* Search Bar Styles */
#medvet-paginate-wrapper {
  padding-top: 30px;
  visibility: hidden;
}

.medvet-paginate-mobile {
  background: var(--mdvt-color-off-white);
  padding: 7px 15px;
  color: var(--mdvt-color-navy);
  font-weight: var(--mdvt-button-font-weight);
  font-family: var(--mdvt-button-font-family);
  border-radius: var(--mdvt-border-radius);
}

.medvet-paginate-button {
  background: var(--mdvt-color-off-white);
  padding: 5px;
  margin: 0 5px;
  color: var(--mdvt-color-navy);
  width: 45px;
  height: 45px;
  font-family: var(--mdvt-button-font-family);
  font-size: var(--mdvt-button-font-size-small);
  font-weight: var(--mdvt-button-font-weight);
  border: none;
  border-radius: var(--mdvt-border-radius);
}

.medvet-paginate-button-selected {
  background: var(--mdvt-color-navy);
  color: var(--mdvt-color-pure-white);
}

.medvet-filter-search-icon {
  color: var(--mdvt-color-pure-white);
  height: 25px;
  width: 25px;
  min-width: 25px;
}

.medvet-browse-container {
  display: none;
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid var(--mdvt-color-cool-grey);
}

.medvet-browse-container-label {
  font-size: 1em;
  font-weight: bold;
  margin-left: 5px;
}

.medvet-browse-close-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.medvet-browse-button {
  margin: 5px;
  width: 40px;
  height: 40px;
  background-color: var(--mdvt-color-cool-grey);
  border-radius: var(--mdvt-border-radius);
  border: 0;
  font-weight: var(--mdvt-button-font-weight);
  color: var(--mdvt-color-navy);
}

.medvet-browse-button-selected {
  background-color: var(--mdvt-color-navy);
  color: var(--mdvt-color-pure-white);
}

.medvet-clear-filters-button {
  cursor: pointer;
}