/*
 * Theme Name: Fimet
 * Description: Fimet, based on Basic theme.
 * Template: basic
 * Text Domain: fimet
 */

 /* Reset colors 
 
 Font: Neutraface2 Text Bold / Text Book: https://houseind.com/hi/neutraface_no2
 */
 
@font-face {
    font-family: "Neutraface Text";
    src: url("fonts/neutraface-3206/NeutrafaceText-Book.woff2") format("woff2"), url("fonts/neutraface-3206/NeutrafaceText-Book.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}  
@font-face {  
    font-family: "Neutraface Demi";
    src: url("fonts/neutraface-3206/NeutrafaceText-Demi.woff2") format("woff2"), url("fonts/neutraface-3206/NeutrafaceText-Demi.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

h1,h2,h3,h4,h5,.intro { word-wrap:normal; font-family:"Neutraface Demi",sans-serif; font-weight:normal; }
 
input[type=submit], 
input[type=button],
button, .submit, .button,
.top-menu,
.more-link,
.nav-links a:hover, .nav-links .current,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
#footer
 { background-color:#00365f; }
blockquote, q, input:focus, textarea:focus, select:focus { border-color:#00365f; }
#logo,a:hover { color:#00365f; }
#sidebar { display:block; width:90%; margin:0 auto; }

@media only screen and (min-width: 1024px) {
	.top-menu .sub-menu, .top-menu .children { background-color:#00365f; }
}
.top-menu li a:hover, .top-menu li span:hover, .top-menu li .sub-menu > li:hover > a, .top-menu li .sub-menu > li:hover > span:hover,
.top-menu .current_page_item > a, .top-menu .current_page_item > span, .top-menu .current-menu-item > a, .top-menu .current-menu-item > span { background:transparent; color:#6fcbf3 !important; font-family:"Neutraface Demi",sans-serif; }

.widget, .categories, #widgetlist > li { margin-bottom:0; }
 
 /* Reset fonts */
 H1, H2, H3, H4, H5, H6, .wtitle, .title,
 blockquote, q,
 input, textarea, select, button,
 #logo,
 .bbp-topic-permalink,
.bbp-forum-title { font-family:"Neutraface Demi",sans-serif; font-weight:normal; }

.wtitle { border-bottom:0; margin-bottom:0; text-align:left; }

body { font: 16px/140% "Neutraface Text", sans-serif; color: #00365f; word-wrap: break-word; }
h2 { font-size:25px; }
a { color:#afcb08; }
b, strong { font-family:"Neutraface Demi",sans-serif; font-weight:normal; }

.maxwidth { 80%; }
.clear { clear:both; }

.layout-center #content { width:100% !important; }
.marginbottom { margin-bottom:20px; }
section { font-size:18px; }

header#header { min-height:auto; }
header.maxwidth { width:100%; }
.logo { display:inline-block; margin:10px 20px; }
#mobile-menu { display:inline-block; width:40px; padding:15px 20px; position:absolute; top:10px; right:10px; background-color:#ffffff; }
header nav { position:relative; width:100%; }
.top-menu { position:absolute; width:100%; left:0; top:0; z-index:9999; background:#ffffff; font-size:20px; text-align:center; padding-bottom:20px; }
.top-menu li { border-top:1px solid #dce4e9; border-bottom:1px solid #dce4e9; }
.top-menu li a { color:#00365f !important; font-family:"Neutraface Demi",sans-serif; }
#main { padding-top:0; }
nav#subnav { background:#00365f; padding:20px 0; } 
nav#subnav p {color:#ffffff; text-align:center; font-size:28px; font-family:"Neutraface Demi",sans-serif; }
nav#subnav ul { width:auto; margin:0 auto; text-align:center; }
nav#subnav ul li { display:inline-block; padding:0 15px; margin:10px; font-size:20px; }
nav#subnav ul li a { display:block; padding:10px 30px 10px 20px; border-radius:0 0 30px 0; background:#6fcbf3; color:#00365f; text-decoration:none; font-family:"Neutraface Demi",sans-serif; }
nav#subnav ul li a:hover { text-decoration:none; }
nav#subnav ul li.active a { background:#ffffff; }

.mobiili { display:block; }
.desktop { display:none; }

.footerbanner { clear:both;background:#6fcbf3; margin-top:30px; padding:20px 0; color:#ffffff; text-align:center; font-size:25px; }
.footerbanner a { display:inline-block; background:#afcb08; color:#ffffff; padding:9px 40px 15px 20px; margin-top:20px; border-radius:0 0 30px 0; font-size:20px; font-family:"Neutraface Demi",sans-serif; text-decoration:none; }
#footer { font-size:18px; padding:20px 0; }
#footer a:hover { text-decoration:none; }
.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 { margin:0 0 20px 0; }
.footer-col-1 img { margin-bottom:10px; }
.footer-col-2 p, .footer-col-3 p { margin:0; padding:0; }
.footer-col-4 a { background:#afcb08; color:#00365f !important; padding:9px 40px 15px 20px; margin-top:20px; border-radius:0 0 30px 0; font-size:20px; white-space:nowrap; font-family:"Neutraface Demi",sans-serif; }
.footerwrap { width:80%; margin:0 auto; }
.greentitle { color:#afcb08; padding-bottom:10px !important; }
.bluetitle { color:#6fcbf3; padding-bottom:10px !important; }

/*pages */
.mainbanner { position:relative;  width:100%; font-size:45px; line-height:110%; text-align:center; color:#ffffff; background-color:#afcb08; }
.liftbox { text-align:center; }
.front_content { clear:both; }
.column { margin-bottom:30px; font-size:20px; }
.column a { display:inline-block; background:#00365f; padding:9px 40px 15px 20px; color:#ffffff; border-radius:0 0 30px 0; text-decoration:none; font-family:"Neutraface Demi",sans-serif; font-size:20px; }
.col1link a { background:#c2d217; }
.col2link a { background:#6fcbf3; }
.twocolscontent { font-size:20px; margin-top:20px; }
.intro { box-sizing:border-box; padding:30px 10px; font-size:35px; line-height:110%; text-align:center; color:#afcb08; }
.maincontent { font-size:22px; line-height:110%; }

.col1text, .col2text { font-size:25px; }

.services .column, .counter .column { font-size:20px; }
.services .column a, .counter .column a { background:#afcb08; }
.services .column:first-child a { background:#6fcbf3; }
.services .liftboxes { margin-top:20px; }
.lightblue a { background:#6fcbf3 !important; }
.darkblue a { background:#00365f !important; }
.green a { background:#afcb08 !important; }

.liftboxes, .dropbox { width:100%; }
.dropbox .column { margin-bottom:10px; }
.liftbox { float:left; margin:0; width:50%; }
.clickable_header { margin-bottom:0; }
.fourcols .column { margin-bottom:0; }

.counter .front_content { padding:20px 0; }
.counter .column:first-child a { background:#00365f; }
.counter .front_content .column h2 { padding:10px 15px; margin-bottom:20px; text-transform:uppercase; font-weight:normal; }
.counter .front_content .column:first-child h2 { background:#b8ded6; }
.counter .front_content .column:nth-child(2) h2{ background:#ffed00; }
.counter .front_content .column:nth-child(3) h2{ background:#eeeeee; }
#laskuri { background:#6fcbf3; margin-bottom:20px; padding:30px 0; }
#laskuri .results { padding-top:20px; }
#laskuri .result { float:left; widh:30%; margin-right:3%; }
#laskuri .result > div { display:inline-block; margin-top:20px; font-family:"Neutraface Demi",sans-serif; border-bottom:5px solid #00365f; }
#laskuri fieldset { border:0; margin:0; padding:0 0 10px 0; }
#laskuri legend { display:block; font-family:"Neutraface Demi",sans-serif; margin:10px 0; }
#laskuri input[type=reset], #laskuri input[type=submit] { font-family:"Neutraface Demi",sans-serif; }
#laskuri input[type=reset] { background:#ffffff; margin-right:20px; }
#laskuri p { font-size:90%; margin:10px 0 5px 0; padding:0; }
#laskuri p.subtitle { font-size:90%; font-family:"Neutraface Demi",sans-serif; }
#laskuri p.introtext { font-size:20px; margin-bottom:20px; }
#laskuri p.field { clear:both; font-size:100%; margin:0; }
#laskuri p.field input { float:left; display:block; width:20px; vertical-align:top; }
#laskuri p.field label { display:block; padding-left:30px; vertical-align:top; }

.formcontainer { background:#b8ded6; padding:50px 0; color:#ffffff; }
.formcontainer p { font-size:20px; font-family:"Neutraface Demi",sans-serif; }
.formcontainer input[type=text],.formcontainer input[type=email], .formcontainer textarea { margin-bottom:10px; border-radius:0; padding:2px 5px; }
input[type=submit], input[type=reset], button { border:0; margin:0; padding:10px 40px 10px 15px; border-radius:0 0 30px 0; margin:5px 10px; text-decoration:none; font-family:"Neutraface Demi",sans-serif; }
.mapcontainer iframe {
    width: 100%;
    max-height: 500px;
    filter: grayscale(100%);
}
.contact .maincontent { padding:40px 0; }
.fourcols { font-size:18px; line-height:100%; margin-top:20px; }
.fourcols p.title { font-family:"Neutraface Demi",sans-serif; min-height:18px; margin-top:20px; }
.fourcols p.empty { font-family:"Neutraface Demi",sans-serif; min-height:0; margin-top:0; }

.hiddencontent, .dropcontent { display:none; }
.withcontent { position:relative; cursor:pointer; }
.withcontent .opener { position:absolute; left:50%; bottom:20px; width:47px; height:47px; margin-left:-23px; border-radius:100%; background:url('img/opener.png') #6fcbf3 center center no-repeat; cursor:pointer; }
.withcontent:hover > .opener, .withcontent:focus > .opener, .withcontent .active  { background-color:#afcb08; }
.hiddencontent { position: absolute; z-index: 999; background: #ffffff; width: 100%; text-align:left; box-shadow:1px 1px 5px rgba(0,0,0,0.5); }
.hiddencontent .close { position:absolute; right:20px; top:20px; width:40px; height:40px; background:url('img/close.png') center center no-repeat;  }
.hiddencontent .cont { padding:80px 30px 20px 30px; }
.hiddencontent .images { width:100%; }
.hiddencontent .images img { vertical-align:top; width:100%; }

.linkcontent a { display:inline-block; background:#afcb08; padding:10px 30px 10px 15px; color:#ffffff; border-radius:0 0 30px 0; margin:5px 10px; text-decoration:none; font-family:"Neutraface Demi",sans-serif; }
.product .linkcontent a { display:inline-block; background:transparent; padding:0; color:#afcb08; border-radius:0; margin:0; }

.product .threecols .column { position:relative; }
.product .threecols .column h3 { padding:1em 0; }
.clickable_header { text-align:center; background:url('img/opener.png') 96% center no-repeat; cursor:pointer; padding:10px !important; }
.clickable_header.active { background-image:url('img/opener_close.png'); }
.column:first-child .clickable_header:first-child { background-color:#6fcbf3; }
.column:nth-child(2) .clickable_header { background-color:#c2d217; }
.column:nth-child(3) .clickable_header{ background-color:#e4aa95; }
.dropcontent { position:absolute; left:0; top:47px; background:#ffffff; padding:20px 30px; box-sizing:border-box; z-index:99; box-shadow:2px 2px 5px rgba(0,0,0,0.5); }
.dropcontent ul { margin:0; padding:0; }

.current h2 { margin-bottom:20px; }
.newsbox { position:relative; padding:60px 40px; margin:0; box-sizing:border-box; color:#00365f; font-size:25px;}
.newsbox h2 { font-size:25px; }
.newsbox h2.smaller { font-size:25px; }
.newsbox .date { position:absolute; left:40px; bottom:50px; font-family:"Neutraface Demi",sans-serif; font-size:20px; }
.newsbox a span { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; }
.current { margin-top:20px; }
.newscolumn .date { font-family:"Neutraface Demi",sans-serif; color:#6fcbf3; font-size:18px; }
.newscolumn h2 a { font-size:25px; color:#00365f; }
.newsbox a { color:#00365f; }
.newsbox:first-child { background:#afcb08; color:#ffffff; }
.newsbox:nth-child(3) { background:#e4aa95; color:#ffffff; }
.newsbox:nth-child(5) { background:#00365f; color:#ffffff; }

.newsbox:first-child a, .newsbox:nth-child(3) a, .newsbox:nth-child(5) a { color:#ffffff; }
.newscolmn { padding:0 10px; }

.fourcols .column { font-size:18px; }
.fourcols .column p.title { font-size:20px; white-space:nowrap; }

.mainimage { max-height:460px; overflow:hidden; }
.mainimage img { width:100%;  }
aside.meta span { display:none; }
aside.meta span.date { display:block; color:#6fcbf3; font-size:18px; font-family:"Neutraface Demi",sans-serif; }
.single article { font-size:20px; }

#sidebar .wtitle { font-size:25px; color:#00365f; text-transform:none; }
#sidebar ul { list-style:none; margin:10px 0; }
#sidebar ul li { padding:0 0 20px 0; margin:0; font-size:22px; color:#00365f; font-family:"Neutraface Demi",sans-serif; }
#sidebar ul li a { color:#00365f; }
#sidebar .post-date { color:#6fcbf3; font-size:18px; }

input.number { width:20px; padding:0 5px; margin-bottom:5px; }
img.alignright, .alignright, 
img.alignleft, .alignleft { display:block; float:none; margin-left:auto; margin-right:auto; }


.column a { margin-top:10px; margin-bottom:30px; }

@media screen and ( min-width:560px ) {	
	.hiddencontent .images img { width:50%; }
	.hiddencontent .threeimages img { width:33.33%; }
}

@media screen and ( min-width:580px ) {
	.footerbanner { padding:20px 0; }
	.footerbanner a { margin-left:10px; margin-top:0; }
	
	.liftbox { float:left; width:33.33%; }
	.newsbox { float:left; width:50%; position:relative; padding:30px 20px; margin:0; box-sizing:border-box; color:#00365f; font-size:25px;}
	.newsbox h2 { font-size:25px; }
	.newsbox h2.smaller { font-size:20px; }
	.newsbox .date { left:20px; bottom:20px; font-size:18px; }
	.newsbox:first-child { background:#afcb08; color:#ffffff; }
	.newsbox:nth-child(4) { background:#00365f; color:#ffffff; }
	.newsbox:nth-child(5) { background:#e4aa95; color:#ffffff; }	
	.newsbox:nth-child(2), .newsbox:nth-child(3), .newsbox:nth-child(6)  { background:#ffffff; color:#00365f; }
	.newsbox:nth-child(2) a, .newsbox:nth-child(3) a, .newsbox:nth-child(6) a { color:#00365f; }
	.newsbox:nth-child(1) a, .newsbox:nth-child(4) a, .newsbox:nth-child(5) a { color:#ffffff; }
	
	.intro { font-size:45px; }
}

@media screen and ( min-width:960px ) {
	
	.front_content .column, .threecols .column, .newscolumn { float:left; margin:10px 1.4% 10px 0; width:32.33%; }
    .front_content .column:last-child, .threecols .column:last-child, .newscolumn:nth-child(3n+0) { margin-right:0; }
     .newscolumn:nth-child(3n+1) { clear:both; }
    .twocolscontent .column { float:left; width:48%; }
    .twocolscontent .column:last-child { margin-left:4%; }
	.fourcols .column { float:left; width:22%; margin:10px 2% 10px 0; }
	.fourcols .column:last-child { margin-right:0; }
	.fourcols p.title { min-height:18px; margin-top:20px; }
	
	.newsbox { width:33.33%; padding:60px 40px; height:360px; font-size:30px; }
	.newsbox h2 { font-size:30px; word-wrap:normal; }
	.newsbox h2.smaller { font-size:25px; }
	.newsbox:nth-child(3n+1) { clear:both; }
	.newsbox:first-child { background:#afcb08; color:#ffffff; }
	.newsbox:nth-child(3) { background:#e4aa95; color:#ffffff; }
	.newsbox:nth-child(5) { background:#00365f; color:#ffffff; }	
	.newsbox:nth-child(2), .newsbox:nth-child(4), .newsbox:nth-child(6)  { background:#ffffff; color:#00365f; }
	.newsbox:nth-child(2) a, .newsbox:nth-child(4) a, .newsbox:nth-child(6) a { color:#00365f; }
	.newsbox:nth-child(1) a, .newsbox:nth-child(3) a, .newsbox:nth-child(5) a { color:#ffffff; }
    
	.formcontainer .column { float:left; width:48%; }
    .formcontainer .column:last-child { margin-left:4%; }
    
	#laskuri .column { float:left; width:49%; }
	#laskuri .column:last-child { margin-left:2%; }
	.counter .twocolscontent { width:100%; }
	.counter .twocolscontent .column { float:none; width:100%; margin:0; }
	
	.withcontent .opener { background-color:transparent; }
	.withcontent:hover > .opener, .withcontent:focus > .opener, .withcontent .active  { background-color:#6fcbf3; }
	.liftboxes, .dropbox { width:90%; }
	.clickable_header { margin-bottom:0; }	
	
    .footerwrap { display:flex; padding:50px 0; }
    .footer-col-1 { width:40%; margin-right:10px; }
    .footer-col-2, .footer-col-3, .footer-col-4 { width:20%; margin:0 10px; }
	.footer-col-4 a {  margin-left:10px; }

	/*.intro { padding:30px 60px; font-size:45px; }*/
	img.alignright, .alignright { display:inline-block; float:right; margin-left:20px; }
	img.alignleft, .alignleft { display:inline-block; float:left; margin-right:20px; }
	.mobiili { display:none; }
	.desktop { display:block; }
	
}

@media screen and ( min-width:1007px ) {

	header.maxwidth { width:90%; max-width:1080px; }
	header .logo { float:left; width:25%; margin:10px 0; }
	header .topnav { float:left; width:70%; margin-left:4%; }
	#mobile-menu { display:none; }
	header nav {position:static; }
	.top-menu { position:relative; left:auto; top:auto; text-align:left; background:transparent; margin:20px 0 0 0; font-size:20px; }
	.top-menu li { border:0; }
	.top-menu li a { color:#00365f !important; font-family:"Neutraface Demi",sans-serif; }
}

@media screen and (min-width:1024px) {
	#sidebar { width:27.77777777777778%; }
}

@media screen and ( min-width:1200px ) {
	.counter .twocolscontent { width:60%; }
    .counter .twocolscontent .column { float:left; width:48%; }
    .counter .twocolscontent .column:last-child { margin-left:4%; }
}