/* 
 Theme Name:     Koulutusseteli
 Author:         Adinum Oy
 Author URI:     http://www.koulutusseteli.fi
 Template:       Divi
 Version:        1.0 
*/ 

h1, h2, h3, h4, h5, h6, h7 { font-family: 'Maven Pro', sans-serif !important; font-weight:400;}



.tyonantaja {color:#223156;}
.tyontekija {color:#5da73e;}
.kouluttaja {color:#af3ac4;}

	.et_pb_bg_layout_light p {
		color:#555;
	}
	
body {
	font-weight:400;
	font-family:'Maven Pro',sans-serif !important;
}

/*** FEATURES ***/

.sub-menu {
	width:auto !important;
}

.sub-menu li {
	width: auto !important;
}

#top-menu li li a {
	width:220px !important;
}

#login-form > p > a.button {
	margin-left:15px;
}

#features {
	width:100% !important;
	max-width:100% !important;
	border-top:solid 40px #FFF;
	border-bottom:solid 40px #FFF;
	padding:0 !important;
}

#features > div:first-child {
	background:#FFF;
	width:100% !important;
	margin-right:0;
}

#features > div:last-child {
	background:#FFF;
	width:100% !important;
}

#features > div:nth-child(2) {
	margin-right:0;
	width:1197px !important;
	min-width:1197px !important;
}

#features div.feature-content {
	background:#FFF;
}

#feature-images > div > div {
	width:33.333333%;
	float:left;
	text-align:center;
	border:solid 15px #FFF;
	padding-top:30px;
}

#feature-images p {
	background:#FFF;
	padding: 10px 0;
	min-height:240px;
}

#feature-images span {
	display:block;
	padding:30px 0 30px 0;
}

a.luelisaa {
	display:inline-block;
	width:50%;
	background: #223156;
	color:#FFF;
	padding:20px;
	font-size:18px;
	border-right:solid 4px #FFF;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

a.button {
  background: #223156;
  color: white;
  padding: 0.5rem;
}

a.button:hover {
	background: #4de0ff;
}

a.tyontekijalue {
	width:100%;
	border-right:none;
}

/* #feature-images a.luelisaa:after {
	content:'';
	height:74px;
	width:8px;
	transform: skew(-7deg,0deg);
	background:#FFF;
	display:block;
	position:absolute;
	margin-left:160px;
	margin-top:-50px;
} */

a.tilaa {
	display:inline-block;
	width:50%;
	border-left:solid 4px #FFF;
	background: #5da73e;
	color:#FFF;
	padding:20px;
	font-size:18px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#bottom-blurbs a.luelisaa {
	border-right:solid 4px #f4f4f4;
}
#bottom-blurbs a.tyontekijalue {
	border-right:none;
}
#bottom-blurbs a.tilaa {
	border-left:solid 4px #F4F4F4;
}

#feature-images a i {
	padding-left:5px;
	font-size:16px;
}

#bottom-blurbs a,
#feature-images a {
	font-family:'Maven Pro',sans-serif;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

a.katsokoulutukset {
	background: #636363;
	display:block;
	color:#FFF;
	padding:20px;
	margin-top:8px;
	font-size:18px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#feature-images h2 {
	background:#FFF;
	margin-top:30px;
	padding-top:25px;
	font-size:34px;
}

#feature-images img {
	max-height:140px;
}

#feature-images table {
	border:0 !important;
}

#feature-images a:hover {
	opacity:0.8;
}


#main-header { box-shadow: none; }

#fp-bottom > div {
	width:100% !important;
	max-width: 100% !important;
}

#fp-bottom > div:last-child {
	border-bottom: solid 15px #874d78;
}

footer {
	display:none;
}

#main-slider h2 {
	background:rgba(255,255,255,0.7);
	padding:30px;
	display:inline-block;
	color:#223156 !important;
	text-shadow: none;
	font-size:35px;
}

#main-slider .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 21% 8% 17% 8%;
}

