/* VÄLIMUISTI POISTETTU */
/* GENEROITU 22.06.26 12:07 */

:root {
    --musta: #000;
    --valkoinen: #FFF;
    --paavari: #891616;
    --lisavari: #334566;
    --alapalkki: #e2e2e2;
    --teksti: #000;
    --footnote: #000;
    --rajoittaja: 1720px;
    --rajoittajakapea: 1330px;
    --fonttikoko: 20px;
    --turva: 20px;
    --isoturva: 70px;
    --logo: 162px;
}

@media screen and (max-width: 1500px) {
    :root {
        --fonttikoko: 18px;
        --turva: 15px;
        --logo: 150px;
    }
}

@media screen and (max-width: 1300px) {
    :root {
        --fonttikoko: 16px;
    }
}


body {
    background-color: #FFF;
    font-family: "Quicksand", sans-serif;;
    font-weight: 300;
}

input,
textarea {
    font-family: "Quicksand", sans-serif;;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
.widget-title,
#main_logo > a {
    font-family: "Moderustic", sans-serif;;
    font-weight: 700;
}


/* FONTTIKOOT START */
/*
@media screen and (min-width: 1801px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 25px;
    }

    h5,
    html,
    body,
    div {
        font-size: 18px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1800px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 25px;
    }

    h4 {
        font-size: 20px;
    }

    h5,
    html,
    body,
    div {
        font-size: 18px;
    }
}

@media screen and (min-width: 1051px) and (max-width: 1200px) {
    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5,
    html,
    body,
    div {
        font-size: 18px;
    }
}

@media screen and (min-width: 801px) and (max-width: 1050px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5,
    html,
    body,
    div {
        font-size: 18px;
    }
}

@media screen and (max-width: 800px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 21px;
    }

    h4 {
        font-size: 19px;
    }

    h5,
    html,
    body,
    div {
        font-size: 16px;
    }
}
*/
/* FONTTIKOOT END */

/* SIVUSTON ASETUKSET: OMA CSS */
h2 {
font-size: 2em;
}

.paavari input[type="submit"] {
    margin-right: 0;
}

.kuvatausta img.sarakekuva {
    object-fit: contain;
    top: 75px;
    left: 75px;
    right: 75px;
    bottom: 75px;
    width: calc(100% - 150px);
    height: calc(100% - 150px);
    z-index: 1;
}

.kuvatausta .sarakekuva_wrapper {
    background: var(--paavari);
}

.kuvatausta .sarakekuva_wrapper::after {
    content: '';
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    background: var(--valkoinen);
    z-index: 0;
}

.sisaltorivi h2 {
    color: var(--paavari);
}

.home .yksisisalto {
    font-size: 1.75em;
    padding-bottom: 0;
    font-weight: 700;
    color: var(--lisavari);
}

.wpcf7-not-valid-tip {
    background: #350101;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
    background: #350101;
}

@media screen and (max-width: 1000px) {
.morder1 {
order: 1;
}
.morder2 {
order: 2;
}
.morder3 {
order: 3;
}
.morder4 {
order: 4;
}
.morder5 {
order: 5;
}
.morder6 {
order: 6;
}
.morder7 {
order: 7;
}
.morder8 {
order: 8;
}
.morder9 {
order: 9;
}
.morder10 {
order: 10;
}
.morder11 {
order: 11;
}
.morder12 {
order: 12;
}

.sisaltorivi > div {
    text-align: center;
}

.sisaltorivi > div.solu_7 {
    padding-bottom: 80px;
}

label span {
    margin-top: 6px;
    display: block;
}

.wpcf7-spinner {
    display: none;
}
}