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

.jobs-overview__intro{max-width:770px; margin:0 auto;}
.jobs-overview__intro--left{margin:0 0 auto 0;}
.jobs-overview__intro--center{margin:0 auto;}
.jobs-overview__intro--right{margin:0 auto 0 0;}
.jobs-overview__intro + div,
.jobs-overview__intro + div + div{margin-top:40px;}

.jobs-overview__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(350px,100%),1fr));justify-items: center;justify-content: center;gap:30px; column-gap: 68px;row-gap: 30px;}

.jobs-overview__wrapper{display:grid; grid-template-columns: 280px 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;#} }

.jobs-overview__filter-list-wrapper + .jobs-overview__filter-label{margin-top:20px;}
.jobs-overview__filter-label{margin-bottom:1rem; font-weight:bold;}
.jobs-overview__filter-item:hover,
.jobs-overview__filter-item--active{color:var(--primary);}
.jobs-overview__filter-item-input{display:none;}
/* .jobs-overview__filter-item-label:before{content:'\203A\00a0\00a0';}
.jobs-overview__filter-item-label{font-weight:normal; cursor:pointer;} */

.jobs-overview__filter-item + .jobs-overview__filter-item{margin-top: 10px;}
.jobs-overview__filter-item-label{display: inline-block;vertical-align: top; font-size: 2rem; line-height: 1.2;font-weight: 700;padding-left: 44px;padding-top: 6px;position: relative;cursor: pointer;}
.jobs-overview__filter-item--active .jobs-overview__filter-item-label{color: var(--primary);}
.jobs-overview__filter-item-label:before{content: '';display: inline-block;width: 35px;height: 35px;border: 1px solid #B7B7B7 ;background: #fff;position: absolute;left: 0;top: 2px;border-radius:9px;}
.jobs-overview__filter-item-label:after{content: '';display: inline-block;width: 12px; height: 22px;border: 2px solid #2D6BAF;border-top: 0;border-left: 0;position: absolute;left: 11px;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;}
.jobs-overview__filter-item-input:checked ~ .jobs-overview__filter-item-label:after{transform: rotate(45deg) scale(1);}
.jobs-overview__search-item-input::placeholder{color:#acacac;}



.jobs-overview__search-item{display:flex;flex-wrap:nowrap; align-items: stretch; align-content: stretch; border:1px solid #B7B7B7; border-radius:9px; background:#fff; overflow: hidden;transition: all 200ms ease-in-out;}
.jobs-overview__search-item:focus-within{box-shadow: 0 3px 10px rgba(0,0,0,0.3);}
form input.jobs-overview__search-item-input{min-width: initial!important; max-width:initial!important; width:auto!important;border: 0!important; text-overflow:ellipsis; border:0; box-shadow:initial; flex:1 1 auto;}
form input.jobs-overview__search-item-input:focus{box-shadow:none;}
form input.jobs-overview__search-item-submit{padding: 0!important; overflow:hidden; text-indent:-9999px;margin:0; padding:0; width:40px; border:0;border-radius: 0; -webkit-appearance:none;appearance:none; background-color:#fff!important;background-repeat: no-repeat!important; background-position: center center!important; background-image: 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")!important; background-size:42%!important;}

.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(--primary);}
.pagination a.active{color:var(--primary);font-weight:bold; pointer-events:none;}
.pagination__privious-links{display:inline-block; margin-right:2rem;}
.pagination__next-links{display:inline-block; margin-left:2rem;}
.jobs-overview__search-item form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button.primary:hover, form .hs-button.primary:focus {
    background-color:unset;
    border-color: unset;
}
/*
xxl = '1400px'
xl = '1200px'
lg = '992px'
md = '768px'
sm = '576px'
xs = '480px'
 */

@media (max-width:992px){
  .jobs-overview__wrapper{grid-template-columns: 1fr;}
  
  .jobs-overview__filter-label{padding:10px 34px 10px 14px; color:var(--primary);cursor:pointer; border:2px solid var(--primary); 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;}
  .jobs-overview__filter-label h3{margin:0; font-size: 1.6rem; color: currentColor; font-weight: bold;}
  .jobs-overview__filter-label--open,
  .jobs-overview__filter-label:hover{color:#fff;background-color:var(--primary);}
  .jobs-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; -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;}
  .jobs-overview__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); }
  
  .jobs-overview__filter-list-wrapper + .jobs-overview__filter-label{margin-top:0;}
  .jobs-overview__filter-list-wrapper{max-height:0; 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;}
  .jobs-overview__filter-list-wrapper--open{margin-bottom:20px; max-height:100vh;}
  
  .jobs-overview__filter-list,
  .jobs-overview__search-item-wrapper{padding:20px;border:1px solid var(--primary); border-radius: 9px;} 
}