#main-slider h2:after {
	display: block;
	position: absolute;
	content: '';
	width: 77px;
	height: 38px;
	bottom: auto;
	margin-top:30px;
	left: 50%;
	top:auto;
	margin-left: -38.5px;
	background:url(/wp-content/themes/Divi-Koulutusseteli/images/arrowdown.png) center center;
	background-size:contain;
	background-repeat:none;
}

#fp-blurbs > div {
	width:25%;
	margin:0;
}

#fp-blurbs p {
	padding: 0 30px;
}

#fp-blurbs h4 {
	font-size:31px !important;
	margin-bottom:15px;
}

#fp-blurbs .et_pb_main_blurb_image {
	margin-bottom:15px;
}

#fp-intro:after {
	display: block;
	position: absolute;
	content: '';
	width: 75px;
	height: 75px;
	bottom: -50px;
	left: 50%;
	margin-left: -50px;
	background-color: #223156;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}

/*** BOTTOM FEATURES ***/

#tyonantajadiv .et_pb_main_blurb_image {
	width:100%;
	background:#223156 !important;
	padding-top:20px;
	padding-bottom:20px;
}

#tyontekijadiv .et_pb_main_blurb_image {
	background:#5da73e !important;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}

#kouluttajadiv .et_pb_main_blurb_image {
	width:100%;
	background:#af3ac4 !important;
	padding-top:26px;
	padding-bottom:26px;
}

#bottom-blurbs h2 {
	font-size:30px !important;
}

#bottom-blurbs a:hover {
	opacity:0.8;
}

/*** MENU ***/

#top-menu li a {
	font-family:'Maven Pro',sans-serif;
	font-weight:500;
	font-size:16px;
	color:#223156;
}

#top-menu li.current_page_item a {
	color:#223156;
}

/* #top-menu > li > a:after {
	opacity:0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	content:'\f107';
	font-family:FontAwesome;
	color:#874D78;
	position:absolute;
	bottom:0;
	top:25px;
	left:50%;
	font-size:33px;
	margin-left:-12px;
} */

#top-menu .menu-item-has-children > a:first-child {
	padding-right:0;
}

#top-menu li {
	padding-right:30px;
}

#top-menu li a:hover {
	opacity:1 !important;
}

#top-menu li:hover > a:after {
	opacity:0.7;
}

#top-menu li.menu-item-has-children:hover > a:after {
	opacity:0;
}



/* #top-menu > li.current_page_item > a:after {
	content:'\f107';
	font-family:FontAwesome;
	color:#874D78;
	position:absolute;
	bottom:0;
	top:25px;
	left:50%;
	font-size:33px;
	margin-left:-10px;
	opacity:0.7 !important;
} */

#et-secondary-nav .menu-item-has-children > a:first-child::after, #top-menu .menu-item-has-children > a:first-child::after {display:none;}

/* #top-menu > li > a:after {
	content:'';
	position:Absolute;
	display:block;
	bottom:38px;
	left:0;
	right:0;
	margin:0 auto auto auto;
	width:0px;
	height:5px;
	background:#223156;
	opacity:1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#top-menu .sub-menu > li > a {
	padding-left:5px !important;
	padding-right:5px !important;
}

#top-menu li:last-child a:after {
	display:none;
}

#top-menu > li.current-menu-item > a:after,
#top-menu > li > a:hover:after {
	width:10%;
} */

#top-menu a {
	color:#223156 !important;
	-webkit-transition: all 150ms ease-in-out !important;
	-moz-transition: all 150ms ease-in-out !important;
	-o-transition: all 150ms ease-in-out !important;
	transition: all 150ms ease-in-out !important;
}

#top-menu .current-menu-item > a {
	color:#874d78 !important;
}

#top-menu .sub-menu .current-menu-item a {
	color:#223156 !important;
}

#top-menu a:hover {
	opacity:1 !important;
	color:#874d78 !important;
}

.ylapalkki {
	
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border-bottom:solid 1px #ccc;
}

.ylapalkki #login-form {
	padding:4px 0;
}

.ylapalkki #login-form input {
	border-radius: 3px;
	border:0;
	padding:3px 10px;	height:28px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
}

