/* Värit */
.headerinfo, .otsikko, .sidebar h3, .portfolio-thumb img, .blogdesc a, .sininen, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer li a:hover, .tablepress tfoot th, .tablepress thead th, .arviointi, .pagetitle, .footer li a:hover, .isonappi, .navigation a { background:#3d4874; }
a, a:visited, .etusivusisalto a, .etusivusisalto a:link, .etusivusisalto a:hover, .etusivusisalto .postheader:hover, .jatkalukemista, .julkaisuaika, .etusivuartikkeli-sisa p.julkaisuaika, .navigation a:hover { color:#3d4874; }
.headeremail, .headerphone, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .blogdesc a:hover, .arviointi:hover, .palvelutdiv:hover, .isonappi:hover { background:#535f8c; }
a:hover h2, .footer a, .pagetitle a, .etusivuartikkeli-sisa:hover p, .main-nav a:hover, .main-nav li.active a, .main-nav ul ul li.active a { color:#535f8c; }
.etusivuteksti2 .button { background:#535f8c; }
.etusivuteksti2 .button:hover { background:#3d4874; }
.main-nav ul ul { border-top: 3px solid #535f8c; }
.otsikko, .sidebar h3 { border-left:4px solid #535f8c; color:#fff; }
.button, a.button, .jatkalukemista2 { color:#fff; }
.main-nav li.active ul li a { color:#222; }

/* Fontit */

.body, p, #main li { font-family: 'Roboto', sans-serif; }
p.julkaisuaika, .etusivuteksti2 p, main-nav a, .headerinfoteksti2 p, .headerinfoteksti p, .headerinfo, h1, h2, h3, h4, h5, h6, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .footer, .breadcrumbs, .main-nav a, p.luelisaap  { font-family: 'Roboto', sans-serif; }
.handwritten { font-family: 'Roboto', sans-serif; }

/* Muut */

.headerinfo { padding:4px 0; }
.headerinfoteksti2 p, .headerinfoteksti p { font-size:14px; margin:4px 18px 0 0; font-weight:normal; }
.headerinfoteksti { padding:0 0 0 260px; }
.headerphone, .headeremail, .headerinfoteksti2 { float:right; }
.headerinfo a { color:#fff; }
.blogsidebar { padding-top:0; }
#main li { font-size:16px; }
.laatikko { -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4); padding:25px; }
.pagetitle h1 { font-weight:900; text-transform:uppercase; text-align:center; }
.tablepress tfoot th, .tablepress thead th { color:#fff; }
.button { display:inline-block; margin:15px 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { width:100%; box-sizing:border-box; }
.logo img { background:#fff; padding:3px 10px 5px 10px; }
.main-nav a { text-transform:none; font-weight:400; font-size:16px; color:#777; }
.ajankohtaista h2, .otsikkoviiva h2 { margin:30px 0 30px 0; color:#222; font-size:26px; font-weight:bold; text-transform:uppercase; text-align:center; padding-bottom: 15px; border-bottom:1px solid #ccc; }
.etusivuteksti h2 { margin-top:0; }
.keskitys { text-align:center; }
img.alignleft { margin:0 20px 10px 0; }

.etusivuyla { height:600px; background:url('https://www.heikkikukkonen.com/wp-content/themes/heikkikukkonen/images/tausta1.jpg'); background-position:left; background-repeat:no-repeat; background-size:cover; }
.etusivuteksti { padding:70px 0; text-align:center; background:#f1f1f1; }
.etusivuteksti h2 { font-size:45px; color:#444; font-weight:900; line-height:100%; padding:0 0 40px 0; background-image:url(https://www.heikkikukkonen.com/wp-content/themes/heikkikukkonen/images/raja.png); background-repeat:no-repeat; background-position:bottom center; text-transform:uppercase; margin:0 0 40px 0; }
.etusivuteksti2 { padding:170px 0 0 0; text-align:center; }
.etusivuteksti2 h1 { font-size:65px; font-weight:900; color:#fff; border-bottom:none; text-transform:uppercase; margin:0 0 10px 0; line-height:100%; }
.etusivuteksti2 p { font-size:15px; color:#eee; margin:15px auto 15px auto; font-weight:300; max-width:600px; }
.etusivuteksti2 .button { padding:15px 20px; display:inline-block; margin:15px 7px 0 7px; text-shadow:none; font-size:15px; font-weight:300; }
.etusivuteksti2 .ohutfontti { font-weight:100; display:block; font-size:30px; line-height:100%; }
.etusivuteksti2 .valkonappi { background:none; border:1px solid #fff; color:#fff; }
.etusivuteksti2 .valkonappi:hover { background:none; border:1px solid #ccc; color:#ccc; }

.etusivupalvelut ul { margin:0; }
.etusivupalvelut { padding:80px 0; }
.etusivupalvelutotsikko { text-align:center; }
.etusivupalvelutotsikko h2 { text-transform:uppercase; font-size:45px; color:#444; font-weight:900; line-height:100%; margin:0 0 7px 0; }
.etusivupalvelutotsikko p { text-transform:uppercase; font-size:16px; color:#999; font-weight:400; line-height:100%; margin:0 0 7px 0; }
.palvelutdivulko { float:left; width:33%; list-style-type:none; margin:0; padding:0; box-sizing:border-box; }

div.etusivupalvelut > div > div:nth-child(3), div.etusivupalvelut > div > div:nth-child(6) { width:34%; }
.etusivupalvelut a { text-decoration:none; }
.palvelutdiv { background-color:#fff; border-radius:2px; box-sizing:border-box; margin:2px; padding:20px; text-align:center; }
.palvelutdiv h3 { font-weight:500; text-transform:none; font-size:16px; margin:10px 0; }
.palvelutdiv p { font-size:14px; color:#777; min-height:73px; margin:0; }
p.luelisaap { min-height:0; display:block; background:#3d4874; padding:5px; color:#fff; border-radius:2px; margin:15px 0 0 0; font-size:16px; font-weight:300; }
span.luelisaa { padding:5px 10px; border-top:2px solid #f4901e; border-bottom:2px solid #f4901e; color:#f4901e; }
.etusivupalvelut a:hover h3 { color:#fff; }
.etusivupalvelut a .palvelutdiv:hover h2, .palvelutdiv:hover p { color:#fff; }
.etusivupalvelut img { width:auto; height:auto; }

.palvelutsivu {  }
.palvelutsivu a { text-decoration:none; }
.palvelutsivu .palvelutdiv { background-color:#eee; border-radius:0px; box-sizing:border-box; margin:0 6px 12px 6px; padding:10 10px 10px 10px; text-align:center; min-height:295px; border:1px solid #ccc;  }
.palvelutsivu .palvelutdiv:hover { background-color:#535f8c; border:1px solid #535f8c; }
.palvelutsivu .palvelutdiv p { font-size:14px; min-height:105px; }
.palvelutsivu p.luelisaap { min-height:0; }
.palvelutsivu ul { margin:0; }
.palvelutsivu .palvelutdiv:hover p, .palvelutsivu .palvelutdiv:hover h3 { color:#fff; }

.ajankohtaista { margin:50px 0; }
.blogdesc .jatkalukemista { display:none; }
.blogdesc a { padding:5px 10px; }
.etusivuartikkeli { float:left; width:33%; box-sizing:border-box; }
.etusivusisalto > a:nth-child(1) > div { padding:0 20px 0 0; }
.etusivusisalto > a:nth-child(2) > div { padding:0 0 0 10px; }
.etusivusisalto > a:nth-child(3) > div { padding:0 0 0 20px; }
.etusivuartikkeli-sisa { border:1px solid #ccc; padding:20px; background:#eee; }
.etusivuartikkeli-sisa .postheader { margin:10px 0; }
.etusivuartikkeli-sisa p { font-size:16px; line-height:130%; margin:15px 0 0 0; color:#555; }
.etusivuartikkeli-sisa h3 { font-size:18px; line-height:125%; font-weight:bold; margin:5px 0; }
p.julkaisuaika { margin:0; font-size:22px; }
.artikkelikuva img { margin:0 !important; width:100%; height:auto; }
.etusivukaikki { margin-top:30px; text-align:center; white-space: nowrap; }
.etusivukaikki a.button { white-space:normal; }
p.jatkalukemista { font-weight:bold; }
.etusivusisalto a.button { color:#fff; }
.ajankohtaista h2 { margin-top:0; }
.etusivuartikkeli-sisa:hover { background:#8dc63f; border:1px solid #8dc63f; }
.etusivuartikkeli-sisa:hover p, .etusivuartikkeli-sisa:hover p.jatkalukemista, .etusivuartikkeli-sisa:hover h3, .etusivuartikkeli-sisa:hover .jatkalukemista { color:#fff; }

.yhteydenotto {  }
.yhteydenotto h2 { font-size:35px; color:#444; font-weight:900; }
.lomake { background:#f5f5f5; padding:40px; }
.yhteystiedot { padding:40px 20px 40px 0; }
.yhteystiedot h3 { color:#3d4874; margin:0 0 25px 0; }
.yhteystiedot strong { font-weight:900; text-transform:uppercase; }

.henkilo { margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ddd; }
.henkilo:last-of-type { border-bottom:none; }
.henkilokuva { width:33%; float:left; box-sizing:border-box; }
.henkilokuva img { width:100%; height:auto; }
.henkilotiedot { width:67%; float:left; box-sizing:border-box; padding:0 0 0 20px; }
.henkilotiedot p:last-of-type { margin-bottom:0; }
.henkilotiedot a { color:#535f8c; }

.arviointi { color:#fff; text-align:center; padding:10px 5px; margin-bottom:20px; }
.arviointi:hover { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; text-decoration;none; }
.arviointi h3 { margin:10px 0; font-size:26px; font-weight:bold; line-height:28px; text-transform:uppercase; background:none; border:none; color:#fff; }
.arviointi p { margin:5px 0; }
.textwidget a:hover { text-decoration:none; }

.isonappi { text-align:center; padding:30px 0; border-radius:4px; border-bottom:2px solid #535f8c; text-decoration:none; }
.isonappi:hover { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.isonappi h3 { color:#fff; text-decoration:none; font-size:18px; font-weight:normal; }
a.nappilinkki  { text-decoration:none; }

.puolikas { width:50%; float:left; box-sizing:border-box; padding-right:15px; }
#tablepress-3 > tbody > tr > td { padding:20px; font-weight:bold; font-size:18px; }

.sivututka { text-align:center; }
.sivututka a, .sivututka p { color:#444; font-size:12px; }


@media only screen and (max-width: 959px) { 

.etusivupalvelut li { width:33%; }
.main-nav a { padding:0 25px; }
.valikko { margin-top:0; }
header { height:147px; }
.sticky { position:relative; box-shadow:none; }

}

@media only screen and (max-width: 767px) {

.puolikas, .etusivuartikkeli, .etusivusisalto, .etusivuartikkeli, .etusivupalvelut li, .etusivusisalto > a:nth-child(1) > div, .etusivusisalto > a:nth-child(2) > div, .etusivusisalto > a:nth-child(3) > div, .palvelutsivu li, .palvelutdivulko, .henkilokuva, .henkilotiedot, div.etusivupalvelut > div > div:nth-child(3), div.etusivupalvelut > div > div:nth-child(6) { float:none; width:100%; margin-bottom:20px; padding:0; }
.henkilokuva img { width:auto; }
.ls-wp-fullwidth-container, .headerinfo, .isonappi { display:none; }
.logo { position:relative; top:0; margin:10px 0 0 0; }
.etusivuteksti2 { padding-top:160px; }
.etusivuteksti2 h1 {  }
header { height:227px; }
.main-nav ul ul { border-top:none; }
.logo { margin:10px auto 0 auto; }
.main-nav ul a { width:370px; }
.headerblock { display:inline-block; width:100%; }
header { height:auto; }
.main-nav a { font-size:14px; padding:0 24px; }
.etusivupalvelutotsikko h2, .etusivuteksti h2 { font-size:35px; }
.palvelutdiv p { min-height:0; }
.pagetitle h1 { font-size:35px; }
.palvelutsivu .palvelutdiv p, .palvelutsivu .palvelutdiv { min-height:0; }

}

@media only screen and (max-width: 479px) {

.ls-wp-fullwidth-container, .headerinfo { display:none; }
.etusivuteksti2 { padding-top:100px; }
.etusivuteksti2 h1 { font-size:26px; }
.etusivuyla { height:500px; }
.main-nav ul a { width:230px; }
.pagetitle h1 { font-size:25px; }
.single-image img { width:100%; height:auto; }
.button, a.button, button { font-size:16px; padding:10px 25px; }
.etusivuteksti2 .ohutfontti { font-size:20px; }
.etusivupalvelutotsikko h2, .etusivuteksti h2, .yhteydenotto h2 { font-size:22px; }

}