/* elements related to the main section of the site should use those colors */
a.site {
    color: var(--site-dark);
}
a.site:hover {
    color: var(--site-medium);
}
a.image.site {
    border-color: var(--site-dark);
}
a.image.site:hover {
    border-color: var(--site-medium);
}
nav.navbar ul.dropdown-menu.site {
    background: var(--site-dark);
}
nav.navbar ul.dropdown-menu.site a:hover {
    color: var(--site-dark) !important;
}
div.panel.site {
    background: var(--site-light);
}
div.panel.site:hover {
    background: var(--site-light-opaque);
}





/* elements related to Celebrity Goo Game should use those colors */
a.goo {
    color: var(--goo-dark);
}
a.goo:hover {
    color: var(--goo-medium);
}
a.image.goo {
    border-color: var(--goo-dark);
}
a.image.goo:hover {
    border-color: var(--goo-medium);
}
nav.navbar ul.dropdown-menu.goo {
    background: var(--goo-dark);
}
nav.navbar ul.dropdown-menu.goo a:hover {
    color: var(--goo-dark) !important;
}
div.panel.goo {
    background: var(--goo-light);
}
div.panel.goo:hover {
    background: var(--goo-light-opaque);
}





/* elements related to Thorough Movie Reviews should use those colors */
a.tmr {
    color: var(--tmr-dark);
}
a.tmr:hover {
    color: var(--tmr-medium);
}
a.image.tmr {
    border-color: var(--tmr-dark);
}
a.image.tmr:hover {
    border-color: var(--tmr-medium);
}
nav.navbar ul.dropdown-menu.tmr {
    background: var(--tmr-dark);
}
nav.navbar ul.dropdown-menu.tmr a:hover {
    color: var(--tmr-dark) !important;
}
div.panel.tmr {
    background: var(--tmr-light);
}
div.panel.tmr:hover {
    background: var(--tmr-light-opaque);
}





/* elements related to Tragic Comedy should use those colors */
a.tc {
    color: var(--tc-dark);
}
a.tc:hover {
    color: var(--tc-medium);
}
a.image.tc {
    border-color: var(--tc-dark);
}
a.image.tc:hover {
    border-color: var(--tc-medium);
}
nav.navbar ul.dropdown-menu.tc {
    background: var(--tc-dark);
}
nav.navbar ul.dropdown-menu.tc a:hover {
    color: var(--tc-dark) !important;
}
div.panel.tc {
    background: var(--tc-light);
}
div.panel.tc:hover {
    background: var(--tc-light-opaque);
}





/* elements related to Rock Block should use those colors */
a.rb {
    color: var(--rb-dark);
}
a.rb:hover {
    color: var(--rb-medium);
}
a.image.rb {
    border-color: var(--rb-dark);
}
a.image.rb:hover {
    border-color: var(--rb-medium);
}
nav.navbar ul.dropdown-menu.rb {
    background: var(--rb-dark);
}
nav.navbar ul.dropdown-menu.rb a:hover {
    color: var(--rb-dark) !important;
}
div.panel.rb {
    background: var(--rb-light);
}
div.panel.rb:hover {
    background: var(--rb-light-opaque);
}