:root {
--asiakasvari: #111d2f; 
--tummaasiakasvari: #111d2f;
--asiakastehostevari: #b24040;
--toinenasiakastehostevari: #b24040;
--asiakasfontti: 'Poppins', sans-serif;
--asiakasotsikkofontti: 'Libre Bodoni', serif;
}  body {
font-family: var(--asiakasfontti);
font-weight: 400;
}
h1, h2,
div#page-container div#main-content h1,
div#page-container div#main-content h2 { 
font-family: var(--asiakasotsikkofontti);
}
h3, h4,
div#page-container div#main-content h3,
div#page-container div#main-content h4 { 
font-family: var(--asiakasfontti);
font-weight: 600;
}
.et_pb_bg_layout_light h1,
.et_pb_bg_layout_light h2,
.et_pb_bg_layout_light h3,
.et_pb_bg_layout_light h4 { color: var(--asiakasvari); font-weight: 400; }
h2 span { color: var(--asiakastehostevari); }
div#page-container div#main-content h2, h2 {  font-size: 30px; margin-top: 20px; margin-bottom: 5px; line-height: 1.45; font-weight: 700; }
div#page-container div#main-content h3, h3 { font-size: 18px; margin-top: 10px; color: var(--asiakasvari); line-height: 1.45; }
div#page-container div#main-content h4, h4 { font-size: 16px; }
div#page-container div#main-content div.apuluettelon-teksti h3 { font-size: 16px; margin-top: 20px; } .valign-fix { margin: 0;
position: absolute;
top: 50%;
transform: translate(0%, -50%); }
h2.iso { font-size: 43px !important; line-height: 1.35; } #koulutusvalikko article { margin-bottom: 5px; }
.logoseina {
width: 100%;
text-align: center;
}
.logoseina div.logoseinan_logo {
display: inline-block;
margin:  0 auto;
border: 15px solid #ffffff;
width:  180px;
height: 130px;
position: relative;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.logoseina::after {
content: "";
clear: both;
display: table;
} div#et-main-area div#main-content div.et_pb_post_content ul,
div#et-main-area div#main-content div.et_pb_text_inner ul { list-style-type: none; padding: 10px 0px; margin: 0; } 
div#et-main-area div#main-content div.et_pb_post_content ul li,
div#et-main-area div#main-content div.et_pb_text_inner ul li { position: relative; padding-left: 30px; padding-bottom: 5px; }
div#et-main-area div#main-content div.et_pb_post_content ul li:before,
div#et-main-area div#main-content div.et_pb_text_inner ul li:before {
content: "\f054";
font-family: "Font Awesome 6 Pro"; 
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: var(--asiakasvari); 
font-size: 12px;
padding-right: 0.5em;
position: absolute;
top: 0px;
left: 0px;
}
div.et_pb_text_inner ol,
.et_pb_post_content ol{
list-style: none;
counter-reset: numerointi;
margin-top: 10px;
}
div.et_pb_text_inner ol li,
.et_pb_post_content ol li {
counter-increment: numerointi;
margin-left: 30px;
margin-bottom: 5px;
}
div.et_pb_text_inner ol li::before,
.et_pb_post_content ol li::before {
content: counter(numerointi) ". ";
color: var(--asiakastehostevari);
font-weight: bold;
position: absolute;
left: 0;
}
div#et-main-area div#main-content div.et_pb_text_inner ul.checklist li:before {  content: "\f00c" !important; }
a[href^="tel:"], a[href^="mailto:"], a[href^="https://api.whatsapp.com/send?phone="] { white-space: nowrap; text-decoration: none !important; }
a[href^="tel:"]:before,
a[href^="https://api.whatsapp.com/send?phone="]:before,
a[href^="mailto:"]:before 
{ 
content: "\f095";
font-family: "Font Awesome 6 Pro"; 
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: var(--asiakasvari);
padding-right: 0.5em; position: relative;
top: 0px;
left: 0px;
}
a[href^="https://api.whatsapp.com/send?phone="]:before { 
font-family: "Font Awesome 6 Brands"; 
content: "\f232";
font-weight: 400;
}
a[href^="mailto:"]:before { 
content: "\f0e0";
font-weight: 400;
}
.et_pb_bg_layout_dark .ikonit a[href^="mailto:"]:before, .et_pb_bg_layout_dark .ikonit a[href^="tel:"]:before, .et_pb_bg_layout_dark .ikonit a.whatsapp:before { color: #ffffff; } 
.et-l--footer .et_pb_bg_layout_dark .ikonit a[href^="mailto:"]:before, .et-l--footer .et_pb_bg_layout_dark .ikonit a[href^="tel:"]:before, .et-l--footer .et_pb_bg_layout_dark .ikonit a.whatsapp:before { color: #ffffff; } div.koulutukset h2 { margin-top: 0px !important; margin-bottom: 0px !important; }
div.koulutukset p.widget-title { font-size: 14px; }
div.koulutukset a { text-decoration: none !important; }
div.koulutukset span {
color: #A3A3A3;
}
div.koulutukset span { font-weight: 700; margin-top: 0px;}
div.koulutukset a.nayta_kaikki  {
color: rgba(255, 255, 255, 1);
margin-top: 20px;
display: block;
}
div.koulutukset a.nayta_kaikki::after, a.viivalinkki::after {
content: " ";
display: inline-block;
margin-bottom: 5px;
margin-left: 10px;
width: 60px;
height: 1px;
background-color: #ffffff;
transition-timing-function: ease-in-out;
transition: .5s;
}
div.koulutukset a.nayta_kaikki:hover::after, a.viivalinkki:hover::after {
width: 70px;
}
div.koulutukset a.luelisaa {
font-size: 16px;
font-weight: 600;
color: #111D2F;
background-color: #ffffff;
display: block;
padding: 14px;
width: 100%;
max-width: 200px;
border-radius: 5px;
margin:  0 auto;
margin-top: 20px;
}
.koulutukset-template-default.single hr {
border:  0px;
height: 1px;
opacity: .1;
background-color: var(--asiakasvari);
margin: 55px 0px;
} .koulutuslistaus span { font-size: 14px; }
.koulutuslistaus span.ajankohta, .kaikki_koulutukset span.ajankohta { font-size: 16px; }
.koulutuslistaus { width: 100%; overflow: auto; }
.koulutuslistaus::after {
content: "";
clear: both;
display: table;
}
.koulutuslistaus div.koulutukset {
width: calc(33% - 40px);
float: left;
margin-right: 60px;
min-height: 660px;
margin-bottom: 60px;
transition-timing-function: ease-in-out;
transition: 1s;
}
.koulutuslistaus div.koulutukset:hover {
opacity: .7;
}
.koulutuslistaus div.koulutukset.rivi_3 {
margin-right: 0px;
}
.koulutuksen_kuva {
background-size: cover;
width: 100%;
height: 20vw;
min-height: 210px;
max-height: 300px;
border-radius: 5px;
margin-bottom: 40px;
}
.koulutuslistaus div.koulutukset a.luelisaa {
margin-left: 0px;
text-align: center;
background-color: var(--asiakasvari);
color: #ffffff;
margin-top: 20px;
}
.mennyt-tapahtuma {
display: none !important;
}
.kaikki_koulutukset .mennyt-tapahtuma { display: block !important; }
.mennyt-tapahtuma span.ajankohta { color: var(--asiakastehostevari) !important; }
.mennyt-tapahtuma .koulutuksen_kuva { opacity: .25; } a.viivalinkki { font-size: 16px; text-decoration: none !important; color: #ffffff; } a.more-link { top: 10px; position: relative; }
a.more-link::after {
transition-timing-function: ease-in-out;
transition: 1s;
content: " \24"; 
font-family: 'ETmodules';
font-weight: normal;
position: absolute;
}
a.more-link:hover::after {
padding-left: 5px;
}
.single-post .et_pb_section .et_pb_post_title .et_pb_title_container { max-width: 850px; margin: 0 auto; }
.et_pb_blog_grid .et_pb_post { padding: 40px !important; }
body.home .et_pb_blog_grid .et_pb_post { padding: 0px !important; }
.et_pb_blog_grid .et_pb_image_container { margin: -40px -39px 29px !important; }
.fluid-width-video-wrapper { margin-bottom: 20px; }
div.et_pb_post_content blockquote { font-size: 20px; color: var(--asiakastehostevari); border-color: var(--asiakastehostevari); border-left: 4px solid; line-height: 1.65;  } #menu-paavalikko li.cta a {
border: 2px solid;
border-color: var(--asiakasvari);
color: var(--asiakasvari) !important;
font-weight: 700;
font-size: 14px;
border-radius: 5px;
padding: 12px 30px !important;
height: 55px;
margin-top: 10px;
margin-left: 30px;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.cta a {  color: var(--asiakasvari) !important; }
.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item a {  }
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.menu-item-has-children ul li a { color: var(--asiakasvari) !important;  }
.et-menu .menu-item-has-children>a:first-child { padding-right: 0px; }
.et-menu .menu-item-has-children>a:first-child:after { content: ""; }
.nav li ul.sub-menu {
width: 400px;
border-radius: 5px;
border-top: 0px;
-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07); 
-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07); 
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07);
}
.nav li ul.sub-menu a {
width: 360px;
}
nav.et-menu-nav .et-menu li li a { padding: 18px 20px !important; }
.et_mobile_menu { left: 10px; width: calc(100% - 20px); }
#mobile_menu1 { border-radius: 10px; border-top: 0px; }
#mobile_menu1.et_mobile_menu li a { padding: 25px 10%; text-align: center; }
#mobile_menu1.et_mobile_menu li.current-menu-item a, #mobile_menu1.et_mobile_menu li.second-level a { background-color: #f6f6f6;  }
#mobile_menu1.et_mobile_menu li.current_page_parent a { border-radius: 10px; }
#mobile_menu1.et_mobile_menu li.current-menu-item li a::before { content: ""; } 
#mobile_menu1.et_mobile_menu { padding: 0px; top: 55px; -webkit-box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.3); box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.3); }
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
.et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .menu-item-has-children > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 18px;
top: 25px;
right: 30px;
}
.et_mobile_menu .menu-item-has-children > .icon-switch:after{
content: '\4d';
}
.et_mobile_menu ul.sub-menu li {
display: none;
}
.et_mobile_menu ul.sub-menu li.reveal-items {
display: block !important;
}
.et_mobile_menu li li, .et_pb_menu .et_mobile_menu li ul { padding-left: 0px; }  div#et-main-area div#main-content div.et_pb_text_inner .gform_wrapper ul li { position: relative; padding-left: 0px; padding-bottom: 0px; }
div#et-main-area div#main-content div.et_pb_text_inner .gform_wrapper ul li:before {
content: "";
} .et_pb_bg_layout_dark .gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
border: 2px solid #ffffff; padding: 15px 20px;
}
body .et_pb_bg_layout_light .gform_wrapper ul li.gfield { margin-top: 0px; }
.et_pb_bg_layout_light div.gform_wrapper div.gform_footer { margin-top: 0px; padding: 0px; }
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label { font-size: 16px; }
.gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 14px 14px;
}
.et_pb_bg_layout_dark .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .et_pb_bg_layout_dark .gform_wrapper textarea {
border: 0px;
}
.et_pb_bg_layout_light .gform_wrapper textarea { padding: 14px 14px;  }
.et_pb_bg_layout_dark .gform_wrapper textarea { padding: 14px 14px; }
.gform_wrapper div.gform_body ul.gform_fields div.ginput_container { margin-top: 2px; }
.gform_wrapper ul.gform_fields li.gfield { padding-right: 0px !important; }
.gform_wrapper .gform_footer input[type=submit].gform_button, .gform_wrapper #gform_submit_button_2 { font-size: 16px; width: 100%; padding: 17px 20px; border: 0px; background-color: var(--tummaasiakasvari); color: #fff; font-weight: 600; border-radius: 2px; cursor: pointer; }
.et_pb_bg_layout_dark .gform_wrapper .gform_footer input[type=submit].gform_button {  background-color: var(--asiakastehostevari); color: var(--tummaasiakasvari);}
.gform_wrapper li.hidden_label input { margin-top: 0px !important; }
.gform_wrapper .gform_footer { margin-top: 0px !important; }
body .gform_wrapper ul li.gfield { margin-top: 10px !important; }
.gform_wrapper #gform_submit_button_2 { background-color: var(--asiakastehostevari); border-radius: 4px !important; margin-top: 0px; }
.gform_wrapper #input_2_1 { font-size: 16px; width: 100%; padding: 17px 20px; border: 0px; border-radius: 4px !important; }
.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder { color: var(--asiakasvari);
opacity: 1; font-size: 16px;
font-style: italic;
}
.gform_wrapper input:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder { color: var(--asiakasvari);
font-size: 16px;
font-style: italic;
}
.gform_wrapper input::-ms-input-placeholder, .gform_wrapper textarea::-ms-input-placeholder { color: var(--asiakasvari);
font-size: 16px;
font-style: italic;
} 
.et_pb_bg_layout_dark .gform_wrapper { margin: 0px; }
.gform_wrapper input[type=text], 
.gform_wrapper input[type=password], 
.gform_wrapper input[type=tel], 
.gform_wrapper input[type=email], 
.gform_wrapper input.text, 
.gform_wrapper input.title, 
.gform_wrapper textarea {
border: 0px;
border-bottom: 1px solid;
border-color: var(--asiakasvari) !important;
border-radius: 0px !important;
}
.et_pb_bg_layout_light .gform_wrapper ul.gform_fields .ginput_container textarea:focus, .et_pb_bg_layout_light .gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .gform_wrapper ul.gform_fields .ginput_container textarea:focus, .gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
border-bottom: 2px solid !important; border-color: var(--asiakasvari) !important; font-style: normal !important; font-weight: 500 !important; background-color: #F9F9FA !important;
}
.gform_wrapper li.gf_left_half { margin-right: 8px; width: calc(50% - 8px) !important; }
.gform_wrapper li.gf_right_half { margin-left: 8px !important; width: calc(50% - 8px) !important; } div.et_pb_module .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { margin: 0 auto; max-width: 100% !important; width: 100% !important;}
.gform_wrapper div.validation_message { color: var(--asiakasvari); line-height: 1.5; }
.gform_wrapper div.validation_error { color: #fff !important; border: 0px !important; background-color: var(--asiakasvari); border-radius: 5px; margin-top: 30px !important; margin-bottom: 0px !important; padding: 16px 20px !important; }
.gform_wrapper li.gfield_error div.ginput_container ul li label { color: #2d2d2d !important; }
.gform_wrapper .gfield_error .gfield_label { color: var(--tummaasiakasvari) !important;  }
.gform_wrapper li.gfield_error { text-align: left !important;  }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-top: 7px !important; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: rgba(255, 255, 255, 0) !important; border-top: 0px !important; border-bottom: 0px !important; padding-top: 0px !important; }
.gform_wrapper li.gfield_error ul.gfield_checkbox { color: #fff; }
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border-color:  var(--asiakastehostevari) !important; } @media all and (max-width: 980px) { .custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
} .first-on-mobile {
-webkit-order: 1;
order: 1;
}
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
} .custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
} @media all and (max-width: 1310px) {
.koulutuslistaus div.koulutukset {
width: calc(33% - 30px);
margin-right: 45px;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
font-size: 16px !important;
}
#menu-paavalikko li.cta a {
margin-left: 15px;
}
}
@media all and (max-width: 1230px) {
.et_pb_menu_0_tb_header.et_pb_menu ul li {
padding-left: 0px !important;
padding-right: 10px !important;
}
#menu-paavalikko li.cta a {
margin-left: 5px;
}
}
@media all and (max-width: 980px) {
.koulutuslistaus div.koulutukset {
width: calc(33% - 10px);
margin-right: 15px;
}
.koulutuslistaus div.koulutukset.rivi_3 {
margin-right: 0px;
}
}
@media all and (max-width: 640px) {
h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 { 
font-size: 32px !important; 
}
body.home h1 { 
font-size: 40px !important; 
}
div#page-container div#main-content h2, h2 { 
font-size: 25px !important; 
}
.et_pb_text_inner p {
font-size: 14px !important;
line-height: 1.6 !important;
}
.logoseina div.logoseinan_logo {
width: 130px;
height: 90px;
}
.koulutuslistaus div.koulutukset {
width: 100%;
margin-right: 0px;
min-height: 100px;
}
.gform_wrapper li.gf_left_half { margin-right: 0px; width: 100% !important; }
.gform_wrapper li.gf_right_half { margin-left: 0px !important; width: 100% !important; } 
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 50% !important; float: left;
}
h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 { font-size: 32px !important; }
body.home h1 { font-size: 40px !important; }
div#page-container div#main-content h2, h2 { font-size: 25px; }
div.et_pb_title_container h1.entry-title {
font-size: 32px; 
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
word-wrap: break-word;
}
.hyphens-mobile p, .hyphens-mobile, p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
word-wrap: break-word;
}
}