.ylapalkki #login-form button {
	background:#5DA73E;
	color:#FFF;
	border:0;
	border-radius:3px;
	height:28px;
	padding:3px 8px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
}

.ylapalkki #login-form button:hover {
	cursor:pointer;
}

.ylapalkki .container {
	text-align:right;
}

.ylapalkki p {
	margin:0;
	padding:10px 0;
	color:#223156;
}

#fp-bottom h2,
#fp-intro h2 {
	color:#223156;
	margin-bottom:25px;
	font-size:33px;
	text-transform:uppercase;
}

#fp-bottom a.et_pb_button {
	margin-top:30px;
}

#fp-bottom h3 {
	font-size:24px;
}

h1 {
	font-size:40px !important;
	margin-bottom:15px;
}

body a.et_pb_button {
	padding:25px 45px !important;
	color:#fff !important;
	background:#223156;
	border-radius:0;
	border:solid 1px #223156 !important;
	border-width:1px !important;
	font-weight:400 !important;
	font-family:'Maven Pro', sans-serif !important;
	-webkit-transition: all 150ms ease-in-out !important;
	-moz-transition: all 150ms ease-in-out !important;
	-o-transition: all 150ms ease-in-out !important;
	transition: all 150ms ease-in-out !important;
}

body a.et_pb_button:hover {
	padding:25px 45px !important;
	background:#fff !important;
	color:#223156 !important;
	border:solid 1px #223156 !important;
	font-weight:400 !important;
	font-family:'Maven Pro', sans-serif !important;
}

a.et_pb_button:after {
	display:none !important;
}

header {
	border-bottom:solid 1px #ddd;
}

/*** ETUSIVU ***/

#heroo .et_pb_slide_description {
	padding: 13% 0% 8% 0%;
	text-shadow:none;
}

#heroo a.et_pb_more_button {
	border: solid 1px #fff;
	background:transparent;
	border-radius:0;
	padding:8px 80px 8px 45px !important;
	font-size:28px !important;
	color:#FFF !important;
}

#heroo a.et_pb_more_button:hover {
	border: solid 1px #223156;
	background:#223156 !important;
}

/*** RANDOM CSS ***/

.home #footteriblurbs,
.home #footteri {display:none;}

#footteri a {
	color:#FFF;
}

#fp-bottom > div:last-child a {
	color:#FFF;
}

#footteri a:hover,
#fp-bottom > div:last-child a:hover {
	color:#223156;
}

label.gfield_label {
	margin-bottom:0 !important;
	margin-top:8px !important;
}

.ginput_container {
	margin-top:2px !important;
}

.page-id-112 h1 {
	color:#5da73e !important;
}

.page-id-114 h1 {
	color:#223156 !important;
}

.page-id-117 h1 {
	color:#AF3AC4 !important;
}

#et_pb_contact_form_0 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #444;
  opacity:0.8;
}
#et_pb_contact_form_0 ::-moz-placeholder { /* Firefox 19+ */
  color: #444;
    opacity:0.8;
}
#et_pb_contact_form_0 :-ms-input-placeholder { /* IE 10+ */
  color: #444;
    opacity:0.8;
}
#et_pb_contact_form_0 :-moz-placeholder { /* Firefox 18- */
  color: #444;
   opacity:0.8;
}

/*** LIITY FORM ***/

li#field_6_1 > h2.gsection_title,
li#field_4_1 > h2.gsection_title,
li#field_2_1 > h2.gsection_title {
	margin-top:0 !important;
}

.gform_wrapper li > h2.gsection_title {
	font-weight:400;
	font-size:2em;
}

li#field_6_1,
li#field_6_9,
li#field_6_13,
li#field_6_20,
li#field_4_1,
li#field_4_9,
li#field_4_13,
li#field_4_20,
li#field_2_1,
li#field_2_9,
li#field_2_13,
li#field_2_20 {
	border-left:solid 5px #223156;
	background:#f2f2f2;
	padding:10px 20px;
	margin-left:-25px !important;
	margin-top:40px !important;
}

li#field_6_1,
li#field_4_1,
li#field_2_1 {
	margin-top:0 !important;
}

