/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2021 | 10:41:42 */
/*Lukuvinkit*/
.lukuvinkit .vinkki_author h5 a{
	font-size:20px;
}
.vinkki-tekstit {
	background: rgba(0, 0, 0, 0.7);
		padding: 7px 5px 10px 5px;
	min-height:100px!important;
}
.vinkki-wrapper {
	width:100%;
}
@media only screen and (min-width: 500px) and (max-width: 768px) {
.elementor-element-6a27c62 .elementor-element-0edf605 .elementor-widget-container {
	padding: 5% 5% 5% 5%;
}
}
@media only screen and (max-width: 500px) {
	.vinkki-wrapper {
		text-align:center;
	}
	.vinkkilaatikko {
			width:44%!important;
	margin-left:10px!important;
			margin: 3px 3px 3px 3px!important;
	}
}
@media only screen and (min-width: 500px) and (max-width: 768px) {
	.vinkki-wrapper {
		text-align:center;
	}
.vinkkilaatikko {
			width:30%!important;
	margin-left:10px!important;
			margin: 3px 3px 3px 3px!important;
	}
}
@media only screen and (min-width: 768px) {
	.vinkkilaatikko {
		width:18%;
	}
	.vinkki-wrapper {
		text-align:left;
	}
}
.vinkkilaatikko {
	vertical-align:bottom;
	text-align:center;
	padding: 100px 00px 0px 0px;
	margin: 4px 4px 4px 4px;
	display: inline-block;
			 background-repeat: no-repeat;
  background-size: cover;
}
.vinkki-header h3 a {
	color:white!important;
text-align:center;

}
.vinkki-header h3 {
		margin-bottom:0px!important;
	font-size:18px;
}
.vinkkiauthor  {
	color:#cccccc;
	margin-bottom:2px!important;
	font-size:12px;
}
.lukuvinkki-linkit .vinkkinappi a  {
	background-color: #ff508c;
	font-size:13px;
		padding: 4px 10px 4px 10px!important;
	margin:5px 8px 5px 0px;
	line-height:26px;
}
.lukuvinkki-linkit .vinkkinappi a:hover {
		background-color: #da2f6a!important;
}

.lukuvinkki-linkit .vinkkinappi a:hover{
	background-color: #004b96; 
}

.vinkkinappi {
	display: inline-block;
}
.vinkkinappi a  {		
margin-top: 0px;
	margin-bottom: 0px;
	background-color:  #ff508c;
		margin-left: 0px;
	margin-right:0px;
	padding: 2px 5px 2px 5px!important;
	font-size:10px;
	border-radius: 5px;
		color: #f2f2f2;
}

.vinkkinappi a:hover{
	background-color: #da2f6a; 
}

/*Lukuvinkki sivu*/
.lukuvinkkiauthor {
	color:black;
}

/*Blog archive*/
.page-header {
	padding-top:0px!important;
	padding-bottom:0px;
	background-color: transparent!important;
}
@media only screen and (max-width: 500px)
{
		.page-header h1 {
			margin-top:-120px;
		font-size: 2em;
		line-height: 1em;
				margin-bottom:-40px!important;
	}
}
@media only screen and (min-width: 500px)
{
	.page-header h1 {
	margin-top:-70px;
	color:white;
	font-size: 3em;
		line-height: 1em;
	margin-bottom:-40px!important;
}
}
	.page-header h1 {
	color:white;

}
.read-more-container a {
	border-radius:8px;
	background-color:#ffffff;
	color:#3a3a3a;
	border-color: #3a3a3a;
	border-width: 1px 1px 1px 1px!important;
	border:solid;
	font-weight:bold;
    font-size: 15px;
    padding: 10px 37px!important;
	text-transform: uppercase!important;
}
.read-more-container a:hover {
		background-color:#4b7d7d;
	color: #fffffF;
		border-color:#4b7d7d;	
}

.menetelma-laatikko h3 {
	background-color: rgba(0,0,0, 0.5);
	padding: 10px 20px 5px 20px;
	  border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.hyodyt-laatikko h3 {
	background-color: #f13c20;
}
.menetelma-laatikko p {
		padding: 0px 20px 0px 20px;
}

.elementor-icon-box-description a {
     color:#ffff;
}
.hyodyt-laatikko .elementor-icon-box-description {
	padding-top:10px;
}

.hyodyt-laatikko .elementor-widget-container {
		background-color:#fff!important;
	padding-bottom:1px!important;
}
.facetwp-dropdown{
    float: left;
    margin-right: 20px;
}