@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,300,300italic);
@import url(https://fonts.googleapis.com/css?family=Merriweather:700italic,900italic,400italic);

body { padding: 0; }
html, body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; background: #f7f7f7; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: bold; }

h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }

a:hover, a:focus {
	text-decoration: none !important;	
}

.logo-img { padding: 3%; background: #fff;}

.level1 { font-weight: normal; }

.pesulappu { position:absolute; background: #fff; margin-left: 10px; height: 110px; width: 220px; text-align:center;}
.pesulappu img { width: 100%; }

.modulenews, .modulecustomcontact  { min-height: 200px !important;}

ul.latestnewsnews { list-style-image: url('../images/arrow.png'); padding-left: 40px; margin-left: 0; }
ul.latestnewsnews  a { color: #000; } ul.latestnewsnews  a:hover { color: #e96920; }

#t3-content { font-size: 18px; }
#t3-mainnav { position: relative; }
#t3-mainbody { margin-bottom: 20px; }
#t3-content article { font-size: 90%; }
.t3-navhelper { background: none !important; } 

.flexslider { margin: 0 0 -40px 0 !important; }
.corporate .flexslider { margin: 0 !important; }

.corporate .slideshow {
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-bottom:50px; 
}

.t3-wrapper { max-width: 100%; overflow: hidden; }

.t3-sidebar .nav .current a { background: rgba(0,0,0,0.02); color: #343434; }

/* MOBILE ORDER */
@media screen and (max-width: 991px) {
	
	.order-wrapper {
		display: flex; flex-direction: column;
	}
	
	#order-1 { order:3; }
	#order-2 { order: 1; }
	#order-3 { order: 2;}
	#order-4 { order: 4;}
	
}



/* MENU */
@media screen and (min-width: 991px) {
	.logo {position: absolute; }
	
	#t3-mainnav { position:absolute; }
	.t3-mainnav { background: rgba(0,0,0,0.08) !important; border: none; }
	.t3-mainnav .t3-navbar { 
		margin-left:270px; padding:0; width: 800px; 
		float: right !important; 
		height: 70px; font-size: 15px; font-weight: bold; height: 70px;
		text-shadow: 0px 1px 6px rgba(50, 50, 50, 0.8);
	}

	.dropdown-menu {
		background-color: rgba(0,0,0,0.7);
		
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 200px;
		padding: 0; margin: 0;
		list-style: none;
		font-size: 12px;
		text-align: left;
		border: none;
		border-radius: 0px;
		background-clip: padding-box;
	}

	.t3-megamenu .mega-nav > li a:hover, 
	.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
	.t3-megamenu .mega-nav > li a:focus, 
	.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
		background-color: rgba(0,0,0,0.3);
	}

	.t3-megamenu .mega-nav > li a, 
	.t3-megamenu .dropdown-menu .mega-nav > li a { color: #ddd; }
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;} 
.navbar-default .navbar-nav > li { margin: 0 15px; text-align:center;}

.moduleshowbox {
	font-size: 19px;
	text-align: center;
	margin-bottom: 30px !important;
	margin-top: 20px !important;
}

.moduleshowbox h4 {
	font-size: 26px; font-weight: bold; padding: 10px 0;
}

.moduleshowbox a::before {content: "» ";}
.moduleshowbox a {
    font-style: italic; font-size: 80%; color: #e96920;
    font-family: 'Merriweather', serif;

}
.moduleshowbox a:hover { color: #343434; }

 h4.module-title {
    color: #000; font-size: 26px !important;
}

@media screen and (max-width: 990px) {
	
	body {display:flex; flex-direction:column;}
	#t3-mainbody { order: 1; }
	
	/*#t3-mainnav { margin-bottom: 20px; }*/
	
	.t3-mainnav { border-bottom: none; }
	.t3-mainnav .t3-navbar-collapse .navbar-nav { margin: 30px -15px 20px -15px; }
	
	.navbar { min-height: 100px; }
	.logo { left: 5%; } 
	.logo-image > a > img { max-height: 100px !important;}
	
	.navbar-default { background: #fff; color: #000;}
	 
	.navbar-default .navbar-toggle .icon-bar, 
	.navbar-default .navbar-toggle .fa-bars { color: #e96920; }

	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus { color: #fff; }
	
	.navbar-default .navbar-nav > li > a {color: #e96920; }
	.navbar-default .navbar-nav > li > a:hover {color: #343434; }
	
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {color: #343434; }
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background: rgba(0,0,0,0.1); }
	
	.navbar-toggle { min-height: 100px; }
	
	.customshowbox img {
		max-height:130px;
	}
	
}

@media screen and (min-width: 991px) {
	
	.spotlight-wrap {
		width: 100%; max-height:350px; overflow: hidden; 
	}
	
	#top-photo {margin-top: -80px; }
	#top-photo-empty { margin-top: 120px; }
	
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:focus {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		background: rgba(0,0,0,.05);
	}
	
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > li > a {
		padding: 0px 10px;
	}
	
	.navbar-nav {
		margin-top: 1px;
	}
}

/* etusivun kampanjanostot */

.customkampanjanosto h3 {
    color: #000; 
}

.customkampanjanosto {
	font-size: 90%; padding: 5%;
	margin-top: 5%;
    border: 1px solid #eee; 
    border-left: 20px solid #e96920;
    /*background: #ddd;*/
    color: #000;
    font-size: 18px;
    line-height: 25px;
	margin-bottom: 5%;
	min-height:283px !important;
	max-width: 99%; 
	max-width: 550px; 
}

.customkampanjanosto a::before {content: "» ";}
.customkampanjanosto a {
    font-weight: bold; font-style: italic;
    font-family: 'Merriweather', serif;

}

#boordi {
    margin-top: 4%;
    margin-bottom: 0;
    text-align: center;
}

#boordi p {
	padding:0; margin:0;
}


@media screen and (max-width: 768px) {

	#boordi {display: none !important;}
}

#t3-footer { 
	border-top: 5px solid #e96920 !important;
}

.t3-copyright {
	border: none;
}

.nav > li > a:hover, .nav > li > a:focus {
	background: #e96920; color: #fff;
}


/* Sivustospesifit */

.module-ct > ol.breadcrumb {padding: 16px; /*margin-top: 100px;*/}

.breadcrumb { background: none !important; color: #cccccc;}
.breadcrumb a { color: #cccccc; font-weight: 300 !important;} 
.breadcrumb span { font-weight: 700; } 

.breadcrumb a:hover {
	text-decoration:none !important;
	color: #000;
}


@media screen and (min-width: 991px) and (max-width: 1199px) {
    .pesulappu {
        position: absolute; top: 56px;
    }
    
    /*.module-ct > ol.breadcrumb {margin-top: 110px;} */
    .flexslider { margin-bottom: -110px !important;} 
    .corporate .flexslider {margin-bottom:0 !important;}
    
    .t3-mainnav .t3-navbar { margin-left: 0; margin: 0 auto; }
    
}

/* TUOGE OTTI TÄMÄN POIS PÄÄLTÄ
 *@media screen and (max-width: 990px) {
     .pesulappu {
        display: none;
    }
}*/

@media screen and (min-width: 768px) {
	.t3-sl { padding: 0;} 
}

/* Ajankohtaista */

.article-title, 
.article-header h1 {
	font-size: 22px;
}


.blogajankohtaista h3 {	font-size:18px; }
.article-content h3, .article-intro h3 { font-size:20px; }

/* kodittomat */

iframe {
	margin: 2% auto;
	
}

.kodittomat .article-title, 
.kodittomat .article-header h1 {
	font-size: 28px;
}

.blogajankohtaista .leading, 
.blog .leading, 
.item { border-bottom: 1px #eee solid; font-size: 80%; padding-bottom: 3%; }

/* kodittomien eläinten listaustapa */
.kodittomat .item, .kodittomat-muut .item { border: 1px #ddd solid; font-size: 90%; margin-bottom: 3%; overflow:hidden;}
.kodittomat .article-intro { padding-left: 3%; padding-right: 3%; }
.kodittomat .article-aside { position:absolute; margin: 0!important; margin-left: 15px !important; background: #fff; padding:10px !important; }
.item-pagekodittomat .article-aside { position: relative; margin:0 !important; background: none; padding: 10px 0 !important;}

.kodittomat .article-aside .article-info dd { margin:0 !important;  }
.kodittomat .article-intro, .kodittomat-muut  .article-intro { padding-bottom: 3%; }

.kodittomat .item h2.article-title, 
.kodittomat-muut .item h2.article-title { background: #e96920; color: #fff; padding: 20px; margin:0; }

.kodittomat .item h2.article-title:hover, 
.kodittomat-muut .item h2.article-title:hover { background: #df5709; }

.kodittomat .item h2.article-title a, 
.kodittomat-muut .item h2.article-title a { color: #fff; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; font-size: 16px; }

.kodittomat .article_anywherekodittomat-intro, 
.kodittomat-muut .article_anywherekodittomat-intro { padding-top: 2%; padding-bottom: 2%;}


@media screen and (max-width: 990px) {

	.kodittomat .article_anywherekodittomat-intro p, 
	.kodittomat-muut .article_anywherekodittomat-intro p { 
		font-size: 85%;
	}

}

.kodittomat .article-intro > img, 
.kodittomat .article-intro > div > img, 
.kodittomat .article-intro > p > img  { display: none; }


.ajankohtaista article img, 
.view-article article img { max-height: 400px; width: auto !important; margin: 1%; display: initial; }


.kodittomat .article-content > img { 
	max-height: 550px !important; width: auto !important; 
	margin: 0 !important; 
	margin-right: 20px !important; 
	margin-bottom: 20px !important;
}

@media screen and (max-width: 990px) {
	.kodittomat .article-content > img { 
		max-height: 250px !important; width: auto !important; 
		margin: 0 !important; 
		margin-right: 20px !important; 
		margin-bottom: 20px !important;
	}
}


.author {
	font-size: 90%; color: #7b7b7b; text-transform: uppercase;
	border-left: #eeeeee solid 15px; 
	margin-top:2%; padding-top: 1%; padding-left: 1%;
	height: 37px;
} 

.content-links a {
	font-style: italic;
    color: #fff; background: #e96920;
	border: 2px #fff solid;
    font-family: 'Merriweather', serif;
	max-width: 400px;
	text-align: center;
	margin-bottom: 20px;
}
.content-links a:hover {
    background: #000 !important;
}

.article-intro { width: 101% !important; }
.kodittomat-muut .article-intro { margin-top: 20px; font-size: 90%; border-bottom: 1px solid #eee; padding: 3%}

.readmore { margin: 5%;}
.readmore .btn-default { background: none !important; border: 1px #df5709 solid; color: #df5709; text-transform:uppercase; }
.readmore .btn-default:hover { background: #df5709 !important; border: 1px #fff solid; color: #fff;}

.kodittomat .item-image { 
	overflow:hidden;
	object-fit: cover !important; 
	max-width: none !important; 
	width: auto !important; margin: 0 -3% !important; 
	margin-bottom: 15px !important; 
	max-height:370px;
} 

.kodittomat .item-image img { max-width: 100%; display: initial !important; } 

.ajankohtaista .item-image {
		display: none !important;
}

/* kodittomat yksilökuvaus */
.kodittomat .article-content > p > img, 
.kodittomat .article-content > div > img, 
.kodittomat .article-content >  img { max-width: 30%; float:left; margin-right: 20px; margin-bottom: 20px; clear:both; }

.kodittomat-muut .article-intro > p > img, 
.kodittomat-muut .article-intro > div > img, 
.kodittomat-muut .article-intro >  img { max-width: 30%; float:left; margin-right: 20px; margin-bottom: 20px; clear:both; }


.article-content ol > li {
	padding-top: 13px; 
}

.article-content ul > li {
	padding-top: 5px; 
}

.customyritysjasennosto {
	margin: 1% 0; padding: 2% !important;
	text-align: center;
	background: #e96920;
	color: #fff;
}

.customyritysjasennosto p { padding:0; margin:0; }
.customyritysjasennosto a { color: #fff; }
.customyritysjasennosto a:hover { color: #000; }
	
	
/* Voi Viiksi -kamppis */
.voiviiksi h1, .voiviiksi .subtitle, .voiviiksi .lead { text-align: center;}

.voiviiksi h1 { font-size: 40px; margin-bottom: 1%; }
.voiviiksi h2 { margin-bottom: 2%; }
.voiviiksi .subtitle { font-size: 19px !important; }
.voiviiksi .lead { max-width: 860px; margin: 1.5% auto; font-size: 22px !important; line-height: 32px !important;  }
.voiviiksi p { font-size: 17px; line-height: 26px; margin: 1.5% 0; }

.voiviiksi-lahjoita {
	border: 1px dotted #bfbfbf;
	margin: 2% 0; 
	padding: 2% 0;
	margin-bottom: 3%;
}
.voiviiksi-lahjoita h2 {}
.voiviiksi-lahjoita p {}

@media screen and (max-width: 900px) {
	.ajankohtaista article img, 
	.view-article article img {
		margin: 0 auto !important;
		float:none !important; 
		clear:both;
		text-align: center;
	}
}


/* ----------- TUOGE RUKKAILEE ---------- */
@media screen and (max-width: 990px) {
	.blog #t3-mainbody{margin-top:10px}
	.customkampanjanosto{margin-top:0}
	.dropdown-menu > li > a{text-align:center}
	.flexslider{margin-bottom:-10px !important}
	footer{display:none}
	iframe{width:100% !important}
	.item-page{margin-bottom:10px}
	.items-leading .leading, .items-row {margin-bottom:20px;}
	.kodittomat .article-aside{right:22px;top:22px;color:#FFF;background:none;}
	.item-pagekodittomat .article-aside{color:#999;top:auto;right:auto;}
	.kodittomat .article-content > img, .kodittomat-muut .article-intro > img{max-width:100%;}
	.logo:hover a{background:#FFF}
	.module-ct > ol.breadcrumb{margin-top:0}
	.moduleshowbox{margin-bottom:20px !important}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height:100%;}
	.navbar-default .navbar-nav > li > a{padding:15px;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{padding:10px}
	.page-header{padding-bottom:20px}
	.pesulappu {height:65px;width:140px;border-bottom: 1px solid #DDD;}
	.t3-sl{padding:0;}
	.t3-sl-1{border:0}
	.t3-content{padding:0 15px}
	#t3-mainbody{margin-bottom:0}
	/*.t3-module{margin:10px 0 !important}*/
	.t3-module { border-bottom: 1px solid #eee; }
	.t3-spotlight div:last-child > .t3-module { border-bottom: none; }
	.t3-module, #t3-content article{ padding-bottom: 10px; }
}