.gsection {
	border-bottom:0 !important;
}

li#field_6_27 > label,
li#field_6_26 > label,
li#field_6_21 > label,
li#field_6_23 > label,
li#field_6_24 > label,
li#field_6_25 > label,
li#field_4_27 > label,
li#field_4_26 > label,
li#field_4_21 > label,
li#field_4_23 > label,
li#field_4_24 > label,
li#field_4_25 > label,
li#field_2_27 > label,
li#field_2_26 > label,
li#field_2_21 > label,
li#field_2_23 > label,
li#field_2_24 > label,
li#field_2_25 > label {
	display:none;
}

/*** MEDIA QUERIES ***/

#fp-bottom > div:first-child > div {
		padding-left:28%;
		padding-right:28%;
}

@media screen and (max-width: 1400px) {
	#fp-bottom > div:first-child > div {
		padding-left:10%;
		padding-right:10%;
}
}

@media screen and (max-width: 1170px) {
	#features {
		width:100% !important;
		max-width:100% !important;
		border-top:solid 40px #FFF;
		border-bottom:solid 40px #FFF;
		padding:0 !important;
	}

	#features > div:first-child {
		background:#FFF;
		width:100% !important;
		margin-right:0;
		display:none;
	}

	#features > div:last-child {
		background:#FFF;
		width:100% !important;
		display:none;
	}

	#features > div:nth-child(2) {
		margin-right:0;
		width:100% !important;
		min-width:100% !important;
	}
}

@media screen and (max-width:1100px) {
	#feature-images p {
		background:#FFF;
		padding: 10px 0;
		min-height:200px;
	}
}

@media screen and (max-width: 1100px) {
#feature-images > div > div {
	width:100% !important;
	dislay:block !important;
	}
	#feature-images .feature-content > span {
		min-height:auto !important;
	}
}

@media screen and (max-width: 470px) {
.et_pb_slide_content > h1 {
	font-size:26px !important;
}
#pallura {
	font-size:14px !important;
	padding-left:20px !important;
	padding-right:20px !important;
	padding-top:50px !important;
	padding-bottom:50px !important;
	height:auto !important;
}
.et_pb_slide {
	padding-left:0 !important;
	padding-right:0 !important;
}
#heroo a.et_pb_more_button {
	font-size:23px !important;
}
}

span.label {
  border-radius: 3px;
  background: #ddd;
  padding: 0.5rem;
  margin: 0.5rem 0;
  text-transform: uppercase;
  font-size: 0.65rem;
  font-weight: bold;
  display: block;
}

#tilaalista li {

	padding-bottom:17px;
	line-height:1.4;
	
}

#tilaalista ol {
	background:#f4f4f4;
	margin-bottom:30px;
	padding:30px 30px 15px 30px !important;
	border-left:solid 5px #223156;
}

#tilaalista li:before {
	font-weight:700;
}

.gform_button:hover {
	cursor:pointer !important;
	background:#FFF !important;
	color:#223156 !important;
}

.gform_button {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background:#223156 !important;
	color:#FFF !important;
	font-family:'Maven Pro',sans-serif !important;
	font-size:18px !important;
	padding:15px 20px !important;
	border:solid 1px #223156 !important;
}

/*** LÄNDÄRI ***/

#pontit5 > div {
	padding:30px 30px 35px 30px;
	background:#f4f4f4;
	
}

#pontit5 > div:first-child {
	border-left:solid 4px #5DA73E;
}



.page-id-468 .et_pb_section_1 h2 {
	margin-bottom:0px;
}

.page-id-468 .et_pb_section_1 a:hover {
	color:#666;
}

/* .page-id-468 .et_pb_section_1 a.et_pb_button {
	margin-top:40px !important;
} */

#pontit5 > div:last-child {
	border-left:solid 4px #223156;
}

#pontit5 .et_pb_text_inner ul {
	text-align:left !important;
	padding-left:20px;
	padding-bottom:0;
}

#pontit5 .et_pb_text_inner ul li:last-child {
	padding-bottom:0;
}

