/* Logo + Icon ----------------------------------------------- */

.key-concepts .logo .trns.black.mark,
.key-concepts .icon .trns.black { fill: var(--gss--color--orange) }
.key-issues .logo .trns.black.mark,
.key-issues .icon .trns.black { fill: var(--gss--color--pink) }
.key-moments .logo .trns.black.mark,
.key-moments .icon .trns.black { fill: var(--gss--color--blue) }
.key-thinkers .logo .trns.black.mark,
.key-thinkers .icon .trns.black { fill: var(--gss--color--green) }
.page-template-page-conversations .logo .trns.black.mark,
.page-template-page-conversations .icon .trns.black,
.single-gss_convos .logo .trns.black.mark,
.single-gss_convos .icon .trns.black,
.single-gss_convo_essay .logo .trns.black.mark,
.single-gss_convo_essay .icon .trns.black { fill: var(--gss--color--salmon) }
.page-template-page-events .logo .trns.black.mark,
.page-template-page-events .icon .trns.black,
.single-gss_event .logo .trns.black.mark,
.single-gss_event .icon .trns.black { fill: var(--gss--color--teal) }
.page-template-page-news .logo .trns.black.mark,
.page-template-page-news .icon .trns.black,
.single-post .logo .trns.black.mark,
.single-post .icon .trns.black { fill: var(--gss--color--yellow) }

/* Button ---------------------------------------------------- */

.key-concepts .btn:hover,
.key-concepts .dkpdf-button-container a:hover,
.btn.btn--key-concepts:hover,
.btn.btn--key-concepts.mixitup-control-active { background-color: var(--gss--color--orange); border-color: var(--gss--color--orange) }
.key-issues .btn:hover,
.key-issues .dkpdf-button-container a:hover,
.btn.btn--key-issues:hover,
.btn.btn--key-issues.mixitup-control-active  { background-color: var(--gss--color--pink); border-color: var(--gss--color--pink) }
.key-moments .btn:hover,
.key-moments  .dkpdf-button-container a:hover,
.btn.btn--key-moments:hover,
.btn.btn--key-moments.mixitup-control-active  { background-color: var(--gss--color--blue); border-color: var(--gss--color--blue) }
.key-thinkers .btn:hover,
.key-thinkers .dkpdf-button-container a:hover,
.btn.btn--key-thinkers:hover,
.btn.btn--key-thinkers.mixitup-control-active { background-color: var(--gss--color--green); border-color: var(--gss--color--green) }
.single-gss_convo_essay .btn:hover,
.single-gss_convo_essay .dkpdf-button-container a:hover,
.btn.btn--book-forum:hover,
.btn.btn--book-forum.mixitup-control-active,
.btn.btn--dossiers:hover,
.btn.btn--dossiers.mixitup-control-active { background-color: var(--gss--color--salmon); border-color: var(--gss--color--salmon) }
.page-template-page-events .btn:hover,
.page-template-page-events .dkpdf-button-container a:hover,
.single-gss_event .btn:hover,
.single-gss_event .dkpdf-button-container a:hover { background-color: var(--gss--color--teal); border-color: var(--gss--color--teal) }
.single-post .btn:hover,
.single-post .dkpdf-button-container a:hover { 
    background-color: var(--gss--color--yellow); 
    border-color: var(--gss--color--yellow); 
    color: var(--gss--color--primary) !important; 
}
.page-template-page-essay .btn:hover,
.page-template-page-essay .dkpdf-button-container a:hover { background-color: var(--gss--color--secondary); border-color: var(--gss--color--secondary) }

/* Tab ------------------------------------------------------- */

.keyword-key-issues .taxonomy-tab { background-color: var(--gss--color--pink) }
.keyword-key-moments .taxonomy-tab { background-color: var(--gss--color--blue) }
.keyword-key-thinkers .taxonomy-tab { background-color: var(--gss--color--green) }
.type-gss_convos .taxonomy-tab,
.type-gss_convo_essay .taxonomy-tab { background-color: var(--gss--color--salmon) }
.type-gss_event .taxonomy-tab { background-color: var(--gss--color--teal) }
.type-post .taxonomy-tab { background-color: var(--gss--color--yellow); color: var(--gss--color--primary) }
.keyword-key-concepts .taxonomy-tab { background-color: var(--gss--color--orange) }

