/*
Name: TIB Search Feed
Version: 1.0.0
*/

.tib-search-feed{
  --tib-ink:#341416;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  overflow:hidden;
  color:var(--tib-ink);
  font-family:"Open Sans", Arial, Helvetica, sans-serif;
}
.tib-search-feed__inner{
  margin:0 auto;
}
.tib-search-feed__header{
  width:min(100%, 940px);
  margin:0 auto;
  text-align:center;
}
.tib-search-feed__title{
  margin:0 0 54px;
  color:var(--tib-ink);
  font-size:clamp(38px, 4vw, 50px);
  font-weight:800;
  line-height:1.12;
}
.tib-search-feed__header p{
  width:min(100%, 860px);
  margin:0 auto;
  font-size:clamp(17px, 1.7vw, 22px);
  line-height:1.45;
}
.tib-search-feed__form{
  display:grid;
  margin-top:72px;
  grid-template-columns:minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1.45fr);
  gap:34px;
}
.tib-search-feed__select-wrap,
.tib-search-feed__keyword-wrap{
  display:block;
  height:68px;
  min-width:0;
  position:relative;
  border:2px solid #6e5b59;
  border-radius:999px;
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.tib-search-feed__select-wrap{
  border-color:#111;
}
.tib-search-feed__select-wrap:focus-within,
.tib-search-feed__keyword-wrap:focus-within{
  border-color:#9d252c;
  box-shadow:0 0 0 3px rgba(157, 37, 44, .16);
}
.tib-search-feed__select-wrap::after{
  content:"";
  width:12px;
  height:12px;
  position:absolute;
  top:48%;
  right:32px;
  border-right:3px solid var(--tib-ink);
  border-bottom:3px solid var(--tib-ink);
  pointer-events:none;
  transform:translateY(-65%) rotate(45deg);
  transition:transform .22s ease;
  z-index:3;
}
.tib-search-feed__select-wrap.is-open{
  z-index:20;
}
.tib-search-feed__select-wrap.is-open::after{
  transform:translateY(-20%) rotate(225deg);
}
.tib-search-feed__form select,
.tib-search-feed__form input[type="search"]{
  box-sizing:border-box;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0 34px;
  border:0;
  border-radius:inherit;
  color:var(--tib-ink);
  outline:0;
  background:transparent;
  box-shadow:none;
  font:inherit;
  font-size:20px;
  line-height:1;
}
.tib-search-feed__form select{
  padding-right:62px;
  appearance:none;
  -webkit-appearance:none;
}
.tib-search-feed__select-wrap.is-enhanced .tib-search-feed__native-select{
  display:none;
}
.tib-search-feed__select-button{
  box-sizing:border-box;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0 62px 0 34px;
  border:0;
  border-radius:inherit;
  color:var(--tib-ink);
  outline:0;
  background:transparent;
  box-shadow:none;
  font:inherit;
  font-size:20px;
  line-height:1;
  text-align:left;
  cursor:pointer;
}
.tib-search-feed__select-menu{
  box-sizing:border-box;
  width:100%;
  max-height:0;
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  overflow:auto;
  visibility:hidden;
  border:1px solid #111;
  border-radius:16px;
  opacity:0;
  background:#fff;
  box-shadow:0 12px 28px rgba(0, 0, 0, .12);
  pointer-events:none;
  transform:translateY(-7px);
  transform-origin:top center;
  transition:max-height .26s ease, opacity .18s ease, transform .22s ease, visibility 0s linear .26s;
  z-index:2;
}
.tib-search-feed__select-wrap.is-open .tib-search-feed__select-menu{
  max-height:320px;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}
.tib-search-feed__select-menu button{
  box-sizing:border-box;
  display:block;
  width:100%;
  margin:0;
  padding:14px 26px;
  border:0;
  border-bottom:1px solid #e2e2e2;
  border-radius:0;
  color:var(--tib-ink);
  outline:0;
  background:#fff;
  box-shadow:none;
  font:inherit;
  font-size:16px;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
}
.tib-search-feed__select-menu button:last-child{
  border-bottom:0;
}
.tib-search-feed__select-menu button:hover,
.tib-search-feed__select-menu button:focus-visible,
.tib-search-feed__select-menu button[aria-selected="true"]{
  background:#f4f4f4;
}
.tib-search-feed__select-menu button:focus-visible{
  box-shadow:inset 0 0 0 2px #9d252c;
}
.tib-search-feed__keyword-wrap button {
  box-sizing: border-box;
  display: block;
  width: 68px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 999px 999px 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: none;
  cursor: pointer;
}
.tib-search-feed__form input[type="search"]{
  padding-right:76px;
}
.tib-search-feed__form input[type="search"]::-webkit-search-cancel-button{
  margin-right:4px;
}
.tib-search-feed__submit {
  box-sizing: border-box;
  display: block;
  width: 68px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 999px 999px 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  box-shadow: none;
  cursor: pointer;
}

.tib-search-feed__submit:hover,
.tib-search-feed__submit:focus {
  background-color: rgba(0, 0, 0, 0.04);
}

.tib-search-feed__submit:focus-visible {
  outline: 2px solid #9d252c;
  outline-offset: -4px;
}
.tib-search-feed__sr-only{
  width:1px;
  height:1px;
  position:absolute;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0;
  white-space:nowrap;
}
.tib-search-feed__clear{
  margin-top:20px;
  text-align:right;
}
.tib-search-feed__clear a{
  color:#9d252c;
  font-size:14px;
  text-underline-offset:3px;
}
.tib-search-feed__grid{
  margin-top:74px;
}
.tib-search-feed__empty{
  margin:74px 0 0;
  padding:44px 24px;
  border:1.5px solid #c73842;
  text-align:center;
}
.tib-search-feed__pagination{
  margin-top:56px;
}
.tib-search-feed__pagination .page-numbers{
  display:flex;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  align-items:center;
  justify-content:center;
  gap:18px;
  list-style:none;
}
.tib-search-feed__pagination a,
.tib-search-feed__pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--tib-ink);
  font-size:15px;
  line-height:1.4;
  text-decoration:none;
}
.tib-search-feed__pagination a:hover,
.tib-search-feed__pagination a:focus-visible{
  color:#a82e37;
  text-decoration:underline;
  text-underline-offset:4px;
}
.tib-search-feed__pagination .current{
  color:#a82e37;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}

.tib-search-feed .tib-tools-feed__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 40px;
  align-items: start;
}

