/* 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, .palvelutdiv:hover { background:#910000; }
a, a:visited, .main-nav a:hover, .main-nav li.active a, .main-nav ul ul li.active a, .etusivusisalto a, .etusivusisalto a:link, .etusivusisalto a:hover, .etusivusisalto .postheader:hover, .jatkalukemista, .julkaisuaika, .etusivuartikkeli-sisa p.julkaisuaika { color:#910000; }
.headeremail, .headerphone, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .blogdesc a:hover, .arviointi:hover, .isonappi:hover, .navigation a:hover { background:#c62020; }
a:hover h2, .footer a, .pagetitle a, .etusivuartikkeli-sisa:hover p { color:#c62020; }
.etusivuteksti2 .button { background:#910000; }
.etusivuteksti2 .button:hover { background:#c62020; }
.main-nav ul ul { border-top: 3px solid #c62020; }
.otsikko, .sidebar h3 { border-left:none; color:#fff; }
.button, a.button, .jatkalukemista2, .navigation a, .navigation a:hover { 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: 'Grand Hotel', cursive; }

/* 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:bold; 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 { border:1px solid #ccc; padding:15px; outline:none; font-size:16px; color:#777; margin:0; width:100%; max-width:100%; display:block; margin-top:20px; background:#fff; box-sizing:border-box; border-radius:0; }
.logo img { padding:15px 0 0 0; }
.main-nav a { text-transform:uppercase; font-weight:500; font-size:14px; color:#555; }
.otsikkoviiva h2, .etusivuteksti h2 { font-size:30px; color:#333; font-weight:900; line-height:100%; text-transform:uppercase; margin:0 0 20px 0; }
.etusivuteksti h2 { margin-top:0; }
.etusivuteksti h2:after { width:10rem; height:2px; background-color:#910000; display:block; content:""; margin:0.4em 0; box-sizing:border-box; }
.keskitys { text-align:center; }
.fbdiv { margin:0 0 20px 0!important; text-align:left; }
.footer img { margin:10px 0; }
.footer__some-link img { max-width:50px; height:auto; }
.yhteydenotto h2 { font-size:35px; text-transform:uppercase; font-weight:900; }
.yhteystiedot h3 { color:#910000; }
.yhteystiedot p { font-size:16px; }
.yhteystiedot strong { font-weight:900; text-transform:uppercase; }
.yhteystiedot { padding:20px 0; }
.lomake { padding:20px; background:#eee; }
img.alignright { margin:0 0 10px 20px; }
.sisaltoalue { padding:20px 0; }
.navigation a { display:inline-block; margin:10px 0; }

.etusivuyla { height:700px; background:url('https://www.protrainer.fi/wp-content/themes/protrainer/images/tausta2.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover; }
.etusivuteksti { padding:70px 0; background:#eee; }
.etusivuteksti2 { padding:150px 0 0 0; text-align:center; }
.etusivuteksti2 h1 { font-size:90px; font-weight:900; color:#fff; border-bottom:none; text-transform:uppercase; margin:0 0 10px 0; line-height:100%; }
.ohutfontti { display:block; font-size:50px; font-weight:300; line-height:100%; }
.etusivuteksti2 p { font-size:20px; color:#fff; margin:15px 0; font-weight:400; }
.etusivuteksti2 .button { padding:20px 30px; display:inline-block; margin-top:30px; text-shadow:none; font-size:24px; margin:20px 10px 0 10px; }
.etusivuteksti2 .button2 { background:none; border:2px solid #fff; }
.etusivuteksti2 .button2:hover { background:none; border:2px solid #ccc; color:#ccc; }

.etusivupalvelut ul { margin:0; }
.etusivupalvelut { padding:60px 0; }
.palvelutdivulko { float:left; width:33%; list-style-type:none; margin:0; padding:0; box-sizing:border-box; }
.etusivupalvelut a { text-decoration:none; }
.palvelutdiv { background-color:#fff; box-sizing:border-box; margin:6px; padding:20px; text-align:center; }
.palvelutdiv h2 { font-weight:500; text-transform:uppercase; font-size:18px; margin:10px 0; }
.palvelutdiv p { font-size:14px; color:#555; min-height:0; margin:0; }
p.luelisaap { min-height:0; display:block; background:#910000; padding:5px; color:#fff; margin:15px 0 0 0; font-size:16px; font-weight:500; }
.palvelutdiv:hover p.luelisaap { background:#c62020; }
span.luelisaa { padding:5px 10px; border-top:2px solid #f4901e; border-bottom:2px solid #f4901e; color:#f4901e; }
.etusivupalvelut a:hover h2 { color:#333; }
.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:#58b326; border:1px solid #58b326; }
.palvelutsivu .palvelutdiv p { font-size:14px; height:auto; }
.palvelutsivu p.luelisaap { height:auto; }
.palvelutsivu ul { margin:0; }

.ajankohtaista h2, .uutiskirje h2 { text-align:center; font-size:50px; font-weight:900; text-transform:uppercase; line-height:100%; margin:0 0 30px 0; }
.ajankohtaista .ohutfontti, .uutiskirje .ohutfontti { font-size:30px; line-height:100%; }
.ajankohtaista { margin:60px 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 { padding:0px; background:#eee; }
.etusivuartikkeli-sisa2 { padding:10px 20px 20px 20px; }
.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:16px; }
.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, .uutiskirje h2 { margin-top:0; }
.etusivuartikkeli-sisa:hover { background:#910000; }
.etusivuartikkeli-sisa:hover p, .etusivuartikkeli-sisa:hover p.jatkalukemista, .etusivuartikkeli-sisa:hover h3, .etusivuartikkeli-sisa:hover .jatkalukemista { color:#fff; }

.menestystarinoita { background:#eee; text-align:center; padding:50px 0; }
.menestystarinoita h2, .valmennettavat h2, .ohjelmapaketit h2 { text-align:center; font-size:30px; color:#333; font-weight:900; line-height:100%; text-transform:uppercase; margin:0 0 20px 0; }
.menestystarinoita h2:after, .valmennettavat h2:after, .ohjelmapaketit h2:after { width:10rem; height:2px; background-color:#910000; display:block; content:""; margin:0.4em auto; box-sizing:border-box; }
.menestystarina { width:50%; float:left; box-sizing:border-box; padding:20px; }
.menestystarina img, .valmennettavat img { max-width:100%; height:auto; }
.valmennettavat { padding:50px 0; text-align:center; }
.valmennettava { float:left; width:25%; box-sizing:border-box; padding:20px; }
div.valmennettavat > div > div:nth-child(6) { clear:both; }

.ohjelmapaketit { background:#eee; padding:50px 0; }
.ohjelmapaketti { background:#fff; margin:0 0 20px 0; }
.ohjelmapaketti img { width:100%; height:auto; }
.kolmasosa { width:33%; padding:0 15px 0 0; float:left; box-sizing:border-box; }
.kaksikolmasosaa { width:67%; padding:0 0 0 15px; float:left; box-sizing:border-box; }
.ohjelmapaketti .kaksikolmasosaa { padding:20px; }
.ohjelmapaketti h3 { text-transform:uppercase; }
.ohjelmapaketti a.button { margin:0; font-size:16px; font-weight:400; padding:10px 20px; }
span.hinta { background:#eee; text-transform:uppercase; font-size:16px; font-weight:700; padding:10px 20px; display:inline-block; margin:0 5px 5px 0; }
.ohjelmapaketti p:last-of-type { margin-bottom:0; }

.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 #33632f; 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; }
ul.instagram-pics { text-align:center; }
ul.instagram-pics li { list-style-type:none; float:none; display:inline-block; margin:0 5px 5px 0; }
.somet { background:#eee; padding:60px 0; overflow:hidden; }
.somet h3, .kumppanit h3 { text-align:center; font-size:40px; font-weight:900; text-transform:uppercase; line-height:100%; margin:0 0 30px 0; }
.kumppanit { background:#910000; text-align:center; padding:60px 0 50px 0; }
.kumppanit h3 { color:#fff; }
.kumppanit img { margin:10px; }
.kumppanit a { display:inline-block; }
.instagram-feed-container { max-width:400px; margin:0 0 40px 0; }
#sb_instagram #sbi_images { padding:0!important; }

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

.uutiskirje { background-color:#910000; padding:80px 0; text-align:center; background-image:url(https://www.protrainer.fi/wp-content/uploads/uutiskirje.png); background-repeat:no-repeat; background-position:-85px -20px; }
.uutiskirje h2 { color:#fff; }
.uutiskirje p { color:#fff; max-width:650px; margin:0 auto 35px auto; }
.liittymislomake { display:table; width:100%; max-width:730px; border-collapse:separate; border-spacing:0; margin:0 auto; }
.liittymislomake1 { display:table-row; }
.liittymislomake1 div { display:table-cell; width:50%; padding:5px 10px; vertical-align:middle; margin:0; /* display:inline-block; width:auto; padding:15px 25px; margin:0 5px; */ }
.liittymislomake input[type="email"] { background:transparent; border:3px solid #fff; color:#fff; box-sizing:border-box; margin:0; display:block; }
.liittymislomake input[type="email"]::-webkit-input-placeholder { color:#fff; }
.liittymislomake input[type="submit"] { background:#fff; color:#910000; padding:15px 30px; border:none; display:block; margin:0; /* -webkit-appearance:none; */ }
.liittymislomake input[type="submit"]:hover { background:#222; color:#fff; }
p.lomaketeksti { font-size:14px; letter-spacing:0; }
.mc4wp-success p, .mc4wp-alert p { margin:0 auto; padding:40px 0 0 0; font-weight:bold; }

.pagetitle .uutiskirje { background-image:none; padding:30px 0 10px 0; }


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

.etusivupalvelut li { width:33%; }
.main-nav a { font-size:12px; padding:0 15px; }
.valikko { margin-top:0; }
header { height:138px; }
.sticky { position:relative; box-shadow:none; }
.etusivuteksti2 h1 { font-size:75px; }

}

@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, .menestystarina, .valmennettava, .kolmasosa, .kaksikolmasosaa { float:none; width:100%; margin-bottom:20px; padding:0; }
.ls-wp-fullwidth-container, .headerinfo { display:none; }
.logo { position:relative; top:0; margin:10px 0 0 0; }
.etusivuteksti2 { padding:0; height:auto; }
.etusivuyla { padding:40px 0; height:auto; }
.etusivuteksti2 h1 { font-size:45px; margin:0 0 20px 0; }
span.ohutfontti { font-size:25px; }
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; }
.palvelutdiv p { min-height:0; }
.etusivuteksti, .somet { text-align:center; }
img.alignright { margin:0 0 10px 0; }
.etusivuteksti h2:after { margin:0.4em auto; }
.navigation { margin:0 0 20px 0; }
.liittymislomake1 div { display:block; width:100%; }
.liittymislomake input[type="email"], .liittymislomake input[type="submit"] { display:block; width:100%; text-align:center; white-space:normal; }
.liittymislomake, .liittymislomake1 { display:block; }
.fbdiv { text-align:center; }
ul.instagram-pics li img { display:block; }
.ajankohtaista h2, .uutiskirje h2 { font-size:45px; }

}

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

.ls-wp-fullwidth-container, .headerinfo { display:none; }
.etusivuteksti2 { padding-top:100px; }
.etusivuteksti2 h1, .kumppanit h3, .menestystarinoita h2, .valmennettavat h2, .ohjelmapaketit h2 { font-size:25px; }
.main-nav ul a { width:230px; }
.pagetitle h1 { font-size:30px; }
.single-image img { width:100%; height:auto; }
.button, a.button, button { font-size:16px; padding:10px 25px; }
ul.instagram-pics li { float:left; width:50%; margin:0; padding:5px; box-sizing:border-box; }
ul.instagram-pics li img { max-width:100%; height:auto; }

}