#pontit5 .et_pb_text_inner ul li {
	padding-bottom:14px;
	line-height:1.5;
}

#pontit5 .et_pb_text_inner h3 {
	margin-bottom:10px;
}

#pontit5 {
	padding-bottom:40px;
}

#pontit5 .et_pb_text_inner {
	text-align:left;
}

/*** KAMPPIS ***/


#kamppihero h1 {
	font-weight:600;
	color:#223156;
	max-width:840px;
	line-height:1;
	margin:0 auto 10px auto;
	font-family:'Open Sans',sans-serif;
}

#inffoset {
	border-top:solid 1px #223156;
	border-bottom: solid 1px #223156;
}

#kamppislinkit .et_pb_button {
	background:#AF2390 !important;
	border-color:#AF2390 !important;
}

#kamppislinkit .et_pb_button:hover {
	background:#223156 !important;
	color:#FFF !important;
	border-color:#223156 !important;
}

#inffoset img {
	margin:25px 0 0 0;
}

#inffoset p {
	color:#222;
}

#kamppihero h2 {
	color:#223156;
	font-family:'Open Sans',sans-serif;
	line-height:1.3;
	font-size:20px;
}

#kamppislinkit {
	font-weight:700;

	font-size:18px;
}

#kamppislinkit a {
	color:#223156;
}

/*** NEW CSS ***/

#mobile_menu a {
	color:#444 !important;
}

#mobile_menu .sub-menu a {
	font-weight:500 !important;
}

#mobile_menu .sub-menu {
	padding-left:0 !important;
}

@media screen and (max-width: 981px) {
	#main-header > .container.et_menu_container {
		width:100% !important;
		padding-left:10% !important;
		padding-right:10% !important; 
	}
}

@media screen and (max-width: 1176px) {
	#et-top-navigation {padding-left:0 !important;}
	#logo {max-width:200px !important;height:auto !important;}
}
@media screen and (max-width: 860px) {
	.et_menu_container {
		height:100px !important;
	}
	.logo_container {
		height:110px !important;
	}
	.mobile_menu_bar {
		padding-top:10px !important;
	}
	.mobile_menu_bar::before {
		font-size:40px !important;
	}
	.ylapalkki {overflow:auto !important;}
	ul.langs,ul.langs a {z-index:999999999999999999999 !important;}
	ul.langs {padding-bottom:15px !important;width:100%;
	text-align:center;}
	.home #fp-bottom .et_pb_row_2 {padding-left:20px;padding-right:20px;}
	
}

body {
	overflow-x:hidden;
}

@media screen and (max-width: 436px) {
	#heroo a.et_pb_custom_button_icon {
	line-height: 1.3 !important;
	font-size: 18px !important;
	padding: 10px 10px 10px 10px !important;
	}
	#heroo a.et_pb_custom_button_icon:after {
		display:none !important;
	}
	a.luelisaa,
	a.tilaa,
	a.katsokoulutukset {font-size:14px !important;}
	
}

@media screen and (max-width: 650px) {
	.ylapalkki #login-form input {max-width:120px;}
	.ylapalkki button.btn i {display:none;}
	.ylapalkki .container {width:100% !important;}
	#login-form {width:100% !important;text-align:Center !important;}
	h1 {font-size:26px !important;}
	
}

@media screen and (max-width: 352px) {
	.home #fp-bottom a.et_pb_button_0 {padding:15px 5px !important;}
}

@media screen and (max-width: 326px) {
	#logo {max-width:160px !important;height:auto !important;}
}

#login-form {
	display:inline-block;
}

#sticker {
	z-index:999 !important;
}

.langs {
	display:inline-block;
	padding-top:11px;
	float:left;
}

.langs li {
	display:inline-block;
	padding:0px 5px;
}

.langs li:first-child {
	border-right:solid 1px #ccc;
	padding-right:10px;
}

.langs li a {
	color:#223156;
	font-size:13px;
	font-weight:600;
	padding:10px 0;
}

.langs li a:Hover {
	color:#874D78;
}

.langs li:first-child {
	padding-left:0;
}

