/***********************/
/*** GNOME SURF BRANDING ***/
/* Team 50337 - Gnome Surf Therapy */
/* Overrides interface-base.css variables */

.interface-layout[data-team="50337"] {
    --color-body: #27282A;
    --color-primary: #27282A;
    --color-secondary: #E64928;
    --color-tertiary: #B83C3C;
    --color-rfv: #E64928;
    --color-icons: #E64928;
    --color-links: #B83C3C;
    --color-links-hover: #E64928;
    --font-headings: caveat-brush, sans-serif;
    --font-subheadings: bitter, serif;
    --font-primary: bitter, serif;
    --font-secondary: caveat-brush, sans-serif;
    --font-controls: normal 1em muli, sans-serif;
    --color-buttons: #E64928;
    --color-buttons-hover: #27282A;
    --color-buttons-text: #FFFFFF;
    --color-buttons-text-hover: #FFFFFF;
    --font-buttons: muli, sans-serif;
}

.interface-layout[data-team="50337"] h1 {font-size: 400%; color: var(--color-primary)}
.interface-layout[data-team="50337"] h2 {font-size: 275%; color: var(--color-secondary)}
.interface-layout[data-team="50337"] h3 {font-size: 150%; color: var(--color-primary)}

@media (max-width: 992px) {.interface-layout[data-team="50337"] .interface-logo {height: 80px}}
@media (min-width: 992.1px) {.interface-layout[data-team="50337"] .interface-logo {height: 90px}}