:root {
    --primary-colour: #F57C00;
    --primary-colour-RGB: 245, 124, 0;
    --secondary-colour: #2196F3;
    --secondary-colour-RGB: 33, 150, 243;
    --global-menu-colour: var(--primary-colour);
    --global-menu-colour-RGB: var(--primary-colour-RGB);
    --button-colour: var(--primary-colour);
    --button-colour-RGB: var(--primary-colour-RGB);
    --input-colour: var(--secondary-colour);
    --input-colour-RGB: var(--secondary-colour-RGB);
    --icon-colour: var(--primary-colour);
}

/* Logos */
.logo-brand {background:url('https://cdn.edjin.com/static/users/generalFiles/images/logos/hotmaths-86e49a607f934e5d1f4665f4a8c04e89.svg') center no-repeat;background-size:auto 48px;width:167px;}
.logo-owner {background:url('https://cdn.edjin.com/static/users/generalFiles/images/logos/cambridge-light-noBg-e4dcfd5168af4f84f75d8f15cf6f004d.svg') center no-repeat;background-size:auto 64px;width:157px;}
/* Icons */
.icon-blue {fill:var(--secondary-colour);}
.icon-green {fill:#4CAF50;}
.icon-red {fill:#F44336;}
/* Tabs */
.lessons-nav a.selected {border-color:var(--primary-colour);}

.cont-nav {background:var(--primary-colour);}
.gen-tabs .gen-tab {color:rgba(255,255,255,.7);}
.gen-tabs.gan-tabs-pad .gen-tab {padding:0 12px;min-width:144px;}
.gen-tabs .gen-tab.sel {border-bottom:4px solid var(--secondary-colour);color:#FFF;}