/* Grid: Cell ------------------------------------------------ */

.card.keyword-key-concepts .taxonomy-banner { background-color: var(--gss--color--orange) }
.card.keyword-key-issues .taxonomy-banner { background-color: var(--gss--color--pink) }
.card.keyword-key-moments .taxonomy-banner { background-color: var(--gss--color--blue) }
.card.keyword-key-thinkers .taxonomy-banner { background-color: var(--gss--color--green) }
.card.gss_convo_essay .taxonomy-banner { background-color: var(--gss--color--salmon) }

.card.keyword-key-concepts a:hover { color: var(--gss--color--orange) }
.card.keyword-key-issues a:hover { color: var(--gss--color--pink) }
.card.keyword-key-moments a:hover { color: var(--gss--color--blue) }
.card.keyword-key-thinkers a:hover { color: var(--gss--color--green) }
.card.gss_convo_essay a:hover { color: var(--gss--color--salmon) }

/* Band Model ------------------------------------------------ */

.bands .band.color-pink .band--color { background-color: var(--gss--color--pink) }
.bands .band.color-blue .band--color { background-color: var(--gss--color--blue) }
.bands .band.color-green .band--color { background-color: var(--gss--color--green) }
.bands .band.color-salmon .band--color,
.bands .band.gss_convos .band--color { background-color: var(--gss--color--salmon) }
.bands .band.color-teal .band--color,
.bands .band.gss_event .band--color { background-color: var(--gss--color--teal) }
.bands .band.color-yellow .band--color { background-color: var(--gss--color--yellow) }
.bands .band.color-orange .band--color { background-color: var(--gss--color--orange) }

.bands .band.color-pink a:hover { color: var(--gss--color--pink) }
.bands .band.color-blue a:hover { color: var(--gss--color--blue) }
.bands .band.color-green a:hover { color: var(--gss--color--green) }
.bands .band.color-salmon a:hover,
.bands .band.gss_convos a:hover { color: var(--gss--color--salmon) }
.bands .band.color-teal a:hover,
.bands .band.gss_event a:hover { color: var(--gss--color--teal) }
.bands .band.color-yellow a:hover { color: var(--gss--color--yellow) }
.bands .band.color-orange a:hover { color: var(--gss--color--orange) }

@media all and (min-width: 48em) {
    .bands .band.color-pink:nth-child(odd):after,
    .bands .band.color-pink:nth-child(even):before { background-color: var(--gss--color--pink) }
    .bands .band.color-blue:nth-child(odd):after,
    .bands .band.color-blue:nth-child(even):before { background-color: var(--gss--color--blue) }
    .bands .band.color-green:nth-child(odd):after,
    .bands .band.color-green:nth-child(even):before { background-color: var(--gss--color--green) }
    .bands .band.color-salmon:nth-child(odd):after,
    .bands .band.color-salmon:nth-child(even):before,
    .bands .band.gss_convos.even:after,
    .bands .band.gss_convos:not(.even):nth-child(odd):after,
    .bands .band.gss_convos.odd:before,
    .bands .band.gss_convos:not(.odd):nth-child(even):before { background-color: var(--gss--color--salmon) }
    .bands .band.color-teal:nth-child(odd):after,
    .bands .band.color-teal:nth-child(even):before,
    .bands .band.gss_event:nth-child(odd):before,
    .bands .band.gss_event:nth-child(even):after { background-color: var(--gss--color--teal) }
    .bands .band.color-yellow:nth-child(odd):after,
    .bands .band.color-yellow:nth-child(even):before { background-color: var(--gss--color--yellow) }
    .bands .band.color-orange:nth-child(odd):after,
    .bands .band.color-orange:nth-child(even):before { background-color: var(--gss--color--orange) }
}

/* List Model ------------------------------------------------ */

.list .list-item.keyword-key-concepts a:hover { color: var(--gss--color--orange) }
.list .list-item.keyword-key-issues a:hover { color: var(--gss--color--pink) }
.list .list-item.keyword-key-moments a:hover { color: var(--gss--color--blue) }
.list .list-item.keyword-key-thinkers a:hover { color: var(--gss--color--green) }
.list .list-item.gss_convo_essay a:hover { color: var(--gss--color--salmon) }
.list .list-item.type-post a:hover { color: var(--gss--color--yellow) }

