/* VÄLIMUISTI POISTETTU */
/* GENEROITU 12.02.26 12:38 */

:root {
    --musta: #000;
    --valkoinen: #FFF;
    --paavari: #47965d;
    --lisavari: #eaeaea;
    --alapalkki: #c2c2c2;
    --teksti: #000;
    --footnote: #000;
    --rajoittaja: 1720px;
    --rajoittajakapea: 1330px;
    --fonttikoko: 20px;
    --turva: 25px;
    --isoturva: 50px;
    --logo: 250px;
}

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

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


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

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

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


/* 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 */
#esittely a[href^="tel:"] {
  margin-top: 3px;
  display: inline-block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill-rule="evenodd" d="M256 0c141.385 0 256 114.615 256 256S397.385 512 256 512 0 397.385 0 256 114.615 0 256 0zm150.3 374.436a19.622 19.622 0 0 0 0-27.678l-50.111-50.1a19.63 19.63 0 0 0-27.69 0l-13.617 13.623a29.8 29.8 0 0 1-35.245 5.279 200.184 200.184 0 0 1-83.193-83.183 29.82 29.82 0 0 1 5.27-35.257l13.643-13.62a19.631 19.631 0 0 0 0-27.685l-50.111-50.095a19.629 19.629 0 0 0-27.691 0c-2.071 2.065-4.691 4.56-7.493 7.2-7.007 6.623-15.749 14.866-19.283 20.048-18.613 27.239-9.687 63.681 1.036 89.459 14.165 33.977 40.271 71 73.536 104.242 33.235 33.238 70.246 59.347 104.242 73.512 25.772 10.738 62.2 19.642 89.438 1.033 5.179-3.537 13.434-12.258 20.044-19.274 2.651-2.797 5.148-5.44 7.225-7.504z" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>');
	background-size: 16px !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;
  padding-left: 22px;
  transition: 0.25s background;
}

#esittely a[href^="tel:"]:hover {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill-rule="evenodd" d="M256 0c141.385 0 256 114.615 256 256S397.385 512 256 512 0 397.385 0 256 114.615 0 256 0zm150.3 374.436a19.622 19.622 0 0 0 0-27.678l-50.111-50.1a19.63 19.63 0 0 0-27.69 0l-13.617 13.623a29.8 29.8 0 0 1-35.245 5.279 200.184 200.184 0 0 1-83.193-83.183 29.82 29.82 0 0 1 5.27-35.257l13.643-13.62a19.631 19.631 0 0 0 0-27.685l-50.111-50.095a19.629 19.629 0 0 0-27.691 0c-2.071 2.065-4.691 4.56-7.493 7.2-7.007 6.623-15.749 14.866-19.283 20.048-18.613 27.239-9.687 63.681 1.036 89.459 14.165 33.977 40.271 71 73.536 104.242 33.235 33.238 70.246 59.347 104.242 73.512 25.772 10.738 62.2 19.642 89.438 1.033 5.179-3.537 13.434-12.258 20.044-19.274 2.651-2.797 5.148-5.44 7.225-7.504z" fill="%23000000" opacity="1" data-original="%23000000" class=""></path></g></svg>');
}

#esittely a[href^="mailto:"] {
  display: inline-block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill-rule="evenodd" d="M256 512C114.841 512 0 397.159 0 256S114.841 0 256 0s256 114.841 256 256-114.841 256-256 256zm132.758-166.069a5.732 5.732 0 0 0 5.725-5.725V179.489l-130.25 103.432c-2.41 1.915-5.323 2.872-8.234 2.872s-5.823-.958-8.234-2.872L117.516 179.489v160.717a5.732 5.732 0 0 0 5.725 5.725zm-19.96-179.862L256 255.644l-112.799-89.575zm52.168 5.725v168.414c0 17.759-14.449 32.208-32.208 32.208H123.241c-17.76 0-32.207-14.449-32.207-32.208V171.794c0-17.759 14.448-32.207 32.207-32.207h265.517c17.759-.001 32.208 14.448 32.208 32.207z" clip-rule="evenodd" fill="%23ffffff" opacity="1" data-original="%23000000" class=""></path></g></svg>');
  background-size: 16px !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;
  padding-left: 22px;
  transition: 0.25s background;
}

