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

	Theme Name: Fukasawa-pppoleka
	Theme URI: 
	Version: 1.0
	Description: A theme for Poleka website, based on Anders Norén's Fukasawa theme.
	Author: Pierre Pierre Pierre
	Author URI: 
	Template: fukasawa
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------
 */
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);

body {
	background: none repeat scroll 0% 0% #FFF;
	font-family: 'EB Garamond', serif;
}

body a {
	color:#999;
}

body a:hover, body a:focus {
	color:#333;
}

.blog-title a {
    text-transform: capitalize;
    border: 0px none;
}

.sidebar {
	left:100px;
	font-size:0.7em;
}

.wrapper {
	margin-left:380px;
	max-width:1200px;
}

.main-menu li {
    text-transform: lowercase;
    margin-top:0.2em;
    font-weight:100;
}

.main-menu .current-menu-item:before, .main-menu .current_page_item:before {
    content: "";
}

.main-menu:before, .widgets:before, .widget + .widget:before, .credits:before {
    background: none repeat scroll 0% 0% #ffffff;
}

.post-title .visual-title, .child-title > .visual-title {
	font-size: 0.6em;
}


.post-header > .post-title {
	margin-bottom:0.7em;
	font-size: 1em;
}

body.tax-gallery .post-title {
	font-size:1em;
}

.posts .featured-media + .post-header {
    margin-top: 0px;
}

.posts .post-container {
    width: 25%;
}

.posts .post-container.video {
    width: 100%;
}

.post-contain {
	width:100%;
}

.child-grid {
	max-width:100%;
	height:auto;
	overflow: hidden;
}

.child-item {
    position:relative;

}


.posts p, .post-content p{
	font-size: 0.8em;
	line-height:1.2em;
}

/*
.child-grid .child-item:nth-child(3n) {
	margin-right:0em;
	#clear:left;
}

.child-item img{
	width:100%;
	height:auto;
	z-index:-1;
	
}
*/

.child-title {
	position :absolute;
	text-align:center;
	height:100%;
	width:100%;
	opacity:0;
	background-color:rgba(0, 0, 0, 0.7);
	top:0px;
	transition: opacity 1s ease;
	padding:5px;
}

.child-item:hover .child-title, .child-item:focus .child-title {
	display:block;
	opacity:1;
	transition: opacity 1s ease;
	
}

.child-title a{
	text-align:center;
	margin:auto;
	display: block;
	padding-top:calc(50% - 0.5em);
	height:100%;
	width:100%;
}

.post-inner {
	width: 90%;
}

.child-title .post-title, .child-title .post-title a:hover {
	color:#fff;
	font-size: 0.95em;
	font-weight: 100;
}

.boutonpanier {
	display:inline-block;
	border: dotted #999;
	border-width: 3px 0px;
	margin-top:10px;
	padding:5px;
	font-size: 0.8em;
	vertical-align:middle;
}
.boutonpanier img {
	float:left;
	vertical-align:middle;
}

.boutonpanier a {
	opacity:0.6;
}

.boutonpanier a:hover, .boutonpanier a:focus {
	opacity:1;
}

img.alignleft, .alignleft img, img.aligncenter, .aligncenter img, img.alignright, .alignright img, img.alignnone, .alignnone img {
    border: 0px #fff;
}

/**************** SIDEBAR **********************************/

	
.menu-item {
	max-height:1.2em;
	overflow:hidden;
	transition: max-height 1s ease-in;
}
	
.menu-item:hover, .menu-item:focus{
	max-height:15em;
	transition: 1s max-height 0.3s;
}

.sub-menu li {
	line-height: 1.2em;
}


/* ************** MASONRY CUSTOM ********************** */

.post-overlay {
	background: none repeat scroll 0% 0% rgba(17, 17, 17, 0.8);
}

.posts .format-standard .featured-media:hover img, .posts .format-image .featured-media:hover img {
    transform: scale(1);
}

/* ****************GALLERIES********** */
.gallery .img {
	border: 0 #FFFFFF !important;
}
.entry-content img {
	border: 0 !important;
}

.gallery-item {
    padding:0 20px;
}

#nextLink {
	background:right center;
	
}
#prevLink {
    background: left center;
   }
   
body.archive .visual .post-title {
	margin-top: 5px;
}

.dashicons-edit {
	display: inline-block;
	font-size:0.7em;
	margin-top:5px;
	width: auto;
	float: right;
}


