/*
	Theme Name: YL TEMPLATE
	Theme URI: yhteisetlapsemme.fi
	Description: Yhteiset lapsemme sivuston teema
	Version: 1.0
	Author: Mikko Rauhamäki
	Author URI: mikkorauhamaki.fi
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
	Text Domain: html5blank
*/


html {
}

body {
	font-family: 'Raleway', sans-serif;
	/* background: url(img/bg.jpg) fixed; */
	background-size: cover;
	color:#2b2b2b;
}


/* /////////// BASIC BUTTONS /////////// */


.round-button, 
.round-button-invert {
	display:inline-block;
	padding: 8px 25px;
	font-weight:bold;
	text-transform: uppercase;
	border-radius: 30px;
	
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
	
}
	
.round-button {
	border: 1px solid #527e6f;
	color: #333;
	font-weight:bold;
	} 
	
.round-button:hover {
	background: #527e6f;
	color: #fff;
	text-decoration:none;
	}   
	  
.round-button-invert {
	color: #333;
	background: #fff;
	}

.round-button-invert:hover {
	color: #527e6f;
	background: #fff;
	text-decoration:none;
	}  


/* /////////// LOGO HEADER STYLES /////////// */

.helper-nav {
	background: #fff;
	overflow:hidden;
	width:100%;
}

.helper-nav .row
 {
	margin:0 auto;
	padding: 0;
	background: transparent;
}


#menu-helper-menu li{
	float:right;
	margin: 0 5px;
	}
	
#menu-helper-menu li a{
	display:block;
	text-decoration:none;
	padding: 10px 10px;
	color:#2b2b2b;
	font-size: 0.9em;
	font-weight: bold;
	}
	
#menu-helper-menu li a:hover{
	text-decoration:underline;
	}	

#menu-helper-menu li:nth-child(1) a {
	background: #e9ab6b;
	color:#fff;
	font-weight:bold;
	}		

#logo-header {
border: 1px 0 1px 0 solid #eee;
}

#logo-header .row {
    height: 220px;
    position:relative;
    background:transparent;
    margin:0 auto;
    padding:0;
}

.site-logo {
	display:block;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
		
	max-height: 200px;
	left:0;
	right:0;
		
	margin: 0 auto;
		
	z-index: 9999;
		

	}
	


.language-menu {
	position:absolute;
	right:15px;
	bottom:0;
}

.language-menu a {
	color:#333;
	display:inline-block;
	margin: 5px 0;
	margin-right:-3px;
	font-weight: 400;
}


.language-menu a:after {
	content: "|";
	padding: 0 5px;
}

.language-menu a:last-child:after {
	display:none;
}

@media all and (max-width:1020px){
	
	.helper-nav .row {
		margin:0 auto;
		padding: 0;
		background: transparent;
	}

	#menu-helper-menu li{
		float:right;
		margin: 0 5px;
		}
		
	#menu-helper-menu li a{
		font-size: 0.8em;
		display:block;
		text-decoration:none;
		padding: 10px 5px;
		}

}	


@media all and (max-width:480px){
	
	#menu-helper-menu li{
		float:left;
		width:49%;
		text-align:center;
		margin: 0;
	}	
		


	#menu-helper-menu li a{
		padding: 5px 0;
		}	

}		
	

/* /////////// FRONTPAGE LATEST ENTRIES STYLES  /////////// */	


	
#latest-entries .col-4 {
	height:400px;
	border-right: 5px solid #fff;
	}
	
#latest-entries .col-4:nth-child(3) {
	border-right: 0;
	}

#latest-entries .col {
	padding:0;
}
	
#latest-entries h2 {

	letter-spacing: -1px;
	font-size: 2.2em;
	line-height:1.2em;
	color: #fff;
}

.entry-dark-overlay {
	position:absolute;
	width:100%;
	height:100%;
	background: rgba(0,0,0, .5);
	}
}


.new-hero {
	
}

.new-hero .image-container {
	height: 400px;
	background-size:cover;
	background-position-y: center;
}

.new-hero .text-container {
	position:relative;
	padding-left:40px!important;
	height:400px;
	background:#fff;
}

.new-hero .text-container-content {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
}

#latest-entries .text-container h2 {
	color:#333;
}


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

#latest-entries .col-4 {
	height:300px;
	border-right: 0;
	border-bottom: 4px solid #fff;
	}
	
#latest-entries .col-4:nth-child(3) {
	border: 0;
	}	
	
#latest-entries h2 {
	font-size: 2.2em;
}	


}



/* ////////// SIDEBAR STYLES ////////// */

.aside-container {
	border-top: 1px solid #eee;
}


.sidebar-right h3 {
	text-transform:uppercase;
	font-size: 1.1em;
	margin: 15px 0;
}

.sidebar-right ul {
	list-style:none;
	margin-left: 0;
}

.sidebar-right li {
	margin: 10px 0;
}

.divider {
	display:block;
	height: 1px;
	margin: 20px 0;
	background: #eee;
	width:100%;
}



/* ////////// LOOP ENTRY CARD STYLES ////////// */

.entry-card-wide {
	border-top: 1px solid #eee;
	margin-top: 20px;
}

.entry-card img{
	min-width: 100%;
}

.entry-card h3{
	margin: 15px 0 5px 0;
}

.entry-card p{
	font-size: 1em;
	margin: 10px 0;
}

.date {
	padding: 8px 0;
	color: #333;

}

.entry-card .category a {
	color: #527e6f;
	text-decoration:none;
}

/* ////////// SINGLE POST STYLES ////////// */	

.content-area-narrow {
	width: 80%;
	margin:0 auto;
	margin-top: 5vh;
	}

.single-post .content-area p {
	line-height: 1.7em;
}

.single-post .wp-post-image {
	margin-bottom: 20px;
}

.tags a,
.categories a {
	display:inline-block;
	background: #eee;
	padding: 5px 15px;
	text-decoration:none;
	margin: 5px 0;
}

h2.readmore {
	
	margin: 0;
}


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

.content-area-narrow {
	width: 90%;
	margin:0 auto;
	margin-top: 2vh;
	}

}


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

.content-area-narrow {
	width: 100%;
	margin:0 auto;
	margin-top: 0;
	}

}



/* ////////// FOOTER //////////// */

.stm-logo {
width:90px;
margin-top: 20px;}

/* ////////// SHARE SSBA ////////// */	

.ssba-wrap {
	padding: 25px 0;
	border-top: 1px solid #eee!important;
	border-bottom: 1px solid #eee!important;
}


/* SLICK */
.slick-dots {
	bottom:-20px!important;
}

.slick-dots li button:before{
	color: #ccc!important ;
}

.slick-dots li.slick-active button:before {
	color: black!important ;
}

@media all and (max-width:767px){
.new-hero .image-container {
background-position:center center;
height:250px;}}