#esittely a[href^="mailto:"]:hover {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill-rule="evenodd" d="M256 512C114.841 512 0 397.159 0 256S114.841 0 256 0s256 114.841 256 256-114.841 256-256 256zm132.758-166.069a5.732 5.732 0 0 0 5.725-5.725V179.489l-130.25 103.432c-2.41 1.915-5.323 2.872-8.234 2.872s-5.823-.958-8.234-2.872L117.516 179.489v160.717a5.732 5.732 0 0 0 5.725 5.725zm-19.96-179.862L256 255.644l-112.799-89.575zm52.168 5.725v168.414c0 17.759-14.449 32.208-32.208 32.208H123.241c-17.76 0-32.207-14.449-32.207-32.208V171.794c0-17.759 14.448-32.207 32.207-32.207h265.517c17.759-.001 32.208 14.448 32.208 32.207z" clip-rule="evenodd" fill="%23000000" opacity="1" data-original="%23000000" class=""></path></g></svg>');
}

#esittely a[href^="http://linkedin.com"],
#esittely a[href^="http://www.linkedin.com"],
#esittely a[href^="https://linkedin.com"],
#esittely a[href^="https://www.linkedin.com"] {
    display: inline-block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 152 152" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><g data-name="Layer 2"><path d="M76 0a76 76 0 1 0 76 76A76 76 0 0 0 76 0zM53.9 116H37.32V62.59H53.9zm-8.3-60.7a9.65 9.65 0 1 1 9.61-9.7 9.68 9.68 0 0 1-9.61 9.7zM116 116H99.43V90c0-6.2-.12-14.15-8.62-14.15s-10 6.74-10 13.7V116H64.3V62.59h15.91v7.28h.23c2.21-4.2 7.62-8.63 15.69-8.63 16.78 0 19.87 11.06 19.87 25.42z" data-name="10.Linkedin" fill="%23ffffff" opacity="1" data-original="%23000000"></path></g></g></svg>');
    background-size: 16px !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    padding-left: 22px;
    transition: 0.25s background;
}

#esittely a[href^="http://linkedin.com"]:hover,
#esittely a[href^="http://www.linkedin.com"]:hover,
#esittely a[href^="https://linkedin.com"]:hover,
#esittely  a[href^="https://www.linkedin.com"]:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 152 152" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><g data-name="Layer 2"><path d="M76 0a76 76 0 1 0 76 76A76 76 0 0 0 76 0zM53.9 116H37.32V62.59H53.9zm-8.3-60.7a9.65 9.65 0 1 1 9.61-9.7 9.68 9.68 0 0 1-9.61 9.7zM116 116H99.43V90c0-6.2-.12-14.15-8.62-14.15s-10 6.74-10 13.7V116H64.3V62.59h15.91v7.28h.23c2.21-4.2 7.62-8.63 15.69-8.63 16.78 0 19.87 11.06 19.87 25.42z" data-name="10.Linkedin" fill="%23000000" opacity="1" data-original="%23000000"></path></g></g></svg>');
}

.yhteydenottolomake_kaksi {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
}

.yhteydenotto_vasen, .yhteydenotto_oikea {
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
}

.yhteydenotto_vasen {
		width: 40%;
}

.yhteydenotto_oikea {
		width: 60%;
}

.yhteydenotto_oikea textarea {
    min-height: 243px;
    height: 243px;
}

@media screen and (max-width: 1500px) {
.yhteydenotto_oikea textarea {
    min-height: 230px;
    height: 230px;
}
}

@media screen and (max-width: 1300px) {
    .yhteydenotto_oikea textarea {
        min-height: 221px;
        height: 221px;
    }
}

@media screen and (max-width: 850px) {
	.yhteydenottolomake_kaksi {
			display: block;
	}

	.yhteydenotto_vasen, .yhteydenotto_oikea {
			width: 100%;
	}
}

