:root {
  --teal-900 : #0f3d3e;
  --teal-700 : #0e6b64;
  --teal-600 : #087335;
  --slate-900 : #0f172a;
  --slate-600 : #475569;
  --slate-400 : #607290;
  --slate-200 : #e2e8f0;
  --slate-50 : #f8fafc;
  --emerald-700 : #047857;
  --emerald-50 : #ecfdf5;
  --rose-600 : #b22222;
  --rose-50 : #faf2f2; }

.badge-row {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
    position: relative; }
      
.badge-rsb {
    display: inline-block;
    font-size: 95%;
    font-weight: 700;
    border: 1px solid #c8c5c5;
    background: #f1fae7;
    padding: 7px 12px;
    border-radius: 10px;
    line-height: 1;
    text-align: center; }
      
.search-wrap {
  /*max-width : 1100px;*/
  margin : 0 auto;
  background : #f8fafc;
  padding : 36px 24px;
  position : relative;
  z-index : 2;
  -webkit-box-shadow : 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow : 0 0 12px rgba(0, 0, 0, 0.1);
}
.search-ihcsb-card {
  background : #fff;
  -webkit-box-shadow : 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow : 0 0 12px rgba(0, 0, 0, 0.1);
  padding : 36px 24px; }
  
#ihcsb-search {
  width : 100%; 
  padding : 10px 18px; 
  border-radius : 999px; 
  border : 1px solid var(--slate-200);
  background : var(--slate-50); 
  font-size : 0.9rem; 
  outline : none; }
  
#ihcsb-search:focus {
  background : #fff; 
  box-shadow : 0 0 0 1px rgb(8 115 53 / 50%);
}

#ihcsb-search-clear {
	/*position:absolute; right:8px; 
	top:50%; transform:translateY(-50%);
	width:26px; height:26px; 
	border-radius:50%; 
	border:none; 
	background:var(--slate-200);
	color:var(--slate-600); 
	font-size:.85rem; 
	line-height:1; 
	cursor:pointer;*/
	display:none; 
	/*align-items:center; 
	justify-content:center;*/ }
      
#ihcsb-search-clear:hover{
	color: rgb(168, 29, 3) !important;
    background: transparent; }

#ihcsb-search-clear.visible {
	display:flex; }

.search-clear {
	display: flex;
    gap: 5%;
    width: 100%; }

.search-clear-link {
    margin-top: 22px;
    width: 7%;
    padding: 0px;
    min-width: auto;
    color: #004fba;
    font-weight: 700;
    font-family: "Mada", Helvetica, sans-serif;
    text-decoration: underline;
    background: none;
    border: none;
    font-size: 1rem;
    margin-left: -50px; }
        	
.cat-row {
  display : flex; 
  flex-wrap : wrap; 
  gap : 8px; 
  margin-top : 16px;
}
.cat-btn {
  padding : 8px 16px; 
  border-radius : 999px; 
  font-size : .85rem; 
  font-weight : 600;
  border : 1px solid var(--slate-200); 
  background : #fff; 
  color : var(--slate-600); 
  cursor : pointer;
}
.cat-btn:hover {
  border-color : var(--teal-600);
  color : #087335;
}
.cat-btn.active {
  background : #087335;
  border-color : var(--teal-700);
  color : #fff;
}
.results {
  /*max-width : 1100px;*/ 
  margin : 0 auto; 
  padding : 0px;
}
.section-title {
  display : flex; 
  align-items : center; 
  gap : 8px; 
  margin : 32px 0 18px;
}
.section-title .dot {
  width : 12px; 
  height : 12px; 
  border-radius : 0%; 
  background : var(--teal-600);
  display: none;
}
.section-title h3 {
  margin : 0;
  text-align: left;
}
.section-title .count {
  color : var(--slate-400); 
  font-size : .85rem;
}
.grid {
  display : grid; 
  grid-template-columns : repeat(auto-fill, minmax(280px, 1fr)); 
  gap : 16px;
}
.ihcsb-card {
  background : #fff;
  padding : 35px 40px;
  display : flex;
  flex-direction : column;
  transition : box-shadow .15s, border-color .15s;
  background-color : #f5faef;
  -webkit-box-shadow : 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow : 0 0 12px rgba(0, 0, 0, 0.1);
}
.ihcsb-card:hover {
  box-shadow : 0 8px 24px rgba(0, 0,0, .08); 
  border-color : #99d6cf;
}
.card-top {
  display : flex; 
  justify-content : space-between; 
  align-items : flex-start; 
  margin-bottom : 8px;
}
.icon-box {
  width : 52px;
  height: 52px;
  border-radius : 10px;
  display : flex;
  align-items : center;
  justify-content : center;
  font-size: 2.2rem;
  margin-bottom : 13px;
}
.icon-box img {
  object-fit : contain; /*width : 24px; height : 24px;*/
}
.ihcsb-card h4 {
  margin : 0 0 10px;
  text-align: left;
}
.ihcsb-card .contact {
  font-size : .9rem; 
  color : var(--slate-600); 
  margin-bottom : -3px; 
  font-weight: bold;
}
.ihcsb-card a.email {
  font-size : .9rem; 
  color : var(--teal-700); 
  text-decoration : none; 
  word-break : break-all;
}
.ihcsb-card a.email:hover {
  text-decoration : underline;
}
.ihcsb-card a.resource {
  font-size : .9rem; 
  color : var(--teal-700); 
  font-weight : 600; 
  text-decoration : none; 
  margin-top : 12px; 
  display : inline-block;
}
.ihcsb-card a.resource:hover {
  text-decoration : underline;
}
.ihcsb-card .note {
  margin-top : auto; 
  padding-top : 12px; 
  border-top : 1px solid #f1f5f9; 
  font-size : .78rem; 
  color : var(--slate-400); 
  line-height : 1.5;
}
.empty, .loading, .error {
  text-align : center; 
  padding : 60px 20px; 
  color : var(--slate-400);
}
.error {
  color : var(--rose-600);
}
.clear-link {
  display : block;
  margin-top : 10px;
  color : #004fba;
  font-weight : 700;
  font-family : "Mada", Helvetica, sans-serif;
  text-decoration : underline;
  background : none;
  border : none;
  font-size : 1.05rem;
  margin-left : -50px;
}

.clear-link:hover {
	color: rgb(168, 29, 3) !important;
    background: transparent; }