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

.overview-careers{
  scroll-margin-top: 100px;
}

.overview-careers__grid{list-style-type: none;border-radius: 25px;padding: 0;display: grid;grid-template-columns: 1fr;row-gap: 75px;background-color: transparent;}

.overview-careers__wrapper{display:grid; grid-template-columns: 1fr; gap:30px;  {#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;#} }
.overview-careers__filter {
  padding: 30px;
  border-radius: 5px;
  background: #EFEFEF;
  box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.overview-careers__filter input, .overview-careers__filter select {
  background-color: #fff;
  padding: 1.2rem 22px;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
}
.overview-careers__filter-list-wrapper + .overview-careers__filter-label{margin-top:20px;}
.overview-careers__filter-label{margin-bottom:1rem; font-weight:bold;}
.overview-careers__filter-item:hover,
.overview-careers__filter-item--active{color:var(--accent-color-1);}
.overview-careers__filter-item-input{display:none;}
/* .overview-careers__filter-item-label:before{content:'\203A\00a0\00a0';}
.overview-careers__filter-item-label{font-weight:normal; cursor:pointer;} */

.overview-careers__filter-item-label{display: inline-block;line-height: 1.4;font-weight: normal;padding-left: 24px;position: relative;cursor: pointer;}
.overview-careers__filter-item-label:before{content: '';display: inline-block;width: 18px;height: 18px;border: 2px solid var(--accent-color-1, #000);position: absolute;left: 0;top: 2px;}
.overview-careers__filter-item-label:after{content: '';display: inline-block;width: 6px;height: 11px;border: 2px solid var(--accent-color-1,#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;}
.overview-careers__filter-item-input:checked ~ .overview-careers__filter-item-label:after{transform: rotate(45deg) scale(1);}

.overview-careers__search-item{display:flex;flex-wrap:nowrap; align-items: stretch; align-content: stretch; border:1px solid rgba(0,0,0,0.4); border-radius: 27px; background:#fff; -webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; background-color: #fafafa;}
.overview-careers__search-item:focus-within{box-shadow:0 4px 14px rgba(0,0,0,0.2);}
body input.overview-careers__search-item-input{min-width: initial; max-width:initial; width:auto;text-overflow:ellipsis; border:0!important; box-shadow:initial; flex:1 1 auto;}
body input.overview-careers__search-item-input:focus{box-shadow:initial;}
body input.overview-careers__search-item-submit{overflow:hidden; text-indent:-9999px;margin:0; padding:0; width:40px; border:0; -webkit-appearance:none;appearance:none;background: 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:%23000000;stroke-width:5;stroke-miterlimit:10;' cx='23' cy='23' rx='20.5' ry='20.5'/%3E%3Cline style='fill:none;stroke:%23000000;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"); height: auto; background-size:42%;margin-right: 13px;}

.pagination{margin:3rem 0; display:block; text-align:center; }
.pagination a{display:inline-block; margin:0 2px; padding:4px 6px; text-decoration:none;}
.pagination a:hover{color:var(--accent-color-1);}
.pagination a.active{color:var(--accent-color-1);font-weight:bold; pointer-events:none;}
.pagination__privious-links{display:inline-block; margin-right:2rem;}
.pagination__next-links{display:inline-block; margin-left:2rem;}


.overview-careers  .btns-wrapper.btns-wrapper--alignment-center {
  margin-top: 50px;
}
.db-overview__filter__submit {
  margin-left: auto;
  width: 100%;
}
.db-overview__filter__submit input.hs-btn.secondary {
  width: 100%;
  padding: 1.2rem 73px 1.2rem 30px;
  font-size: 16px;
}
/*
xxl = '1400px'
xl = '1200px'
lg = '992px'
md = '768px'
sm = '576px'
xs = '480px'
*/

@media (max-width:992px){
  .overview-careers__filter {align-items: stretch; flex-direction: column; display: flex; padding: 15px;}
  .overview-careers__filter-label{padding:6px 34px 6px 14px; color:var(--accent-color-1);cursor:pointer; border:2px solid var(--accent-color-1); border-radius:100px; position:relative; -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;}
  .overview-careers__filter-label--open,
  .overview-careers__filter-label:hover{color:#fff;background-color:var(--accent-color-1);}
  .overview-careers__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; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); -webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;}
  .overview-careers__filter-label--open:after{top:calc(50% - 6px);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg); }

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

  .overview-careers__filter-list,
  .overview-careers__search-item-wrapper{border:1px solid var(--accent-color-1);} 
  .db-overview__filter__submit {margin: 0 auto;}
}