:root {
  --pg-primary-color: #393f4f;
  --pg-secondary-color: #907147;
  --pg-accent-color: #907147;
  --pg-dark-grey-color: #000;
  --pg-med-grey-color: #555;
  --pg-light-grey-color: #f9fafa;
  --pg-white-color: #fff;
  --pg-border-radius: 0px;
  --pg-nav-bg-color: #f9fafa;
  --pg-nav-text-color: #005c9f;
  --pg-nav-text-active-color: #939b4e;
  --pg-nav-text-active-hover-color: #555;


  --primary-color: var(--pg-primary-color);
  --secondary-color: var(--pg-secondary-color);
  --tertiary-color: var(--pg-accent-color);
  --dark-grey-color: var(--pg-dark-grey-color);
  --med-grey-color: var(--pg-med-grey-color);
  --light-grey-color: var(--pg-light-grey-color);
  --white-color: var(--pg-white-color);
  --border-radius:  var(--pg-border-radius);
}
.pg-body.pg-article .pg-side-nav, .pg-body.pg-giving  .pg-side-nav, .pg-side-nav li {
  list-style-type: none;
  
}


/* --------------------------------- *
 * cards (two-column grid on desktop)
 * --------------------------------- */
 .pg-page-card-outer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.pg-page-card-outer .pg-page-card {
  margin: 0;
  height: 100%;
  padding: 30px;
  box-shadow: 0 2px 4px 0 rgba(170, 170, 170, .5);

  border: solid 1px rgba(194, 198, 206, .5);
  color: var(--pg-primary-color);
}

/* override for extra/planning modules */
.pg-has-extra-gifts .pg-page-card-outer {
  grid-template-columns: repeat(4, 1fr);
}
.pg-personal-planning .pg-page-card-outer {
  grid-template-columns: repeat(3, 1fr);
}

/* responsive breakpoints */
@media (max-width: 1168px) {
.pg-has-extra-gifts .pg-page-card-outer {
  grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 968px) {
.pg-has-extra-gifts .pg-page-card-outer {
  grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.pg-page-card-outer,
.pg-has-extra-gifts .pg-page-card-outer,
.pg-personal-planning .pg-page-card-outer {
    grid-template-columns: repeat(1, 1fr);
}
}