@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    /* Text */
    --textDarker: #202124;   /* Google primary text */
    --textDark: #3c4043;
    --textMedium: #5f6368;

    /* Borders */
    --borderMedium: #dadce0;
    --borderLight: #eef0f1;

    /* Accent (Google Blue) */
    --accent: #1a73e8;
    --accentDarker: #174ea6;

    /* Backgrounds */
    --light: #f8f9fa;
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}


/*------------------------ CSS overrides below ------------------------*/

html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, label, input, textarea, button {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                 Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
}