/*
 Theme Name:     Myyntimaatio
 Theme URI:      https://myyntimaatio.fi
 Description:    Myyntimaation Hello Themen lapsiteema.
 Author:         Myyntimaatio
 Author URL:     https://myyntimaatio.fi
 Template:       hello-elementor
 Version:        2.1.3
*/


/*--- FONTIT ---*/
@font-face {
	font-family: "nuorisoasunnot";
	src: url("https://use.typekit.net/llp1ohu.css")
}
h3 {
	font-family: modish, sans-serif;
	font-weight: 400;
	font-style: normal; 
}

.mm-secondary {
	padding-bottom: 15px;
}



/*--- PALSTAT ---*/
.mm-column-one {
	margin: 60px 0 60px 0;
	padding: 40px 110px;
}
.mm-column-two {
	margin: 60px 0 60px 0;
}
.mm-column-three {
	margin: 60px 0 60px 0;
	padding: 60px 110px;
}
.mm-column-white {
	margin: 30px 0 30px 0;
	padding: 30px 110px;
}


/*--- LINKIT ---*/

.mm-linkki a:link {
	color: #595959;
	font-weight: 600;
}
.mm-linkki-valkoinen a:any-link {
	color: #fff;
} 
.mm-linkki-footer a:any-link {
	color: #fff;
	font-weight: 600;
}


/* ----- CF7 forms ----- */

/* 2 Column Form Styles  */

#mm-form {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
}
div#mm-form br {
    display: none;
}
/*
.mm-form {
    max-width: 100%; 
    margin:0 auto;
    width: 100%;
    padding: 20px 0 20px 0;
}*/


.mm-form label {
    width: 100%;
}

/* Rows & columns */

.mm-form-row {
	width: 100%;
}

.mm-column-half {
	float: left;
	position: relative;
	width: 50%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    padding: 0.65rem;
}

.mm-column-full {
	float: left;
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    padding: 0.65rem;
}

.mm-column-full label, .mm-column-half label {
    width: 100%;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* More space for checkbox row*/

.mm-checkbox-row {
	padding: 25px;
}

/* CF7 styles*/

.wpcf7, .wpcf7 input, .wpcf7 textarea {
	color: #393939 !important;
	
}

.wpcf7 input[type="email"], .wpcf7 input[type="text"], .wpcf7 input[type="tel"] {
	border: none;
	border-radius: 10 !important;
}

.wpcf7 textarea {
	border: none;
	border-radius: 10 !important;
}

.wpcf7-list-item-label {
	font-weight: 400;
	color: #fff;
}
.wpcf7-list-item-label a:link{
	font-weight: 400;
	color: #fff;
}
.wpcf7-list-item-label a:hover{
	font-weight: 400;
	color: #fff !important;
}

/* Placeholder text color */

::-webkit-input-placeholder {
	color: #595959 !important;
	opacity: 1;
}

:-moz-placeholder {
	color: #595959 !important;
	opacity: 1;
}

::-moz-placeholder {
	color: #595959 !important;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #595959 !important;
	opacity: 1;
}

/* CF7 links */

.wpcf7 a {
	color: #595959;
}

.wpcf7 a:hover {
	color: #595959;
}

/* CF7 Button */

.wpcf7-submit {
	font-family: "Open Sans", Sans-serif;
	background-color: #D9D7D8;
	border-radius: 25px 25px 25px 25px;
	border: none;
	color: #595959 !important;
	font-size: 14px;
    padding: 12px 20px 12px 20px;
}

.wpcf7-submit:hover, .wpcf7-submit:focus  {
	background-color: #C5BDB2;
}





/*-- RESPONSIVE -- */

@media all and (min-width: 1025px) and (max-width: 1300px){	}

@media all and (max-width: 1024px){}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.mm-column-one {
		margin: 40px 0 40px 0;
		padding: 40px 60px;
	}
	.mm-column-two {
		margin: 60px 0 60px 0;
	}
	.mm-column-three {
		margin: 0;
		padding: 30px 30px;
	}
	.mm-column-white {
		margin: 30px 0 30px 0;
		padding: 50px;
	}
}

@media all and (max-width: 767px){
	
	.mm-column-one {
		margin: 40px 0 40px 0;
		padding: 30px 30px;
	}
	.mm-column-two {
		margin: 40px 0 40px 0;
	}
	.mm-column-three {
		margin: 0;
		padding: 20px 20px;
	}
	.mm-column-white {
		margin: 20px 0 20px 0;
		padding: 20px;
	}
	
	.mm-secondary {
		padding-bottom: 5px;
		padding-top: 15px;
	}
	
	.wpcf7, .wpcf7 input .wpcf7 textarea {
			font-size: 16px !important;
		}
	
		.mm-form-background {
			margin: 30px 30px 50px 30px;	
		}
	
		.mm-column-half {
			width: 100%;
		}
		.mm-form-background {
			max-width: 500px !important;	
		}
}