@media (max-width: 1252px) {
 #bottom-blurbs {width:95% !important;}
 a.luelisaa,
	a.tilaa,
	a.katsokoulutukset {font-size:16px !important;}
}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
#bottom-blurbs {width:80% !important;}
.et-fixed-header .ylapalkki {display:none !important;}
.ylapalkki {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
#main-header.et-fixed-header {height:80px !important;}
#main-header.et-fixed-header  .logo_container {height:80px !important;}
.et-fixed-header #mobile_menu {margin-top:-6px !important;}
.et-fixed-header .mobile_menu_bar {padding-top:0 !important;margin-top:-3px !important;}
#main-header {box-shadow:none !important;}
#heroo .et_pb_slide_description {padding-top:18% !important;}
}

#main-header .sub-menu a {
	-webkit-transition: all 150ms ease-in-out !important;
	-moz-transition: all 150ms ease-in-out !important;
	-o-transition: all 150ms ease-in-out !important;
	transition: all 150ms ease-in-out !important;
}

#main-header #mobile_menu > li > a {
	color:#223156 !important;
}

#main-header .et_mobile_menu a:hover,
#main-header .sub-menu a:hover,
#main-header.et-fixed-header #top-menu .sub-menu a:hover {
	opacity:1 !important;
	color:#874D78 !important;
	background:#FFF !important;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
	background:#FFF !important;
	color:#874D78 !important;
}

@media (max-width: 850px) {
	span.contentti {
	display:block;
	width:100%;
	text-align:Center;
	}
	span.divideri {
		display:none;
	}
}

/*** NEW CSS LANGS ***/

.page-id-690 ol {
	font-weight:600;
	padding-bottom:0;
	margin-top:20px;
}

.page-id-693 .entry-content li {
	margin-top:25px;
}

.page-id-696 .et_pb_toggle_content li {
	margin-top:15px;
}

.ylapalkki {
	min-height:47px;
}

/*** SV CSS ***/

button.et_pb_contact_submit:after {
	display:none !important;
}

button.et_pb_contact_submit {
	border-radius:0 !important;
	padding: .6em 1em !important;
	color:#FFF !important;
}

body button.et_pb_contact_submit:hover {
	padding: .6em 1em !important;
	color:#FFF !important;
	background:#874d78 !important;
}

#top-menu .sub-menu {
	border-top:solid 2px #223156 !important;
}

.sub-menu a {
	font-size:14px !important;
	margin-bottom:10px !important;
	line-height:1.3 !important;
}

#top-menu li.koulutusseteli-menulink > a {
	pointer-events:none;
}

.home #et-main-area > #fp-bottom,
.home #et-main-area > #featurelaatikot {
	display:none;
}

#et-main-area > #featurelaatikot {
	border-top: solid 1px #223156;
	padding-top:50px;
}

#mika-on-koulutusseteli:before {
	 content:"";
    display:block;
    height:120px;
    margin:-40px 0 0;
}

#mika-on-koulutusseteli {
	padding-top:0 !important;
}

/* .ota-yhteytta-link:before {
	content:'';
	height:40px;
	width:1px;
	background:#223156;
	left:-10px;
	display:block;
	position:absolute;
	top:-10px;
} */

#top-menu .ota-yhteytta-link a:before {
	font-family:'ETModules' !important;
	display:inline-block !important;
	content:'\5a' !important;
	padding-right:6px;
	font-size:20px;
	position:absolute;
	margin-left:-24px;
	color:#FFF !important;
}

#top-menu .ota-yhteytta-link a {
	margin-top:-10px;
	letter-spacing:-0.4px;
	padding-left:24px;
	color:#FFF !important;
	padding:11px 12px 11px 35px !important;
	background:#874d78;
	border-radius:0px;
}

#top-menu .ota-yhteytta-link a:hover {
	background:#223156;
}

#top-menu .sub-menu {
	width:230px !important;
}

#top-menu .sub-menu a {
	padding-left:5px !important;
	padding-right:15px !important;
}


#top-menu .sub-menu a:hover,
#top-menu .sub-menu li:hover {
		background:transparent !important;
}

