:root {
/* Variables to easily maintain the styling */
--kbtype-color: #b16c96; /* article type background color */
--kbtype-header-color: #1b315d; /* article type background color */
--meta-color: #5b2666; /* meta details color */
--kb-grid-gap: 1.5rem; /* article grid gap spacing */
--kb-card-content-padding: 1.5rem; /* article grid gap spacing */
--kb-card-radius: 10px;

--kbase-mainstory-header-size: 2rem; /* Main Story Header Size */

--kb-heading-type-size: 16px; /* small type font size */
--kb-small-type-size: 16px; /* small type font size */
--kbase-header-size: 1.4rem; /* Main Story Header Size */
--kb-content-type-size: 17px; /* content type font size */
--kb-viewdetails-type-size: 18px; /* viewdetails type font size */

--kb-font-bold-weight: 700; /* Font bold weight */

--main-grid-gap: 130px; /* Main grid gap */
--grid-line-offset: calc(var(--main-grid-gap)/2); /* Grid line offset */

--event-field-font-size: 16px /* Event field Font Size */

}

.card-meta{
font-weight: 600;
  font-size: 15px;
  color:var(--meta-color);
  margin-bottom:20px;
  display:block;
}

/* FACET STYLING */
.facetwp-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
}

.facetwp-pager-filters {
  text-align:center;
}

.facetwp-facet {
  margin-right:10px;
  margin-bottom:10px !important;
}

.fs-label-wrap .fs-label {
  padding: 14px 22px 15px 8px !important;
}

.facetwp-reset {
  padding:6px 20px !important;
}

/*KNOWLEDGE BASE STYLING */

.knowledge-base-featured__grid {
  font-family: museo-sans, Verdana, Arial, sans-serif;
  display: grid;
  position:relative;
}

.knowledge-main-card, .knowledge-base-card {
  font-family: museo-sans, Verdana, Arial, sans-serif;
  transition: box-shadow 0.3s ease;
  display:flex;
  flex-direction:column;
  background: #fff;
}

.knowledge-main-card {
  position:relative;
  border: 2px solid var(--kbtype-color);
  border-radius:var(--kb-card-radius);
  overflow:hidden;
}

.knowledge-main-card__thumb {
  margin:0;
  padding:0;
  aspect-ratio:4/2;
  display: flex;
}

.knowledge-main-card__media-wrapper {
 position:relative;
 order:-1;
}

.knowledge-main-card__thumb img {
  border-radius: 0;
  width:100%;
  object-fit:cover;
}

.knowledge-base-card {
  border: 2px solid var(--kbtype-color);
  border-radius: var(--kb-card-radius);
  background: #fff;
  overflow:hidden;
}

.knowledge-main-card:after {
 content: "";
 width:2px;
 height:100%;
 background-color:black;
 position:absolute;
 top:0;
 right:calc(var(--grid-line-offset) * -1);
}

/* Media Query -- if screen is at least 1039px */
@media screen and (min-width: 1039px) {

.knowledge-main-card {
 border: 0px;
 background:none;
 border-radius:0;
 overflow:unset;
}

.knowledge-main-card__thumb {
  aspect-ratio:4/3.2;
}

.knowledge-base-featured__grid {
  grid-template-columns: minmax(100px, 50%) 1fr;
  gap: var(--main-grid-gap);
  margin-bottom:40px;
}

.knowledge-base__support-stories {
  margin-top:0px;
}

}

/* Media Query -- if screen is a maximum 1040px */
@media screen and (max-width: 1040px) {

.knowledge-base__support-stories {
  margin-top:40px;
}

}

.knowledge-base__main-story img {
  width:100%;
}

.knowledge-base-card__main-header, .knowledge-base-card__header {
  margin:20px 0 0 0;
  font-weight:var(--kb-font-bold-weight);
  color:var(--kbtype-header-color);
}

.knowledge-base-card__main-header, .knowledge-base-card__header {
  font-size:var(--kbase-mainstory-header-size);
}

h3.knowledge-base-card__header a, h3.knowledge-base-card__header {
  font-size:var(--kbase-header-size);
  line-height:1.4;
  color:var(--kbtype-header-color);
}

