/*
 * Custom colors and css properties that could change for every race
 * To place in the config folder of each race
*/

:root {
    --primary-color: #575756 ;
    --vehicle-mobile-color: #D6D6D6;
    --primary-light-color: #80807e;
    --text-on-primary-color: #ffffff;
    --selected-color: #C51618;
    --box-shadow-color: #999996;
    --countdown-container-color: #ffffff;
    --countdown-color: #C51618;
    --countdown-light-color: #c44547;
    --text-on-countdown-color: #ffffff;
    --footer-color: #575756;
    --text-on-footer-color: #ffffff;
    --copyright-container-text-color: #000000;
}


/* Background image for the race on Countdown.html */
#backgroundImage {
    content: url("../images/race-background.jpg?v=mco25");
    object-position: 50% 50%;
}

/* Be Traced logo to be shown in live public and the countdown pages */
#betracedLogoCountdown {
    content: url("../../images/logoBeTraced.svg?v=mco25");
    /*content: url("../../images/logoBeTracedBianco.svg?v=mco25");*/
}

/* Copyright container color in countdown */
#copyrightContainer {
    color: var(--copyright-container-text-color);
}

/* Logo of the race (as displayed on the countdown page) */
#raceLogoImage {
    content: url("../images/race-logoAlt.png?v=mco25");
    object-fit: contain;
    padding: 20px;
    width: 100%;
    height: 100%;
}

/* Logo of the race (but in white, as displayed on the header of live-public) */
#raceLogoWhiteImage {
    content: url("../images/race-logo.png?v=mco25");
}

/* Betraced logo to show in the footer of live- (or sponsors banner) */
#betracedLogoLivePublic {
    /*content: url("../images/sponsors.svg?v=mco25");*/
    content: url("../../images/logoBeTracedBianco.svg?v=mco25");
    /*content: url("../../images/logoBeTraced.svg?v=mco25");*/
}

/* Link to the Betraced logo to show in the footer of live- (or sponsors banner) */
#betracedLogoLivePublicLink {
    /* display: none !important; */
}

/* Vehicle logo to show in mobile */
#vehicleIcon {
    content: url("../../images/carIcon.png?v=mco25");
}

/* Trophy icon to show in mobile */
.trophyIcon {
    content: url("../../images/trophyIcon.png?v=mco25");
}