/* Neutral Palette */

body { background: var(--ivory); color: var(--charcoal); }

/* SITE-WIDE CLASSES & UTILITIES */

.flickity-button { background-color: var(--ivory); }
.flickity-button:hover { border-color: var(--charcoal); background: var(--charcoal); color: var(--ivory); }
.flickity-button:focus { box-shadow: 0 0 0 .5rem #19F; }
.flickity-page-dots .dot { background: #333; }

.pullquoteblock .flickity-button { background-color: var(--darkcream); }
.pullquoteblock .flickity-button:hover { background-color: var(--charcoal); color: var(--darkcream); }

.buttons :is( .pill:hover, .pill.active ) { border-color: var(--charcoal); background: var(--charcoal); color: var(--ivory); }
.buttons .icon { background-image: url('../images/links/east-charcoal.svg'); }
.buttons .icon[target="_blank"] { background-image: url('../images/links/northeast-small-charcoal.svg'); }
.buttons .icon[download] { background-image: url('../images/links/download-charcoal.svg'); }

/* Alternate */

.alternate { background: var(--darkcream); }

.alternate .flickity-button { background-color: var(--darkcream); }
.alternate .flickity-button:hover { background-color: var(--charcoal); color: var(--darkcream); }

.pullquoteblock.alternate  .flickity-button { background-color: var(--ivory); }
.pullquoteblock.alternate .flickity-button:hover { background-color: var(--charcoal); color: var(--darkcream); }

.alternate .buttons :is( .pill:hover, .pill.active ) { color: var(--darkcream); }


/* NAV, HEADERS, FOOTER */

.terramenu li li a.active { background: var(--ivory);  }
.terramenu .searchform :is( input, button ) { background: var(--ivory); }

.terramenu li .caret { background-image: url('../images/nav/caret-charcoal.svg'); }
.terramenu li .search { background-image: url('../images/nav/search-charcoal.svg'); }
.terranav .menuopen { background-image: url('../images/nav/menu-charcoal.svg'); }
.terramenu li:hover :is( .topspan, ul, form ) { color: var(--charcoal); background-color: var(--darkcream); }
.terramenu li .topspan.active { background-color: var(--darkcream); }

.filterbar select { background-image: url('../images/nav/caret-charcoal.svg'); }

.sitefooter { border-color: var(--darkcream); }

.dbtable a.tablelink { background-image: url('../images/nav/greaterthan-charcoal.svg'); }
.dbtable a.tablelink:hover { background-color: var(--charcoal); color: var(--ivory); background-image: url('../images/nav/greaterthan-ivory.svg'); }
.dbtable .tags :is(a, span) { background-color: var(--darkcream);}

.dbtable .tags .collections :is(a, span) { background-color: var(--brass); }
.dbtable .tags .convening :is(a, span) { background-color: var(--brown); color: var(--ivory); }
.dbtable .tags .exhibition :is(a, span) { background-color: var(--salmon); }
.dbtable .tags .strategic-initiative :is(a, span) { background-color: var(--mint); }
.dbtable .tags .terra-collection-in-residence :is(a, span) { background-color: var(--pink); }
.dbtable .tags .terra-foundation-collection-loan :is(a, span) { background-color: var(--navy); color: var(--ivory); }
.dbtable .tags .past-program :is(a, span) { background-color: var(--mauve); }

.pageheader .tags a { background: var(--darkcream); }

@media screen and (max-width: 900px) { /* Intermediate Spacing */

  .dbtable tr { background-color: var(--darkcream); }
  .dbtable a.tablelink:hover { color: var(--darkcream); background-image: url('../images/nav/greaterthan-darkcream.svg'); }
  .dbtable .tags :is(a, span) { background-color: var(--ivory);}

}


/* BUTTONS BLOCK */


/* CARDS BLOCK */

.cardsblock .item { background: var(--darkcream); }
.cardsblock .cta a { background-image: url('../images/links/east-charcoal.svg'); }
.cardsblock .cta a[target="_blank"] { background-image: url('../images/links/northeast-charcoal.svg'); }

.cardsblock .oneup-v .item { background: var(--charcoal); color: var(--cream); }
.cardsblock .oneup-v .buttons :is( .pill:hover, .pill.active ) { border-color: var(--cream); background: var(--cream); color: var(--charcoal); }

/* Alternate */

.cardsblock.alternate .item { background: var(--ivory); }
.cardsblock.alternate .oneup-v .item { background: var(--charcoal); color: var(--cream); }

/* Pill */

.cardsblock .littlepill { background-color: var(--ivory); color: var(--charcoal); }
.cardsblock .littlepill.closed { background-color: var(--charcoal); color: var(--darkcream); }

.cardsblock.alternate .littlepill { background-color: var(--darkcream); color: var(--charcoal); }
.cardsblock.alternate .littlepill.closed { background-color: var(--charcoal); color: var(--ivory); }


/* CARDS BLOCK IMAGES */

.cardsblock .oneup-v .item .innerfigure a::before { background-image: url('../images/masks/oneup-v-charcoal.svg'); }
.cardsblock .oneup-v .item .fallbackimage { background-image: url('../images/fallbacks/oneup-v-cream.svg'); }

.cardsblock .oneup-h .item .innerfigure a::before { background-image: url('../images/masks/oneup-h-cream.svg'); }
.cardsblock .oneup-h .item .fallbackimage { background-image: url('../images/fallbacks/oneup-h-charocal.svg'); }

.cardsblock .twoup .item:nth-child(3n + 1) .innerfigure a::before { background-image: url('../images/masks/twoup-1-darkcream.svg'); }
.cardsblock .twoup .item:nth-child(3n + 2) .innerfigure a::before { background-image: url('../images/masks/twoup-2-darkcream.svg'); }
.cardsblock .twoup .item:nth-child(3n + 3) .innerfigure a::before { background-image: url('../images/masks/twoup-3-darkcream.svg'); }

.cardsblock .twoup .item:nth-child(3n + 1) .fallbackimage { background-image: url('../images/fallbacks/twoup-1-cherry.svg'); }
.cardsblock .twoup .item:nth-child(3n + 2) .fallbackimage { background-image: url('../images/fallbacks/twoup-2-cherry.svg'); }
.cardsblock .twoup .item:nth-child(3n + 3) .fallbackimage { background-image: url('../images/fallbacks/twoup-3-cherry.svg'); }

.cardsblock .threeup .item:nth-child(3n + 1) .innerfigure a::before { background-image: url('../images/masks/threeup-1-darkcream.svg'); }
.cardsblock .threeup .item:nth-child(3n + 2) .innerfigure a::before { background-image: url('../images/masks/threeup-2-darkcream.svg'); }
.cardsblock .threeup .item:nth-child(3n + 3) .innerfigure a::before { background-image: url('../images/masks/threeup-3-darkcream.svg'); }
.cardsblock .threeup .item:nth-child(4n + 4) .innerfigure a::before { background-image: url('../images/masks/threeup-4-darkcream.svg'); }

.cardsblock .threeup .item:nth-child(3n + 1) .fallbackimage { background-image: url('../images/fallbacks/threeup-1-cherry.svg'); }
.cardsblock .threeup .item:nth-child(3n + 2) .fallbackimage { background-image: url('../images/fallbacks/threeup-2-cherry.svg'); }
.cardsblock .threeup .item:nth-child(3n + 3) .fallbackimage { background-image: url('../images/fallbacks/threeup-3-cherry.svg'); }
.cardsblock .threeup .item:nth-child(4n + 4) .fallbackimage { background-image: url('../images/fallbacks/threeup-4-cherry.svg'); }

.cardsblock .stories .item:nth-child(6n + 1) .fallbackimage { background-image: url('../images/fallbacks/stories-1-cherry.svg'); }
.cardsblock .stories .item:nth-child(6n + 2) .fallbackimage { background-image: url('../images/fallbacks/stories-2-cherry.svg'); }
.cardsblock .stories .item:nth-child(6n + 3) .fallbackimage { background-image: url('../images/fallbacks/stories-3-cherry.svg'); }
.cardsblock .stories .item:nth-child(6n + 4) .fallbackimage { background-image: url('../images/fallbacks/stories-4-cherry.svg'); }
.cardsblock .stories .item:nth-child(6n + 5) .fallbackimage { background-image: url('../images/fallbacks/stories-5-cherry.svg'); }
.cardsblock .stories .item:nth-child(6n + 6) .fallbackimage { background-image: url('../images/fallbacks/stories-6-cherry.svg'); }

/* Alternate */

.cardsblock.alternate .oneup-v .item .innerfigure a::before { background-image: url('../images/masks/oneup-v-charcoal.svg'); }

.cardsblock.alternate .oneup-h .item .innerfigure a::before { background-image: url('../images/masks/oneup-h-ivory.svg'); }
.cardsblock.alternate .twoup .item:nth-child(3n + 1) .innerfigure a::before { background-image: url('../images/masks/twoup-1-ivory.svg'); }
.cardsblock.alternate .twoup .item:nth-child(3n + 2) .innerfigure a::before { background-image: url('../images/masks/twoup-2-ivory.svg'); }
.cardsblock.alternate .twoup .item:nth-child(3n + 3) .innerfigure a::before { background-image: url('../images/masks/twoup-3-ivory.svg'); }
.cardsblock.alternate .threeup .item:nth-child(3n + 1) .innerfigure a::before { background-image: url('../images/masks/threeup-1-ivory.svg'); }
.cardsblock.alternate .threeup .item:nth-child(3n + 2) .innerfigure a::before { background-image: url('../images/masks/threeup-2-ivory.svg'); }
.cardsblock.alternate .threeup .item:nth-child(3n + 3) .innerfigure a::before { background-image: url('../images/masks/threeup-3-ivory.svg'); }
.cardsblock.alternate .threeup .item:nth-child(4n + 4) .innerfigure a::before { background-image: url('../images/masks/threeup-4-ivory.svg'); }

.cardsblock.alternate .stories .item:nth-child(6n + 1) .fallbackimage { background-image: url('../images/fallbacks/stories-1-cobalt.svg'); }
.cardsblock.alternate .stories .item:nth-child(6n + 2) .fallbackimage { background-image: url('../images/fallbacks/stories-2-cobalt.svg'); }
.cardsblock.alternate .stories .item:nth-child(6n + 3) .fallbackimage { background-image: url('../images/fallbacks/stories-3-cobalt.svg'); }
.cardsblock.alternate .stories .item:nth-child(6n + 4) .fallbackimage { background-image: url('../images/fallbacks/stories-4-cobalt.svg'); }
.cardsblock.alternate .stories .item:nth-child(6n + 5) .fallbackimage { background-image: url('../images/fallbacks/stories-5-cobalt.svg'); }
.cardsblock.alternate .stories .item:nth-child(6n + 6) .fallbackimage { background-image: url('../images/fallbacks/stories-6-cobalt.svg'); }


/* EMBED BLOCK */

/* Alternate */


/* HIGHLIGHTS BLOCK  */

.highlightsblock .noimage { background-color: var(--darkcream); background-image: url('../images/backgrounds/middle-ivory.svg'); }
.highlightsblock .noimage::before { background-image: url('../images/backgrounds/top-ivory.svg'); }
.highlightsblock .noimage::after { background-image: url('../images/backgrounds/bottom-ivory.svg'); }

.highlightsblock .noimage .buttons :is( .pill:hover, .pill.active ) { color: var(--darkcream); }

/* Alternate */

.highlightsblock.alternate .noimage { background-color: var(--ivory); background-image: url('../images/backgrounds/middle-darkcream.svg'); }
.highlightsblock.alternate .noimage::before { background-image: url('../images/backgrounds/top-darkcream.svg'); }
.highlightsblock.alternate .noimage::after { background-image: url('../images/backgrounds/bottom-darkcream.svg'); }

.highlightsblock.alternate .hasimage .buttons :is( .pill:hover, .pill.active ) { color: var(--darkcream); }


/* IMAGES BLOCK */

.imagesblock .framed .innerfigure::before { background-image: url('../images/corners/northeast-charcoal.svg'); }
.imagesblock .framed .innerfigure::after { background-image: url('../images/corners/southwest-charcoal.svg'); }

/* Alternate */


/* NUMBERS BLOCK */

/* Alternate */


/* PULL QUOTE BLOCK */

.pullquoteblock .item { color: var(--charcoal); background-color: var(--darkcream); background-image: url('../images/backgrounds/middle-ivory.svg'); }
.pullquoteblock .item::before { background-image: url('../images/backgrounds/top-ivory.svg'); }
.pullquoteblock .item::after { background-image: url('../images/backgrounds/bottom-ivory.svg'); }
.pullquoteblock .iteminner::before { background-image: url('../images/corners/northeast-charcoal.svg'); }
.pullquoteblock .iteminner::after { background-image: url('../images/corners/southwest-charcoal.svg'); }

/* Alternate */

.pullquoteblock.alternate { margin: 0; padding-top: 15rem; }
.pullquoteblock.alternate .item { background-color: var(--ivory); background-image: url('../images/backgrounds/middle-darkcream.svg'); }
.pullquoteblock.alternate .item::before { background-image: url('../images/backgrounds/top-darkcream.svg'); }
.pullquoteblock.alternate .item::after { background-image: url('../images/backgrounds/bottom-darkcream.svg'); }


/* TABS BLOCK */

.tabsblock .tabbutton { background-color: var(--ivory); }
.tabsblock .tabbutton:is([aria-selected="true"], :hover, :focus) { border-color: var(--charcoal); background-color: var(--charcoal); color: var(--ivory); }

/* Alternate */

.tabsblock.alternate .tabbutton { background-color: var(--darkcream); }
.tabsblock.alternate .tabbutton:is([aria-selected="true"], :hover, :focus) { background-color: var(--charcoal); color: var(--darkcream); }
.tabsblock.alternate .buttons :is( .pill:hover, .pill.active ) { color: var(--darkcream); }


/* TEXT BLOCK */

/* Alternate */


/* UNIQUE BITS BLOCK */

/* Alternate */