/* Styles that were inlined on resources.html only. */

/* ---- Squarespace Fluid Engine grid layout (.fe-65fa582f6f0c382ca70ce410) ---- */
.fe-65fa582f6f0c382ca70ce410 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(9,minmax(24px, auto));
  grid-template-columns:
  minmax(var(--grid-gutter), 1fr)
  repeat(8, minmax(0, var(--cell-max-width)))
  minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-65fa582f6f0c382ca70ce410 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-65fa582f6f0c382ca70ce410 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(2,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(24, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  }
}

.fe-block-87c12e39cc0ff03151db {
  grid-area: 2/2/9/10;
  z-index: 0;

  @media (max-width: 767px) {

  }
}

.fe-block-87c12e39cc0ff03151db .sqs-block {
  justify-content: flex-start;
}

.fe-block-87c12e39cc0ff03151db .sqs-block-alignment-wrapper {
  align-items: flex-start;
}

@media (min-width: 768px) {
  .fe-block-87c12e39cc0ff03151db {
    grid-area: 1/9/3/19;
    z-index: 0;

  }

  .fe-block-87c12e39cc0ff03151db .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-87c12e39cc0ff03151db .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }
}

/* ---- container-styles ---- */
#block-87c12e39cc0ff03151db {

  --stroke-style: none;--stroke-thickness: 6px;

}

#block-87c12e39cc0ff03151db .sqs-html-content {

  --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

.fe-block-87c12e39cc0ff03151db {
  mix-blend-mode: var(--tweak-text-block-blend
  );
  border-radius: var(--tweak-text-block-radius);
}

.fe-block-87c12e39cc0ff03151db {
  --tweak-text-block-radius: 0px 0px 0px 0px;
}

.fe-block-87c12e39cc0ff03151db {
  --tweak-text-block-blend
  : normal;
}

.fe-block-87c12e39cc0ff03151db {
  --blur-value: blur(15px);}

/* ---- override-container-styles ---- */
@media screen and (max-width: 767px) {

  #block-87c12e39cc0ff03151db {

  }
}

@media screen and (max-width: 767px) {
  #block-87c12e39cc0ff03151db .sqs-html-content {

  }
}

@media screen and (max-width: 767px) {

}

/* ---- resources-list-redesign-css ---- */
.resources-list-redesign { max-width: 950px; margin: 0 auto; padding: 4vw 5vw; }
.resources-heading {
  font-family: 'Lora', serif;
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  font-weight: 500;
  color: #2b2b2b;
  margin: 0 0 2rem;
  padding-left: 1.1rem;
  border-left: 6px solid #ECC253;
  background: linear-gradient(90deg, rgba(236,194,83,0.15), rgba(236,194,83,0) 65%);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.resource-card {
  display: flex;
  align-items: center;
  gap: 2.25rem;
  background: #ffffff;
  border: 1px solid #e5e0d5;
  border-left: 5px solid #842C43;
  border-radius: 12px;
  padding: 2rem;
}
.resource-card-thumb {
  flex: 0 0 auto;
  width: 150px;
  height: 194px;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}
.resource-card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.resource-card-info { flex: 1; min-width: 0; }
.resource-card-info h3 {
  font-family: 'Lora', serif;
  font-size: 1.35rem;
  font-weight: 600;
  color: #2b2b2b;
  margin: 0 0 0.85rem;
}
.resource-card-link {
  display: inline-block;
  font-family: "Mulish","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #9a7b1f;
  text-decoration: none;
}
.resource-card-link:hover { text-decoration: underline; }
@media (max-width: 560px) {
  .resource-card { flex-direction: column; align-items: flex-start; }
  .resource-card-thumb { width: 120px; height: 155px; }
}