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

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

.c-jobs-overview__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(240px,100%),1fr));justify-items: center;justify-content: center;gap:3rem;}
.c-jobs-overview__grid + .pagination{margin-top: 60px;}

.c-jobs-overview__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;#} }

.c-jobs-overview__filter-list-wrapper + .c-jobs-overview__filter-label{margin-top:20px;}


.c-jobs-overview__filter{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr));justify-items: center;justify-content: center;gap: 3rem;}

.c-jobs-overview__filter-details{cursor:pointer;}
.c-jobs-overview__filter-summary::marker{content:'';}
.c-jobs-overview__filter-details{padding: 1.2rem; background-color: #fff; border: 1px solid #b7b7b7; border-radius: 9px; color: #292929; font-size: 1.6rem; line-height: normal; box-shadow: 0 0 0 transparent; display: block; font-family: var(--base-font-family);
  background-image: linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0); background-position: calc(100% - 20px) calc(1em + 4px),calc(100% - 15px) calc(1em + 4px);background-repeat: no-repeat;background-size: 5px 5px,5px 5px;
  transition: all .2s ease-in-out;}
.c-jobs-overview__filter-details:hover,
.c-jobs-overview__filter-details:focus,
.c-jobs-overview__filter-details:focus-within,
.c-jobs-overview__filter-details:active,
.c-jobs-overview__filter-details[open]{box-shadow: 0 3px 5px rgba(0, 0, 0, .2); outline: none;}
.c-jobs-overview__filter-label{}
.c-jobs-overview__filter-item-cat{position: relative; width: 100%;}
.c-jobs-overview__filter-item:hover,
.c-jobs-overview__filter-item--active{color:var(--primary);}
/* .c-jobs-overview__filter-item-input{display:none;} */
.c-jobs-overview__filter-item-input{width: 1px; height: 1px; overflow: hidden; opacity: 0; position: absolute; top: 0; left:0;}
.c-jobs-overview__filter-item-input:focus + .c-jobs-overview__filter-item-label{text-decoration: underline;}
/* .c-jobs-overview__filter-item-label:before{content:'\203A\00a0\00a0';}
.c-jobs-overview__filter-item-label{font-weight:normal; cursor:pointer;} */


.c-jobs-overview__filter-list-wrapper{position: absolute; top: calc(100% + 20px); max-height: 260px; overflow: auto; left: 0; width: 100%; padding: 15px; background-color:#fff; border: 1px solid #b7b7b7;border-radius: 5px;z-index: 99; opacity: 0; visibility: hidden;transition: all .2s ease-in-out;}
.c-jobs-overview__filter-details[open] + .c-jobs-overview__filter-list-wrapper{top: calc(100% + 10px); opacity: 1; visibility: visible;}
.c-jobs-overview__filter-list{display: grid; gap: .5rem; /*grid-template-columns: repeat(auto-fill,minmax(min(230px,100%),1fr));*/}
/* .c-jobs-overview__filter-item + .c-jobs-overview__filter-item{margin-top: 10px;} */
.c-jobs-overview__filter-item-label{display: inline-block;vertical-align: top; font-size: 1.6rem; line-height: 1.2;font-weight: 700;padding-left: 36px;padding-top: 5px;position: relative;cursor: pointer;}
.c-jobs-overview__filter-item--active .c-jobs-overview__filter-item-label{color: var(--primary);}
.c-jobs-overview__filter-item-label:before{content: '';display: inline-block;width: 25px;aspect-ratio:1; border: 1px solid #B7B7B7 ;background: #fff;position: absolute;left: 0;top: 2px;border-radius:9px;}
.c-jobs-overview__filter-item-label:after{content: '';display: inline-block;width: 8px; height: 14px;border: 2px solid #2D6BAF;border-top: 0;border-left: 0;position: absolute;left: 9px;top: 6px;transform: rotate(45deg) scale(0);transition: all 200ms ease-in-out;}
.c-jobs-overview__filter-item-input:checked ~ .c-jobs-overview__filter-item-label:after{transform: rotate(45deg) scale(1);}
.c-jobs-overview__search-item-input::placeholder{color:#acacac;}



.c-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;}
.c-jobs-overview__search-item:focus-within{box-shadow: 0 3px 10px rgba(0,0,0,0.3);}
form input.c-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.c-jobs-overview__search-item-input:focus{box-shadow:none;}
form input.c-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;}
.c-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){
  .c-jobs-overview__wrapper{grid-template-columns: 1fr;}
  
/*   .c-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;}
  .c-jobs-overview__filter-label h3{margin:0; font-size: 1.6rem; color: currentColor; font-weight: bold;}
  .c-jobs-overview__filter-label--open,
  .c-jobs-overview__filter-label:hover{color:#fff;background-color:var(--primary);}
  .c-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;}
  .c-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); } */
  
/*   .c-jobs-overview__filter-list-wrapper + .c-jobs-overview__filter-label{margin-top:0;}
  .c-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;}
  .c-jobs-overview__filter-list-wrapper--open{margin-bottom:20px; max-height:100vh;} */
  
/*   .c-jobs-overview__filter-list,
  .c-jobs-overview__search-item-wrapper{padding:20px;border:3px solid var(--rust-brown, var(--primary)); border-radius: 9px;}  */
}