/*
Template Name: Kavakava
Author: Ranno Ait
*/

/*	MAIN
**	- - - - - - - - - - - - - - - - - -	*/

@import url(normalize.css);

*,
*:after,
*:before { 
	box-sizing:				border-box; 
	-moz-box-sizing:		border-box; 
	-webkit-box-sizing:		border-box;
	font-smoothing:			antialiased;
	text-rendering:			optimizeLegibility;		
	-webkit-font-smoothing:	antialiased;
}

body {
	font-family: 'Cousine', Courier, monospace;
	font-size: .95em;
	word-spacing: -1px;
	line-height: 1.45em;
	color: #101010;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* IE8*/
/*	.lt-ie7 img,
	.lt-ie8 img,
	.lt-ie9 img {
		width: 100% !important;
	}*/

hr {
	background-color: #000;
	color: #000;
	border: none;
	height: 1px;
}

.float-left,
.work-wrapper a {
	float: left;
}

.float-right {
	float: right;
}

/*	- - - - - - - - - - - - - - - - - - */


/*	TYPOGRAPHY
**	- - - - - - - - - - - - - - - - - -	*/

h1,
h2 {
	text-transform: uppercase;
	padding: 0 0 .5em 0;
	margin: 0 0 2em 0;
	border-bottom: 1px solid #000;
}

figcaption {
	margin-top: 0.5em;
}

.wp-caption {
	width: 80%;
}

.underline {
	border-bottom: 2px dashed #2d30f0;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/*	- - - - - - - - - - - - - - - - - - */


/*	LINKS
**	- - - - - - - - - - - - - - - - - -	*/

a { 
	/*color: #2d30f0;*/
	color: #000;
	text-decoration: none; 
}

.in-active,
.news li a {
	display: block;
	padding: .5em 0 .2em 0;
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap; 
}

.load-more a,
.more-news a {
	text-transform: uppercase;
}

address a,
.lang-item a,
.single-news a,
.address-list a,
.news li a:hover,
.project-about a {
	background-color: #e4f3ff;
}

address a:hover,
.main-nav a:hover,
/*.current_page_item,*/
.single-news a:hover,
.address-list a:hover,
.project-about a:hover {
	border-bottom: 1px solid #000;
}

.logo a:hover,
.work-wrapper a:hover {
	border: 0;
}

/* Inactive project */
.in-active {
	color: #5c6367;
}

/*	- - - - - - - - - - - - - - - - - - */


/*	LAYOUT
**	- - - - - - - - - - - - - - - - - -	*/

.container {
	max-width: 1440px;
	padding: 1.7em 3em;
	width: 100%;
	margin: 0 auto;
}

.main-header {
	margin: 0 0 3em 0;
}

	.main-nav li {
		display: inline;
		margin: 0 1em 0 0em;
	}

	.work-wrapper a {
		position: relative;
		width: 40%;
		overflow: hidden;
		margin: 0 0 10% 0;
/*		z-index: 10;
*/	}

	.work-wrapper a img {
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
	}

/*	.landscape .work-wrapper a img {
		height: 100%;
	}*/

		/* Work overlay */
		.overlay {
/*			position: absolute;
			bottom: 0;
			top: 0;*/
/*			width: 100%;
*/			display: none;
		}

/*		.work a:hover .work-overlay {
			display: block;
		}*/

		.work-wrapper a.odd {
			margin-right: 15%;
			clear: left;
		}

.news li {
	border-bottom: 1px solid #000;
}

	.news li:last-child {
		border-bottom: 0;
	}

.news span {
	margin: 0 1.2em 0 0;
}

.post {
	margin-bottom: 10em;
}

	.post-nav {
		margin-top: 2em;
	}

.meta-info,
.load-more,
.more-news {
	margin: 2em 0 0 0;
}

.col-full {
	width: 100%;
}	

.col-left {
	width: 65%;
}

.col-right {
	width: 30%;
}

.project figure:first-of-type {
	margin-top: 0;
}

.project figure {
	margin-top: 3em;
}

/*	.ie7 .project figure img,
	.ie8 .project figure img {
		width: 100%;
	}*/

.project figure img,
.single-news figure img {
	margin: 0 auto;
}

.main-nav {	
	margin: 0 0 0 0; 
	background-color: #fff; 
}

.single-news figure {
	width: 80%;
	margin: 0 auto 2em auto;
}

/*	- - - - - - - - - - - - - - - - - -	*/


/*	LOADER
**	- - - - - - - - - - - - - - - - - -	*/

#infscr-loading {
	position: fixed;
	top: 45%;
	left: 50%;
	width: 24px;
	height: 24px;
}

/*	- - - - - - - - - - - - - - - - - -	*/


/*	MEDIA QUERIES
**	- - - - - - - - - - - - - - - - - -	*/

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

	.main-nav li {
		margin: 0 .4em 0 0em;
	}

}

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


	.main-nav li {
		margin: 0 0 0 0;
	}


	body {
		font-size: .85em;
	}

}

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

	.container {
		padding: 1.5em;
	}

	.col-left,
	.col-right,
	.main-header,
	.single-news figure {
		width: 100%;
		display: block;
	}

	.main-header {
		text-align: center;
	}

	.float-left,
	.float-right {
		float: none;
	}

	.logo a img {
		margin: 0 auto;
	}

	.news,
	.main-nav,
	.project-about {
		margin-top: 2em;
	}

	.work-wrapper a {
		display: block;
		position: inherit;
		margin-bottom: 2em;
		width: 100%;

	}

	.work-wrapper a img {
		width: 50%;
	}

	.mobile-hide {
		display: none;
	}

	.mobile-left {
		float: left !important;
	}

	.mobile-right {
		float: right !important;
	}

	.mobile-clear {
		clear: both;
		float: left;
	}
	

}

/*	- - - - - - - - - - - - - - - - - - */