/*
Theme Name:         Barbotine
Version:            0.1
Author:             Yves Saint-Lary
Author URI:         http://ysaintlary.com/

License:            Creative Commons
License URI:        http://creativecommons.org/licenses/by-sa/3.0/fr/
*/

body{
	color:#444444;
	background-color: #fff;
	font-size:16px;
	line-height: 1.4;
}

body, h1, h2, h3, h4, h5, h6, p {
  font-family: 'Tillana', cursive;
  text-rendering: optimizeSpeed;
}
h1{
	font-weight:normal;
	line-height:1;
	font-size:2em;
	margin-bottom:0.75em !important;
	color:#c45b1b;
}

h2{
	font-size: 1.5em;

}

hr{
	margin:2em 0;
}

dl, ol, p, ul {
    line-height: 1.4;
}

a{color:#666; text-decoration:underline;}
a:hover{color:#111;}

h1 a{color:#c45b1b;text-decoration:none;}

header a{color:#444;text-decoration:none;}
header a:hover{color:#111;}

::selection {	background-color: #0033cc;color:#fff;}
::-moz-selection {	background-color: #0033cc;color:#fff;}

/***********************************************************/


li.current-menu-item a{
	text-decoration: underline;
}

article{margin-bottom:12em;}
article h2{margin-bottom:1em;}


.category article{
	margin-bottom:2em;
	}
.category article h1, .category p{
    border-bottom: 1px solid #cacaca;
    padding-bottom:1em;
	}

header{margin-bottom:6em;}
.site-name{border-bottom:1px solid #444;}
.site-name a{display:block;padding:0.7em 0em;font-weight: 700;}

main{
	min-height:60em;
}

.gallery img{
	border:none !important;}

.gallery .gallery-item{
	display:inline-block;
	float:none !important;
	vertical-align: top;
	margin-top:0% !important;
	text-align: left !important;}

.gallery .gallery-icon{
	margin-bottom:0% !important;
	overflow:hidden;}

.gallery .gallery-icon .responsove_lightbox,
.gallery .gallery-icon .responsove_lightbox img{
	max-width:100%;
	height:auto;
}

.gallery .wp-caption-text{
	padding-top:0.5em;}


ul.menu{list-style-type:none; padding-left:0 !important; margin-left:0 !important; display:flex; justify-content: flex-start;}
ul.menu li {padding-right:1.5em !important; padding-left:0 !important; margin-left:0 !important;}
ul.menu li a {padding-left :0 !important;}

@media only screen and (min-width: 60em) {
	html{margin:0 3em;}
	body{
		margin:3em auto;
		max-width:65em;
	}
	.gallery .gallery-item{
		width:26.65% !important;
		margin-right:10%;
		margin-bottom:10% !important;}

	.gallery .gallery-item:nth-child(3n+0){
		margin-right:0;}
}

@media only screen and (max-width: 60em) {
	body{
		margin:2em;}

	ul.menu li {padding-right:0.75em !important;

	.gallery .gallery-item{
		width:45% !important;
		margin-right:10%;
		margin-bottom:10% !important;
		text-align: center !important;}

	.gallery .gallery-item:nth-child(2n+0){
		margin-right:0;}

	iframe{
		max-width:100%;
	}
}

@media only screen and (max-width: 25em) {

	.gallery .gallery-item{
		width:100% !important;
		margin-right:0% !important;}

}