/* Crysten Curry Elementor Widget - Resource List (fonts come from fonts.css) */

.cc-res-wrap {
  --cc-r-bg: #FBFAF8;
  --cc-r-maxw: 1680px;
  --cc-r-gutter: clamp(20px, 3vw, 48px);
  --cc-r-pad: clamp(48px, 7vw, 110px);
  --cc-r-line: #0A0708;
  --cc-r-title: #0A0708;
  --cc-r-title-hover: #520000;
  --cc-r-desc: #0A0708;
  width: 100%;
  font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  box-sizing: border-box;
}
.cc-res-wrap *, .cc-res-wrap *::before, .cc-res-wrap *::after { box-sizing: border-box; }

.cc-res { background: var(--cc-r-bg); padding-block: var(--cc-r-pad); }
.cc-res__inner { max-width: var(--cc-r-maxw); margin: 0 auto; padding-inline: var(--cc-r-gutter); }

.cc-res-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) 30px;
  gap: clamp(20px, 4vw, 70px);
  align-items: start;
  padding: clamp(28px, 3.4vw, 52px) 0;
  border-top: 1px solid var(--cc-r-line);
  text-decoration: none;
}
.cc-res-row:last-child { border-bottom: 1px solid var(--cc-r-line); }
.cc-res-wrap .cc-res-row__title {
  margin: 0;
  font-family: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: clamp(2rem, 3.6vw, 3.6rem);
  line-height: 1;
  color: var(--cc-r-title);
}
.cc-res-row:hover .cc-res-row__title { color: var(--cc-r-title-hover); }
.cc-res-wrap .cc-res-row__desc {
  margin: 0;
  font-size: 15.5px;
  max-width: 40em;
  color: var(--cc-r-desc);
}
.cc-res-row .cc-ico { width: 18px; height: 18px; margin-top: 10px; stroke: currentColor; fill: none; stroke-width: 1.6; transition: transform .25s; color: var(--cc-r-title); }
.cc-res-row:hover .cc-ico { transform: translate(3px, -3px); }
.cc-res-row:focus-visible { outline: 2px solid #B0122A; outline-offset: -2px; }

@media (max-width: 820px) {
  .cc-res-row { grid-template-columns: 1fr 24px; }
  .cc-res-row__desc { grid-column: 1; }
  .cc-res-row .cc-ico { grid-column: 2; grid-row: 1; }
}

.cc-res-wrap .cc-res__sub {
  margin: 0 0 clamp(18px, 2vw, 30px);
  font-family: "Archivo", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(15px, 1.25vw, 19px);
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--cc-r-title);
}