.form-item-field-resource-type-target-id {
	display: none;
}

.card-resource, .readiness-box, .resource-filter-button {
	height: 100%;
	border-radius: 1rem;
	box-shadow: 1px 1px 5px #00000026;
}

.card-text {
	max-height: 6rem;
	overflow-y: clip;
}

.answer-card-text {
	max-height: 8rem;
	overflow-y: clip;
}

.card-body .gradient {
	position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(0deg, #fff, transparent);
  opacity: 0;
  transition: opacity ease-out;
  height: 24px;
  opacity: 1;
}

.resource-filter-button {
	width: 22.5%;
}

.resource-filter-button a{
	padding: 1rem 1rem 1rem 1rem;
	display: flex;
	color: black;
	width: 100%;
	font-size: 1.125rem;
}

.resource-filter-button a span:not(.resource-icon){
	width: 70%;
}

.resource-icon{
/*.resource-filter-button a .resource-icon{*/
	font-size: 2rem;
	width: 30%;
	text-align: center;
}

.card-resource a {
	color: black;
}

.card-resource img {
	border-radius: 1rem 1rem 0 0;
	box-shadow: 1px 1px 5px #00000026;
	transform: scale(1);
}

.card-resource .card-body h3, .card-resource .card-body h4, .card-resource .card-body h5,
.card-resource .card-body h6 {
	font-size: 1rem;
	line-height: 1rem;
}

.card-resource:hover a  {
	text-decoration:none;
}

.card-resource a .link-icon__icon {
	padding-left: .5rem;
  transition: padding-left .5s;
}

.card-resource:hover a .link-icon__icon {
	padding-left: 1rem;
}

.card-resource:hover img {
	transform: scale(1.1);
  transition: all 500ms ease-in-out;
}

.img-wrap {
	border-radius: 1rem 1rem 0 0;
	background-clip: padding-box;
	overflow: hidden;
}

.readiness-box img {
	border-radius: 1rem 0 0 1rem;
}

.kbv2-share-panel{
  position:absolute;
  left:0;
  top:calc(65% + 8px);
  min-width:260px;
  max-width:320px;
  background:#fff;
  border:1px solid #d7dbe2;border-radius:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  padding:8px;z-index:30;

  /* animated disclosure */
  opacity:0;transform:translateY(-6px);max-height:0;overflow:hidden;
  visibility:hidden;pointer-events:none;
  transition:
    opacity .18s ease,
    transform .18s ease,
    max-height .24s ease,
    visibility 0s linear .18s
}

/* Open state toggled via aria-hidden="false" */
.kbv2-share-panel[aria-hidden="false"]{
  opacity:1;transform:translateY(0);max-height:480px;
  visibility:visible;pointer-events:auto;
  transition:
    opacity .18s ease,
    transform .18s ease,
    max-height .28s ease,
    visibility 0s
}


/* Open state toggled via aria-hidden="false" */
.kbv2-share-panel[aria-hidden="false"]{
  opacity:1;transform:translateY(0);max-height:480px;
  visibility:visible;pointer-events:auto;
  transition:
    opacity .18s ease,
    transform .18s ease,
    max-height .28s ease,
    visibility 0s
}

/* motion-safe */
@media (prefers-reduced-motion: reduce){
  .kbv2-share-panel,
  .kbv2-share-panel[aria-hidden="false"]{transition:none}
}

/* Share links */
.kbv2-share-link{
  display:block;width:100%;padding:10px 12px;border-radius:8px;
  color:#0051ba;font-weight:700;text-decoration:none
}
.kbv2-share-link:hover{background:#eef5ff;text-decoration:none}
.kbv2-share-link:focus-visible{
  outline:3px solid #0051ba;outline-offset:2px;background:#eef5ff
}

/* make the dropdown a horizontal row (compact pills) */
.kbv2-share-panel{
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  min-width:auto; /* let content define width */
  max-width:none;
  white-space:nowrap;        /* keep in one line */
}
.kbv2-share-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  padding:8px 10px;
  border-radius:8px;
  color:#0051ba;
  font-weight:700;
  text-decoration:none;
}
.kbv2-share-link:hover{ background:#eef5ff }


@media (max-width: 768px) {
	.readiness-box img {
		border-radius: 0 0 1rem 1rem;
	}
	.resource-filter-button {
		width: 48.5%;
	}
	
	.resource-filter-button a{
		padding: 1rem .5rem 1rem 1rem;
	}
	
	.resource-filter-button .resource-icon {
		/*font-size: 1.5rem;*/
	}
}