.tib-search-feed .tib-tool-card {
  min-width: 0;
}

@media (max-width: 900px) {
  .tib-search-feed .tib-tools-feed__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 960px){
  .tib-search-feed__form{ grid-template-columns:1fr 1fr; gap:22px; }
  .tib-search-feed__keyword-wrap{ grid-column:1 / -1; }
}

@media (max-width: 768px){
  .tib-search-feed{ padding:54px 20px 72px; }
  .tib-search-feed__title{ margin-bottom:30px; }
  .tib-search-feed__header p{ font-size:17px; }
  .tib-search-feed__form{ margin-top:44px; grid-template-columns:1fr; gap:16px; }
  .tib-search-feed__keyword-wrap{ grid-column:auto; }
  .tib-search-feed__select-wrap,
  .tib-search-feed__keyword-wrap{ height:60px; }
  .tib-search-feed__form select,
  .tib-search-feed__form input[type="search"],
  .tib-search-feed__select-button{ padding-left:26px; font-size:17px; }
  .tib-search-feed__select-wrap::after{ right:27px; }
  .tib-search-feed__keyword-wrap button{ width:60px; height:60px; }
  .tib-search-feed__search-icon{ top:17px; left:16px; }
  .tib-search-feed__grid{ margin-top:52px; }
}

@media (max-width: 600px) {
  .tib-search-feed .tib-tools-feed__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  .tib-search-feed__select-wrap::after,
  .tib-search-feed__select-menu{
    transition:none;
  }
}