.knowledge-base-card__header a, .knowledge-base-card__main-header a, .knowledge-base__story a, .knowledge-card__link a  {
  text-decoration:none;
}

.knowledge-card__link a {
  font-weight:var(--kb-font-bold-weight)
}

.knowledge-base__story {
  margin-bottom:40px;
}

.date {
  display:block;
  font-size:var(--kb-small-type-size);
  font-weight:var(--kb-font-bold-weight);
  margin-top:20px;
}

.knowledge-base-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--kb-grid-gap);
  margin: 40px 0 40px;
}

.knowledge-base-card__content-wrapper {
  padding:var(--kb-card-content-padding);
  display: flex;
  flex-direction: column;
  flex-grow:1;
}

.knowledge-base-card__main-content-wrapper {
  padding:0 var(--kb-card-content-padding) var(--kb-card-content-padding) var(--kb-card-content-padding);
  display: flex;
  flex-direction: column;
  flex-grow:1;
}

.knowledge-base-card__media-wrapper {
 position:relative;
 order:-1;
}

.knowledge-base-card__media-wrapper figure {
  margin:0;
  padding:0;
  aspect-ratio:4/2.5;
  display: flex;
}

.knowledge-base-card__thumb img {
  border-radius: 0;
  width:100%;
  object-fit:cover;
}

.knowledge-base-card:hover {
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.knowledge-card__type, .knowledge-base-support-stories__type {
  font-size:var(--kb-small-type-size);
  font-weight: var(--kb-font-bold-weight);
  background: var(--kbtype-color);
  padding:10px 24px;
  color:#fff;
}

.knowledge-card__type {
  position:absolute;
  top:0;
  right:0;
}

.knowledge-card__link {
  font-size:var(--kb-viewdetails-type-size);
  margin-top:auto;
}

.knowledge-base-card__no_thumb {
  width:100%;
  height:40px;
}

.knowledge-base-card__content-wrapper p {
  font-family: "museo-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0 0 20px;
  font-size:var(--kb-content-type-size);
  font-weight:400;
  flex-grow:1;
}

/* EVENT STYLING */

 .event-grid-wrapper {
  font-family: museo-sans, Verdana, Arial, sans-serif;
  display: grid;
  grid-template-columns: 1fr;
  position:relative;
}

.past-event-grid-wrapper {
  font-family: museo-sans, Verdana, Arial, sans-serif;
  display: grid;
  position:relative;
  border-top:1px solid var(--meta-color);
padding-top:var(--kb-grid-gap);
}

.past-event-grid, .event-grid {
  display: grid;
  row-gap: var(--kb-grid-gap);
}

.event-facet-header {
  display:block;
  font-weight:900;
}

.event-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--kb-grid-gap);
}

/* Media Query -- if screen is a minimum 800px */
@media screen and (min-width: 800px) {
	.event-grid {
  display: grid;
  grid-template-columns: minmax(100px, 50%) 1fr;
  gap: var(--kb-grid-gap);
}
}

/* Media Query -- if screen is a minimum 500px */
@media screen and (min-width: 500px) {
.event-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: var(--kb-grid-gap);
  margin: 40px 0 40px;
	}
	
}

	
.past-event-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--kb-grid-gap);
  margin: 40px 0 40px;
}

.past-event-grid {
  display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--kb-grid-gap);
}

.facetwp-event-filters {
  margin-bottom:40px;
}


div.event-fields-wrapper {
  display:flex;
  flex-direction: column;
  flex-grow:1;
}

.event-field {
  font-size:var(--event-field-font-size);
  display:block;
}

.event-field strong {
  font-weight:700;
}

.event-header {
font-size: var(--kbase-header-size);
font-weight:700;
line-height: 1.4;
}

h3.event-field {
margin:0;
}

.event-type {
  font-size:var(--event-field-font-size);
  font-weight:700;
  color: var(--kbtype-color);
  order:-1;
}

.event-link {
  font-weight:700;
  text-decoration:none;
  margin-top:20px;
}

.event-link a {
  font-size:var(--kb-viewdetails-type-size);
    text-decoration:none;
}