body.single-visual .dashicons-edit {
	float:left;
}
/* -------------------------------------------------------------------------------- */
/*	13. Responsive
/* -------------------------------------------------------------------------------- */


@media (max-width: 1200px) {


	/* structure */
	
	.section { padding: 60px 0; }
	
	.medium-padding { padding: 45px 0; }
	.small-padding { padding: 30px 0; }
	.no-padding { padding: 0; }
	
	/* blog */
	
	.posts .post-container { width: 33.3%; }
	
			
}


@media ( max-width: 1000px ) {
	
	
	/* structure */
	
	.wrapper { margin-left: 0; }
	
	.sidebar { 
		width: 100%;
		padding: 30px 5%;
		margin: 0;
		border-bottom: 1px solid #ddd;
		background: #fff;
		font-size: 1em;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.sidebar:before { content: none; }
	
	.content,
	.content.thin { 
		max-width: 90%; 
		margin: 5% auto;
	}

	/* sidebar */
	
	.main-menu,
	.widgets,
	.credits {
		display: none;
	}

	
	.blog-title { margin-right: 120px; }
	
	/* mobile menu */
	
	.mobile-navigation { background: #2d2d2d; }
	
	.mobile-menu { 
		padding: 7.5% 5%; 
		font-size: 0.8em;
	}
	
	.mobile-menu li { 
		display: block; 
		margin-top: 25px;
		font-weight: 700;
		line-height: 120%;
		text-transform: uppercase;
		letter-spacing: 1px;
		position: relative;
	}
	
	.mobile-menu > li:first-child { margin-top: 0; }
	
	.mobile-menu ul { margin-left: 25px; }
	
	.mobile-menu a { color: #999; }
		
	.mobile-menu > .current-menu-item > a,
	.mobile-menu > .current_page_item > a { 
		color: #fff;
	}
	
	.mobile-menu .current-menu-item:before,
	.mobile-menu .current_page_item:before {
		content: '\f405';
		display: block;
		font: 16px/1 "Genericons";
		color: #019EBD;
		position: absolute;
		left: -19px;
		top: 2px;
	}
	
	.mobile-menu a:hover { color: #fff; }
		
	/* nav toggle */
	
	.nav-toggle { 
		display: block;
		padding: 12px 12px 10px; 
		border-radius: 3px;
		position: absolute;
		top: 50%;
		margin-top: -16px;
		right: 5%;
	}
	
	.nav-toggle .bars {
		height: 10px;
		width: 15px;
		float: right;
		position: relative;
		margin-top: -1px;
	}
	
	.nav-toggle .bar {
		width: 15px;
		height: 2px;
		background: #767676;
		border-radius: 2px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.nav-toggle .bar:nth-child(2) { top: 4px; }
	.nav-toggle .bar:nth-child(3) { top: 8px; }
	
	.nav-toggle p {
		font-size: 13px;
		line-height: 10px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: right;
		color: #767676;
		float: right;
		margin-right: 8px;
		position: relative;
		top: -1px;
	}
	
	.nav-toggle .close { display: none; }
	
	.nav-toggle:hover { cursor: pointer; }
	
	.nav-toggle.active { background: #019EBD; } 
	.nav-toggle.active p { color: #fff; } 
	
	.nav-toggle.active .bar { background: #fff; }
	
	.nav-toggle.active .bar:nth-child(1),
	.nav-toggle.active .bar:nth-child(3) { top: 4px; }
	
	.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
	
	.nav-toggle.active .bar:nth-child(1) {
		transform: rotate(45deg); 
		-moz-transform: rotate(45deg);  
		-webkit-transform: rotate(45deg); 
	}
	
	.nav-toggle.active .bar:nth-child(3) { 
		transform: rotate(-45deg); 
		-moz-transform: rotate(-45deg);  
		-webkit-transform: rotate(-45deg); 
	}
	
	.nav-toggle.active .menu { display: none; }
	.nav-toggle.active .close { display: block; }
	
	
	/* blog */
	
	.posts .post-container { width: 25%; }
	
	
}


@media (max-width: 800px) {
	
	
	/* single post */
	
	.post-navigation a { height: 100px; }
	
		/* blog */
	
	.posts .post-container { width: 33.3%; }
}

@media (max-width: 600px) {
	
	
	/* single post */
	
	.post-navigation a { height: 100px; }
	
		/* blog */
	
	.posts .post-container { 
		width: 50%; 
		padding:10px;
	}
	.posts .post-container + .post-container {
 	   margin-top: 0px;
	}
}

@media (max-width: 420px) {


	/* sidebar */
	
	.sidebar { padding: 20px 5%; }
	
	.blog-title a {
		padding: 5px 7px 5px 9px;
		font-size: 16px;
		letter-spacing: 2px;
	}
	
	/* blog */
	
	.posts .post-container { 
		width: 100%; 
		padding: 0;
		max-width:240px;
		margin-left:calc(50% - 120px);
	}
	
	.posts .post-container + .post-container { margin-top: 20px; }
	
	.load-container { margin-top: 30px; }
	
	
	/* single post */
	
	.post.single .post-inner { padding-top: 30px; }
	
	.post.single .post-title {
		font-size: 1.75em;
		margin-bottom: 20px;
	}
	
	body.single-post .content.thin,
	body.page .content.thin,
	body.single-attachment .content.thin { 
		margin: 0; 
		max-width: 100%;
	}
	
	.post-navigation { padding: 0 3%; }
		
	/* post content */
	
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin: 40px 0 20px; }
	
	.post-content h1 { font-size: 1.75em; }
	.post-content h2 { font-size: 1.5em; }
	.post-content h3 { font-size: 1.25em; }
	.post-content h4 { font-size: 1.1em; }
	.post-content h5 { font-size: 1em; }
	.post-content h6 { font-size: 0.85em; }
	
	.post-content blockquote { 
		padding: 0 60px 0 0; 
		margin: 1.5em 0;
	}
	
	.post-content blockquote:before {
		font-size: 48px;
		width: 56px;
		height: 56px;
		top: -2px;
		right: -11px;
	}
	
	.post-content blockquote p { 
		font-size: 1.05em;
		line-height: 150%;
	}
	
	.post-content blockquote cite { font-size: 0.8rem; }
	
	.post-content hr { margin: 2em 0; }
	
	.post-content .alignleft,
	.post-content .alignleft img,
	.post-content .alignright,
	.post-content .alignright img {
		max-width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* comments */
	
	.comments-title, 
	.comment-reply-title {
		font-size: 1.25em;
	}
	
	#cancel-comment-reply-link { font-size: 0.85rem; }
	
	.comment-actions .fleft,
	.comment-actions .fright {
		float: none;
	}
	
	.comment-awaiting-moderation { margin-bottom: 15px; }
	
	.comments-nav { padding: 18px 0; }
	
	.comments-nav span { display: none; }
	
	/* respond */
	
	.comment-form { margin-top: 30px; }
	
	.comment-form p { margin-top: 20px; }
	
	.comment-form p:first-child { margin-top: 0; }
	
	p.comment-form-author, 
	p.comment-form-email {
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	
	.comment-form textarea { height: 180px; }
		
	/* pagination */
	
	.page-title { padding-bottom: 20px; }
	
	.page-title h4 { 
		font-size: 0.8em;
		margin: 0;
	}


}

@media (max-width: 400px) {
	
	
	/* navigation */
	
	.mobile-menu li { margin-top: 20px; }
	.mobile-menu ul { margin-left: 20px; }
	
	.mobile-menu .current-menu-item:before,
	.mobile-menu .current_page_item:before {
		left: -16px;
	}
	
	/* blog */

	.posts .post { width: 100%; }
	
	/* single post */
	
	.post-navigation { padding: 15px; }
	
	.post-navigation a {
		max-height: 80px; 
		width: 100%;
		margin: 0;
		float: none !important;
	}
	
	.post-navigation a + a { margin-top: 15px; }
	
	.post-meta-bottom ul li {
		float: none;
		display: block;
		margin: 0;
	}
	
	.post-meta-bottom ul li + li { margin-top: 8px; }
	
	/* post formats */
	
	.post.single .flex-direction-nav { margin-top: -16px; }

	.post.single .flex-direction-nav a {
		width: 32px;
		height: 32px;
	}
	
	.post.single .flex-direction-nav li:nth-child(1) a { margin-left: -32px; }
	.post.single .flex-direction-nav li:nth-child(2) a { margin-right: -32px; }
	
	.post.single .flexslider:hover .flex-direction-nav a {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* post content */
	
	.post-content fieldset { padding: 15px; }
	
	/* pagination */
	
	.archive-nav { margin: 30px 0 25px; }

		
}

@media (max-width: 280px) {

	/* blog */
	
	.posts .post-container { 
		margin-left:0;
	}
	
}