/*
	Theme Name: Ettan
*/

/*------------------------------------*\
    CUSTOM
\*------------------------------------*/

h1,h2,h3,h4 {
	 font-family: "tussilago",sans-serif;

}

img {
	max-width: 100%;
	max-height: 100%;
}

.gray-bg {
	background: #ecf0f1;
}

header {
	background-size: cover;
	background-position: center bottom;
	height: 90vh;
	min-height: 600px;
}


.stripe-img {
	height: 600px;
	background-size: cover;
	background-position: center center;
}

.lead-paragraph {
	font-size: 20px;
	line-height: 34px;
	font-weight: 700;
}

.hero-header {
	margin-top: 15%;
}

.dark-layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.30);
}

.pitchblack-layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(4, 29, 55, 0.84);
	background-color: rgba(6, 46, 88, 0.75);	
}

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.btn.blue {
	background-color: #417FB4;
}

.btn.yellow {
	background-color: rgba(240, 209, 4, 1) !important;
	color: #272727;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase ;
}

.bg-grey {
	background-color: #F2F2F2;
}

.btn.border-button {
	border: 2px solid #fff !important;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}



.service-header:after {
	width: 40px;
	height: 4px;
	background-color: rgba(240, 209, 4, 1) !important;
	content: '';
	display: block;
	margin-top: 25px;
}

.btn {
	border-radius: 3px !important;
}

.feature_9 {
	background-color: #f2f2f2;
	position: relative;
}

.white-bg {
	background-color: #F2F2F2;
}

.animate {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	
}

.invert {
	background-color: #141414 !important;
	color: #fff !important;
}

.invert a {
	color: #fff !important;
	
}

.fixed {
	background-color: #141414 !important;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;	
}

.fixed img {
	opacity: 1 !important;
}

.open_menu.white {
	color: #ffffff;
	background-color: #000;
	left: 15px;
}

input, textarea {
	-webkit-appearance: none;
}

.wpcf7-text {
	border-color: #e7e7e7;
	border-width: 2px;
	border-style: solid;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 16px;
	height: 60px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	
}



.wpcf7-textarea {
	border-color: #e7e7e7;
	border-width: 2px;
	border-style: solid;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	transition: border-color 0.2s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	padding: 20px;
	margin-bottom: 20px;
}

.wpcf7-submit {
	background-color: rgba(240, 209, 4, 1) !important;
	color: #272727;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	height: 60px;
	line-height: 60px;
	min-width: 210px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.wpcf7-response-output {
	padding: 20px !important;
	margin: 0 !important;
}

.wpcf7-mail-sent-ok, .wpcf7-validation-errors {
	border-color: #000 !important;
}

@media only screen and (max-width: 600px) {
    .font36{font-size: 20px; line-height:28px}
    .stripe-img {height: 300px}
    header {height: 620px}
    .hero-header {margin-top: 100px;}
    .btn {margin-bottom: 10px; width: 100%;}
    .width270 { width: calc(50% - 15px); margin: 0 7px; padding: 20px !important}
    #kumppanit {padding: 20px 0}
    #kumppanit img.img-responsive { padding:  0; height: auto}
    #kumppanit .width270 {  height: auto}
    #kumppanit .bottom30 { margin-bottom: 15px;}
	.team_3 .inner { max-width: none }
    #yritys {padding-bottom: 20px}
    #yritys div {text-align: left}
	.main-logo {
		height: 30px !important;
	}

}


@media  only screen and (min-width: 400px)  and (max-width: 600px) {
    .font36{font-size: 24px; line-height:32px;}
}

@media only screen and (min-width: 601px) and (max-width: 960px) {
    header {max-height: 700px}
    #kumppanit img.img-responsive { padding: 40px 0}
    #kumppanit .width270 { width: calc(50% - 40px); margin: 20px; height: auto;}
    .staff_member {width:50%;    }
}

@media only screen   and (max-width: 960px) {
    .the_form {max-width: none;}
    .desktop-image { display: none;}
    .wpcf7-textarea, .wpcf7-text { width: 100%;}

}



@media only screen and (max-width: 400px) {
	.font42 { font-size: 32px; line-height: 42px;}
	.wpcf7-submit {width: 100%;}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}