/* .ota-yhteytta-link {
	padding-left:15px;
} */

.et_pb_blog_grid p.post-meta > a {
	position:Absolute;
	top:0;
	right:0;
	background:#223156;
	font-size:11px;
	text-transform:uppercase;
	font-family:'Open Sans',sans-serif;
	padding:8px 20px;
	color:#FFF !important;
	display:none;
}

.et_pb_blog_grid p.post-meta {
	color:#FFF !important;
}

.et_pb_blog_grid p.post-meta span.published {
	color:#bbb !important;
	font-size:13px !important;
}

a.more-link {
	display:inline-block;
	margin-top:20px;
}

.et_pb_blog_grid article,
.et_pb_blog_grid .column {
	position:relative !important;
}

#kumppanirow .et_pb_main_blurb_image img {
	max-height:70px;
	max-width:150px;
	width:auto;
	margin:auto;
}

#kumppanirow  {
	padding-bottom:30px;
}

#kumppanirow .et_pb_main_blurb_image {
	min-height:75px;
	margin-bottom:15px;
	display: flex;
  align-items: center;
  justify-content: center;
}

#top-menu .sub-menu {
	padding-bottom:10px !important;
}

#left-area .entry-content {
	width:100% !important;
	max-width:700px !important;
	margin:0 auto !important;
	padding:0 !important;
}

#left-area {
	padding:0 !important;
	width:100% !important;
}

#left-area img {
	width:100% !important;
}

h1.entry-title {
	margin-top:30px;
	margin-bottom:20px;
	font-style:italic;
	font-size:45px;
}

p.post-meta {
	padding:0 !important;
}

.et_right_sidebar #left-area {
	float:none !important;
}

#main-content .container::before {
	display:none !important;
}

#fp-bottom .et_pb_social_media_follow {
	text-align:Center;
}

#fp-bottom .et_pb_social_media_follow li a.icon::before {
	font-size:35px;
}

#fp-bottom .et_pb_text {
	margin-bottom:0;
}

#fp-bottom .et_pb_social_media_follow li a {
	margin-left:10px;
	margin-right:10px;
}

body.chi_dmm_styles #sticker #main-header.chi_mmc_activated, body.chi_dmm_styles #top-header {
    position: relative !important;
}

@media screen and (max-width: 982px) {
	#main-content {
		padding-top:0 !important;
	}
	#mika-on-koulutusseteli:before, .mika-on-link {display:none !important;}
	#sticker-sticky-wrapper.is-sticky  .et_menu_container {
		height:auto !important;
	}
	#sticker-sticky-wrapper.is-sticky #et-top-navigation {
		padding-top:0 !important;
	}
	#sticker-sticky-wrapper.is-sticky #logo {
		max-height:24%;
		margin-top:-30px;
	}
	.et_header_style_left #sticker-sticky-wrapper.is-sticky .mobile_menu_bar, #sticker-sticky-wrapper.is-sticky .et_header_style_left .mobile_menu_bar, #sticker-sticky-wrapper.is-sticky .et_header_style_split .mobile_menu_bar {
		padding-bottom: 14px !important;
	}
	#sticker-sticky-wrapper.is-sticky .mobile_menu_bar {
		padding-top: 15px !important;
	}
}

@media screen and (min-width: 982px) {
	.meista-link {
		display:none !important;
	}
	#logo {max-height:45% !important;}
}

@media screen 
  and (min-width: 981px) 
  and (max-width: 1084px){
	  #main-header .container {
		  width:90% !important;
	  }
}

body.chi_dmm_styles #sticker .chi_mmc_activated .et_mobile_menu {
    padding: 5% 5% 5% 5%;
    border-color: #223156 !important;
}

body.page-id-742,
body.page-id-642 {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2019/08/koulutusseteli-bg.jpg");
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2019/08/koulutusseteli-bg.jpg");
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2019/08/koulutusseteli-bg.jpg");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2019/08/koulutusseteli-bg.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("/wp-content/uploads/2019/08/koulutusseteli-bg.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/wp-content/uploads/2019/08/koulutusseteli-bg.jpg");
}