/*********************************
Vet - Database overview
*/

.solutions-overview__intro{}

.solutions-overview__grid-wrapper{position: relative;z-index: 2;}
.solutions-overview__grid{
  display: grid;
  gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
  grid-template-columns: repeat(auto-fit,minmax(250px,365px));
}

.solutions-overview__wrapper{position: relative; z-index: 2;display:grid; grid-template-columns: 390px 1fr; gap:50px;  {#gap:30px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;#} }

.solutions-overview__filter{
  padding: clamp(20px, 4vw, 40px);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 20px rgba(183, 178, 171, 0.2);
}

.solutions-overview__filter-list-wrapper + .solutions-overview__filter-label{margin-top:20px;}
div[class*="solutions-overview__filter-label--item"]:not(.solutions-overview__filter-label--item-1):before{
  content: '';
  display: block;
  width: 80%;
  height: 2px;
  background: var(--primary);
  margin: 0 0 20px 0;
}

.solutions-overview__filter-label{margin-bottom:1rem; font-weight:600;}
.solutions-overview__filter-item:hover,
.solutions-overview__filter-item--active{color:var(--primary);}
.solutions-overview__filter-item-input{display:none;}
/* .solutions-overview__filter-item-label:before{content:'\203A\00a0\00a0';}
.solutions-overview__filter-item-label{font-weight:normal; cursor:pointer;} */

.solutions-overview__filter-item-label{display: inline-block;line-height: 1.4;font-weight: normal;padding-left: 24px;position: relative;cursor: pointer;}
.solutions-overview__filter-item-label:before{content: '';display: inline-block;width: 18px;height: 18px;border: 2px solid var(--primary, #000);position: absolute;left: 0;top: 2px;}
.solutions-overview__filter-item-label:after{content: '';display: inline-block;width: 6px;height: 11px;border: 2px solid var(--primary,#000);border-top: 0;border-left: 0;position: absolute;left: 6px;top: 4px;transform: rotate(45deg) scale(0);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.solutions-overview__filter-item-input:checked ~ .solutions-overview__filter-item-label:after{transform: rotate(45deg) scale(1);}

.solutions-overview__search-item{display:flex;flex-wrap:nowrap; align-items: stretch; align-content: stretch; border:1px solid rgba(0,0,0,0.4); border-radius:3px; background:#fff; -webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.solutions-overview__search-item:focus-within{box-shadow:0 4px 14px rgba(0,0,0,0.2);}
body form input.solutions-overview__search-item-input{min-width: initial; max-width:initial; width:auto;text-overflow:ellipsis; border:0; box-shadow:initial; flex:1 1 auto;}
body form input.solutions-overview__search-item-input:focus{box-shadow:initial;}
body form input.solutions-overview__search-item-submit{overflow:hidden; text-indent:-9999px;margin:0; padding:0; width:50px; border:0; border-radius:0; -webkit-appearance:none;appearance:none; background: var(--primary) no-repeat center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 57'%3E%3Cellipse style='fill:none;stroke:%23fff;stroke-width:5;stroke-miterlimit:10;' cx='23' cy='23' rx='20.5' ry='20.5'/%3E%3Cline style='fill:none;stroke:%23fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;' x1='37.5' y1='37.5' x2='54.5' y2='54.5'/%3E%3C/svg%3E"); background-size:42%;}
.card2__button {
    margin-top: 20px;
}
.pagination{margin:3rem 0; display:block; text-align:center; }
.pagination a{
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 1.8rem;
  color: var(--secondary);
  line-height: 36px;
  text-align: center;
  margin: 0 2px;
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--secondary);
  border-radius: 50%;
  transition: all .2s ease-in-out;
}
.pagination a:hover{
  color: #fff;
  background-color: var(--secondary);
}
.pagination a.active{
  color: #fff;
  pointer-events: none;
  background-color: var(--secondary);
}


.pagination a.pagination__first-posts-link,
.pagination a.pagination__previous-posts-link,
.pagination a.pagination__next-posts-link,
.pagination a.pagination__last-posts-link{box-shadow: none;}


.pagination__previous-links{display:inline-block; margin-right:2rem;}
.pagination__next-links{display:inline-block; margin-left:2rem;}


/*
xxl = '1400px'
xl = '1200px'
lg = '992px'
md = '768px'
sm = '576px'
xs = '480px'
*/

@media (max-width:992px){
  .solutions-overview__wrapper{display: flex;flex-direction: column;}

  .solutions-overview__filter{padding:0; background: transparent; box-shadow:none;}

  .solutions-overview__filter-label{padding:10px 34px 10px 20px; color:var(--secondary);line-height: 1.2; cursor:pointer; border:2px solid var(--secondary); border-radius:100px; position:relative; transition: all 200ms ease-in-out;}
  .solutions-overview__filter-label > label{margin-bottom:0; color: currentColor;}
  .solutions-overview__filter-label--open,
  .solutions-overview__filter-label:hover{color:#fff;background-color:var(--secondary);}
  .solutions-overview__filter-label:after{content:''; position:absolute; top:calc(50% - 4px); right:15px; bottom:0; width:8px; height:8px; border:2px solid currentColor;border-bottom:0; border-left:0; transform:rotate(45deg);transition: all 100ms ease-in-out;}
  .solutions-overview__filter-label--open:after{top:calc(50% - 6px);transform:rotate(135deg); }

  div[class*="solutions-overview__filter-label--item"]:not(.solutions-overview__filter-label--item-1):before{display:none;}

  .solutions-overview__filter-list-wrapper + .solutions-overview__filter-label{margin-top:0;}
  .solutions-overview__filter-list-wrapper{max-height:0; overflow:hidden; transition: all 300ms ease-in-out;}
  .solutions-overview__filter-list-wrapper--open{margin-bottom:20px; max-height:100vh;}

  .solutions-overview__filter-list,
  .solutions-overview__search-item-wrapper{padding:20px;border:1px solid var(--secondary); border-radius: 5px;} 
}
@media (max-width:1400px){
  .solutions-overview__grid{
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  }
}