/*
Theme Name: Omega lapsiteema
Template: omega
*/

/*Developer: Joonas Haukka 23.05.2015*/
 
@import url("../omega/style.css"); 
@import url("css/berry.css");

/*Body*/
body {
	font-family: 'Playfair Display', serif;
	color: #777;
	font-size: 17px;
	}
	
b, strong {color: #414141;}

/*Header*/
.site-header, .nav-primary {background-color: #222222;}
.site-header > .wrap {padding: 50px 0px 0px 0px;}
.site-description {display: none;}
.title-area {padding: 16px 0px 0px 0px;}
.site-title {margin: 0px;}

.menu > li > a {color: #ccc;}
.menu > li > a:hover {color: #fff; text-decoration: underline;}
.menu > li.current_page_item > a {color: #fff; text-decoration: underline;}

/*.flags {position: absolute; list-style: none; right: 0px; top: 60px;}
.flags li {float: left; margin-left: 8px;}
.wrap {position: relative;}*/
li.lang-item a {padding: 28px 2px;}

/*Content*/
.entry-wrap {text-align: center;}
.sidebar-primary {display: none;}
.content {width: 100%;}

.left-content, .right-content { width: 100%; float: left; margin-right: 4%; text-align: center; line-height: 30px; display: inline-block; margin-bottom: 30px;}
.last {margin-right: 0% !important;}
.left {text-align: left;}

.sitaatti {font-family: 'Montserrat', sans-serif; color: #202020; text-transform: uppercase; padding: 40px 30px; text-align: center; margin: 0 auto; font-size: 13px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; display: table; margin-bottom: 50px;}
.entry-wrap {text-align: left;}
.entry-title {text-align: center; margin-bottom: 45px;}

/*Palvelut*/
.col5 {width: 18%; margin-right: 2.5%; float:left; text-align: center; margin-bottom: 30px;}
.col5 i {font-size: 30px; margin-bottom: 20px; color: #414141;}

.col5 .title {font-family: 'Montserrat', sans-serif; color: #414141; font-size: 18px; margin-top:10px;}
.col5 .content-box {font-size: 14px; text-align: left; margin-top: 15px;}

/*Footer*/
#footer {background-color: #222222; color: #fff; padding-left: 5%; padding-right: 5%;}
.copyright {float: left;}
.contact {float: left; margin-left: 50px;}
.contact a {color: #ccc;}
.contact a:hover {color: #fff;}
.some {float: right;}
.some img {padding-left: 5px; opacity: 0.85; filter: alpha(opacity=85);}
.some img:hover {opacity: 1; filter: alpha(opacity=100);}


/*FONTS*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
	}
	
	
/*RESPONSIVE*/	
@media screen and (min-width: 620px)  {
	.left-content, .right-content {width: 48%;}
	}
@media screen and (max-width: 620px) {
	.copyright, .contact, .some {width: 100%; float: left; margin: 0em 0em 1em 0em; padding: 0px 25px;}
	.some {margin-top: 0.5em;}	
	}
	
@media screen and (max-width: 800px) { 
	.col5 {width: 100%; margin-right: 0%;}
}
@media only screen and (max-width: 1023px) {
	.menu-icon {border-top: 4px solid #fff; border-bottom: 4px solid #fff;}
	.menu-icon:before {border-top: 4px solid #fff;}
	
	ul.menu-primary a {border-bottom: 0px; padding: 0.5em 5%;}
	ul.menu-primary a:active {background-color: transparent;}
	.title-area {padding: 0px 0px 16px 0px;}
	.omega-nav-menu {padding-bottom: 1em;}	
}