@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

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

:root {
    --textDarker: black;
    --textDark: #42a00e;
    --textMedium: black;
    --borderMedium: rgba(38, 50, 56, 0.2);
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #42a00e;
    --accentDarker: #30750a;
    --light: rgba(255, 255, 255, 0.035);
}
/*------------------------*/
/* 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(0.5) hue-rotate(70deg) contrast(5)!important;}


/*------------------------ CSS overrides below ------------------------*/
body {
    font-size: 1.2rem;
}

section.features {
    background: linear-gradient(#42a00ee0, #42a00ee0), url(../uploads/images/bg.jpg);
    background-position: center;
}

footer.dark {background: rgb(56, 56, 56);}
footer.dark select, footer.dark, footer.dark > div:last-child a, footer.dark ul li a {color: white;}

body.mobilemenu header .navnav > ul li.active > a {color: white!important; font-weight: bold; font-size: 1.25rem;}

@font-face {
    font-display: swap;
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/open-sans-v26-latin-700.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/open-sans-v26-latin-300.ttf') format('truetype');
}

:root {
    --fontTitles: 'OpenSans', sans-serif;
    --fontBody: 'OpenSans', sans-serif;
}