:root {
    /* colors */
    /* --blue: #00A5D5;
    --red: #d53000;
    --green: #00d530;
    --orange: #d59b00;    
    --white: #ffffff;
    --yellow: #ffe823;
    --graytone-0: #f5f5f5;
    --graytone-1: #eee;
    --graytone-2: #ddd; 
    --graytone-3: #ccc;
    --graytone-3-blueish-transparant: rgba(93,110,115,.3);
    --graytone-4: #aaa;
    --graytone-5: #4f5e68; 
    --graytone-6: #39444b;
    --graytone-7: #333;
    --graytone-7-transparant: rgba(51, 51, 51, 0.6);
    --graytone-8: #262626; */

    /* font sizes */
    /* --font-size-small: 1.2rem;
    --font-size-medium: 1.4rem;
    --font-size-large: 2rem; */
}

.fullscreenimage { 
    background-image: url("/img/curry.jpg");
}

.dashboard .icon:before{
    background-image: url('/img/menu/inactive/dashboard.png');
}
.dashboard.active .icon:before{
	background-image: url('/img/menu/active/dashboard.png');
}
.coordination .icon:before{
    background-image: url('/img/menu/inactive/organization.png');
}
.coordination.active .icon:before{
	background-image: url('/img/menu/active/organization.png');
}


/* group profile page */

.group-picture-large, .roster-picture-large{
	background: url('/img/placeholder-huge.png');
    background-repeat: no-repeat;
    background-position: center top;
	background-size: cover;
	height: 70vh;
}