header.ylavalikko {
    padding-top: 0;
    padding-bottom: 0;
}

nav.paavalikko a {
    color: var(--paavari);
}

nav.paavalikko a:hover {
    border-color: var(--paavari);
}

.hero_oikea {
    padding: calc(var(--turva)* 8) calc(var(--turva)* 3);
}

.hero_oikea a.nappula {
    margin: 0 auto 3rem auto;
    display: inline-block;
    text-align: center;
}

.hero_oikea p:last-child {
    text-align: center;
}

.hero_oikea img {
    margin-top: 0;
}

nav.paavalikko ul {
    font-size: 0.85em;
}

nav.paavalikko li {
    margin-left: calc(var(--turva) * 1.5);
}

h1, h2, h3, h4, h5 {
		color: var(--paavari);
		word-break: break-word;
		overflow-wrap: break-word;
}

.paavari h1, .paavari h2, .paavari h3, .paavari h4, .paavari h5 {
	color: var(--valkoinen);
}

.home .hero+.rivi.paasisalto {
    background: var(--lisavari);
}

.home .hero+.rivi > .yksisisalto.rajoittaja.kapea {
    width: 1000px;
}

#varmennuspalvelut .sisaltorivi {
    align-items: initial !important;
}

#varmennuspalvelut .solu_4 {
    background: var(--valkoinen);
    color: var(--musta) !important;
    width: calc((100% / 3) - 40px);
    margin: 20px;
		border-radius: 10px;
}

#varmennuspalvelut .solu_4 h3,
#varmennuspalvelut .solu_4 h4 {
	color: var(--paavari);
}

#varmennuspalvelut .solu_4 p {
    color: var(--musta);
}

#varmennuspalvelut .sisaltorivi {
    padding-top: 2rem;
}

#varmennuspalvelut .sisaltorivi .solu_12 {
    padding-bottom: 5rem;
}

div#varmennuspalvelut {
    padding-left: 20px;
    padding-right: 20px;
}

#kukaolen .sarakekuva_wrapper {
    min-height: unset !important;
    aspect-ratio: 977 / 1500;
    display: block;
}

#esittely .sarakekuva_wrapper img {
    display: block;
    border-radius: 20px;
}

input.wpcf7-form-control.wpcf7-submit.nappula {
    margin-right: 0;
}

.alapalkki_ala {
    color: var(--valkoinen);
}

.alapalkki_ala a {
    color: var(--valkoinen);
    text-decoration: underline;
}

#muutsyyt .isoturva .sisaltorivi {
    padding-top: 0;
}

span.wpcf7-form-control.wpcf7-checkbox, span.wpcf7-form-control.wpcf7-radio {
    margin: 0.5em 0;
}

#muutpalvelut .pieniturva .yksisisalto {
    padding-bottom: 1em;
}

#muutpalvelut .pieniturva .yksisisalto:first-child > h4 {
    padding-top: 1em;
}

div#otayhteytta {
    margin-top: 6em;
}

.yhteydenottolomake_kaksi input, .yhteydenottolomake_kaksi textarea {
    border-radius: 10px;
}

@media screen and (max-width: 1000px) {
	.ylavalikko .rajoittaja {
		padding-left: 0;
	}
	
	a.paalogo {
		max-width: calc(100% - 100px);
	}
	
	div#varmennuspalvelut {
    padding-top: 2rem;
	}
	
	span.wpcf7-spinner {
    display: block;
    margin: 1rem auto;
	}
	
	#kukaolen strong {
    margin-top: 2rem;
    display: inline-block;
	}
	
	nav.paavalikko li {
		margin-left: 0;
	}
}

@media screen and (max-width: 900px) {
	#varmennuspalvelut .solu_4 {
    width: calc(100% - 40px);
    padding: 2rem;
	}
	
	div#kukaolen {
    text-align: center;
	}
	
	.hero .rajoittaja.puolikas {
    padding-left: 0;
    padding-right: 0;
	}
	
	#tilintarkastus .solu_4 {
    padding-left: 20%;
    padding-right: 20%;
	}
}