/* Oud-Beijerland.org V0.3.6.4.7.2.5 - News filter layout hotfix */
/* Loaded only by /nieuws/: undo the generic three-column outer filter grid. */
.content-page .content-filter{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:20px;
}
.content-page .content-filter .news-filter-grid{
  display:grid;
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:16px;
  align-items:end;
}
.content-page .content-filter .news-filter-grid>div{min-width:0}
.content-page .content-filter .news-filter-grid label{
  display:block;
  margin:0 0 7px;
  line-height:1.25;
  font-weight:750;
  color:var(--ink,#17342a);
}
.content-page .content-filter .content-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:stretch;
}
.content-page .content-filter .content-search input,
.content-page .content-filter .news-filter-grid select,
.content-page .content-filter .content-search button{
  box-sizing:border-box;
  min-height:56px;
  margin:0;
}
.content-page .content-filter .content-search input{min-width:0}
.content-page .content-filter .content-search button{
  min-width:126px;
  padding:0 22px;
  border:0;
  border-radius:12px;
  background:var(--green,#174c35);
  color:#fff;
  font:inherit;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.content-page .content-filter .content-search button:hover{background:#0e5b3b}
.content-page .content-filter .content-search button:focus-visible,
.content-page .content-filter .content-search input:focus-visible,
.content-page .content-filter .news-filter-grid select:focus-visible{
  outline:3px solid rgba(23,76,53,.22);
  outline-offset:2px;
}
@media(max-width:760px){
  .content-page .content-filter{padding:16px}
  .content-page .content-filter .news-filter-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .content-page .content-filter .content-search{
    grid-template-columns:1fr;
    gap:9px;
  }
  .content-page .content-filter .content-search input,
  .content-page .content-filter .news-filter-grid select,
  .content-page .content-filter .content-search button{
    width:100%;
    min-height:52px;
  }
}