/* latin */
@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/montserrat.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Prata";
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/prata.woff2) format("woff2");
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}

.clearfix {
    overflow: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Prata" !important;
}

body {
    font-family: "Montserrat" !important;
    font-size: 14pt;
}

.header-centered,
.centered {
    text-align: center;
    vertical-align: middle;
}

.subheader-centered {
    font-family: "Montserrat";
    text-align: center;
    letter-spacing: 6px;
    font-size: 10pt;
    vertical-align: middle;
}

.introTextCentered {
    text-align: center;
    vertical-align: middle;
    background-image: url("/img/trees-bg-symbol.png");
}

.banner-shadow {
    text-align: center;
    vertical-align: middle;
    font-family: Prata;
    color: white;
    font-size: 4em;
    text-shadow: 0px 2px 4px #111;
    filter: drop-shadow(0 0 0.75rem #444)
}

.banner-shadow-small {
    text-align: center;
    vertical-align: middle;
    font-family: Prata;
    color: white;
    font-size: 2em;
    text-shadow: 0px 2px 4px #111;
    filter: drop-shadow(0 0 0.75rem #444)
}

.drop-shadow {
    filter: drop-shadow(1px 1px white) drop-shadow(1px -1px white) drop-shadow(-1px 1px white) drop-shadow(-1px -1px white);
}

.bg-grey {
    background-color: #eee;
}

.alt-text-color {
    color: indianred;
}

.padding-1em {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.margin-2em {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 2em;
}

.margin-6em {
    margin-left: 6em;
    margin-right: 6em;
    margin-bottom: 6em;
}

.img-rounded {
    clip-path: circle();
}

.iconbox-image {
    color: var(--primary-accent);
    font-size: 2em;
}

.iconbox-title {
    font-size: 1em;
    padding-bottom: 1em;
}