/* Headers: Band --------------------------------------------- */

.single-gss_convos #page-header .header--color { background-color: var(--gss--color--salmon) }
.single-gss_event #page-header .header--color,
.page-template-page-events #page-header .header--color { background-color: var(--gss--color--teal) }
.page-template-page-news #page-header .header--color { background-color: var(--gss--color--yellow) }

#page-header .header--wrapper .header--excerpt a:hover,
#page-header .header--wrapper .header--excerpt-sm a:hover {
    color: var(--gss--color--salmon)
}

@media all and (min-width: 48em) {
    .single-gss_convos #page-header:after { background-color: var(--gss--color--salmon) }
    .single-gss_event #page-header:after,
    .page-template-page-events #page-header:after { background-color: var(--gss--color--teal) }
    .page-template-page-news #page-header:after { background-color: var(--gss--color--yellow) }
}

/* Post Template --------------------------------------------- */

.key-concepts .type-band { background-color: var(--gss--color--orange) }
.key-issues .type-band { background-color: var(--gss--color--pink) }
.key-moments .type-band { background-color: var(--gss--color--blue) }
.key-thinkers .type-band { background-color: var(--gss--color--green) }
.single-gss_convo_essay .type-band { background-color: var(--gss--color--salmon) }
.single-gss_event .type-band { background-color: var(--gss--color--teal) }
.single-post .type-band { background-color: var(--gss--color--yellow); color: var(--gss--color--primary) }

/* Essay ----------------------------------------------------- */

.key-concepts h5.author-title { background-color: var(--gss--color--orange) }
.key-issues h5.author-title { background-color: var(--gss--color--pink) }
.key-moments h5.author-title { background-color: var(--gss--color--blue) }
.key-thinkers h5.author-title { background-color: var(--gss--color--green) }
.single-gss_convo_essay h5.author-title { background-color: var(--gss--color--salmon) }
.single-gss_event h5.author-title { background-color: var(--gss--color--teal) }
.single-post h5.author-title { background-color: var(--gss--color--secondary) }

/* Entry Content --------------------------------------------- */

.keyword-key-concepts .entry-content a:hover,
.keyword-key-concepts .entry-content a:focus { color: var(--gss--color--orange) }
.keyword-key-issues .entry-content a:hover,
.keyword-key-issues .entry-content a:focus { color: var(--gss--color--pink) }
.keyword-key-moments .entry-content a:hover,
.keyword-key-moments .entry-content a:focus { color: var(--gss--color--blue) }
.keyword-key-thinkers .entry-content a:hover,
.keyword-key-thinkers .entry-content a:focus { color: var(--gss--color--green) }
.type-gss_convo_essay .entry-content a:hover,
.type-gss_convo_essay .entry-content a:focus { color: var(--gss--color--salmon) }
.type-gss_event .entry-content a:hover,
.type-gss_event .entry-content a:focus { color: var(--gss--color--teal) }
.type-post .entry-content a:hover,
.type-post .entry-content a:focus { color: var(--gss--color--yellow) }

/* Newletter Form -------------------------------------------- */

.page-template-page-conversations .mc_merge_var label span,
.single-gss_convos .mc_merge_var label span { color: var(--gss--color--salmon) } 
.page-template-page-news .mc_merge_var label span,
.single-post .mc_merge_var label span { color: var(--gss--color--yellow) } 
.single-gss_event .mc_merge_var label span,
.page-template-page-events .mc_merge_var label span { color: var(--gss--color--teal) }

.page-template-page-conversations .mc_signup_submit input[type="submit"],
.single-gss_convos .mc_signup_submit input[type="submit"] { background-color: var(--gss--color--salmon) } 
.page-template-page-news .mc_signup_submit input[type="submit"],
.single-post .mc_signup_submit input[type="submit"] { background-color: var(--gss--color--yellow); color: var(--gss--color--primary) }
.single-gss_event .mc_signup_submit input[type="submit"],
.page-template-page-events .mc_signup_submit input[type="submit"] { background-color: var(--gss--color--teal) }