/*
Theme Name:     Userland (Twenty Fifteen Child)
Theme URI:      http://userland.fr/
Description:    Child theme for the Twenty Eleven theme 
Author:         Goulven Champenois
Author URI:     http://userland.fr/
Template:       twentyfifteen
Version:        0.1.0
*/
/*
Dégradé bleu nuit
	background: #222572;
	background: -webkit-linear-gradient(#222572, #1c1447);
	background: -moz-linear-gradient(#222572, #1c1447);
	background: -ms-linear-gradient(#222572, #1c1447);
	background: -o-linear-gradient(#222572, #1c1447);
	background: linear-gradient(#222572, #1c1447);	
*/
html { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; line-height: 1.3; color: #fefefe; margin: 0; padding: 10px; -webkit-tab-size: 3; -moz-tab-size: 3; tab-size: 3; background: #444444; }

body { font-size: 16px; font-size: 1.6rem; max-width: 46em; margin: 0 auto; padding: .5em; background: #444444; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.3; }

a:link, a:visited { color: #66bbff; text-shadow: 0 0 0 #000; }
a:visited { border-bottom: 1px dotted; }
a:focus, a:hover { outline: 0; text-decoration: none; }
a:focus { text-shadow: 0 0 1em #fff; }

a, input, select, textarea, .attachment-post-thumbnail-wrapper::after { -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; }

h1, h2, h3, h4, h5, h6 { color: #fefefe; font-weight: normal; text-shadow: 0 1px 2px #222; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin: 1em 0 0; }

h1 + h2, h2 + h3, h3 + h4 { margin-top: .5em; }

h1 { font-size: 25px; font-size: 2.5rem; margin-top: 0; margin-bottom: .05em; }

h2 { font-size: 25px; font-size: 2.5rem; font-variant: small-caps; }

h3 { font-size: 20px; font-size: 2rem; }

h4 { color: #ddd; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

p { padding: 0; margin: .25em 0 1em; }

ul, ol { padding: 0; margin: .25em 0 1em 1em; }

ul { list-style: disc; }

ol { margin-left: 1.5em; }

li { margin: .5em 0; }

img { display: block; margin: .5em auto; }

.wp-smiley { display: inline; margin: 0; }

.attachment-post-thumbnail { max-width: 100%; height: auto; box-shadow: 0 0 1em #222; border-radius: .5em; }

.attachment-post-thumbnail { max-width: 100%; height: auto; box-shadow: 0 0 1em #222; }

.attachment-post-thumbnail-wrapper { position: relative; border-radius: .5em; margin-bottom: 1em; }

.attachment-post-thumbnail-wrapper::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; z-index: 2; opacity: 1; pointer-events: none; /* "all" disables mouse access to image */ background-image: -webkit-radial-gradient(circle, transparent, rgba(0, 0, 0, 0.5)); background-image: -moz-radial-gradient(circle, transparent, rgba(0, 0, 0, 0.5)); background-image: -ms-radial-gradient(circle, transparent, rgba(0, 0, 0, 0.5)); background-image: -o-radial-gradient(circle, transparent, rgba(0, 0, 0, 0.5)); background-image: radial-gradient(circle, transparent, rgba(0, 0, 0, 0.5)); background-size: contain; }

.attachment-post-thumbnail-wrapper:hover::after { opacity: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; font-weight: bold; display: block; margin-bottom: 5px; }

legend { border: 0; padding: 0; }

select, textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { border: none; border-radius: .35em; box-shadow: inset 0 0 1em #444444; margin-bottom: 1em; padding: .3em; width: 99%; background: #ddd; }

textarea { background: #ddd; background: -webkit-linear-gradient(#eeeeee, #bbbbbb); background: -moz-linear-gradient(#eeeeee, #bbbbbb); background: -ms-linear-gradient(#eeeeee, #bbbbbb); background: -o-linear-gradient(#eeeeee, #bbbbbb); background: linear-gradient(#eeeeee, #bbbbbb); }

input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, select:focus, textarea:focus { background: #fff; }

input:focus, select:focus, textarea:focus { box-shadow: 0 0 1em #66bbff; }

blockquote { padding: .5em 2em .5em .5em; background: #222; box-shadow: inset 0 0 1em #444444; border-radius: .5em; position: relative; }

blockquote:before { content: '”'; color: #888888; text-shadow: -1px -1px #666666; font-style: italic; font-size: 100px; font-size: 10rem; position: absolute; right: 20px; top: 0; }

.twitter-tweet-rendered blockquote:before { display: none; }

code, pre { padding: 0 .2em; color: #66bbff; background: #333; }

pre { border: 1px solid #333; border-radius: .5em; box-shadow: inset 0 1em 1em #222; padding: .5em .2em; overflow-x: auto; }

pre code { background: none; }

.site-title { margin: 0; }

.tagline { font-size: 80%; color: #aaa; }

.site-title a:link, .site-title a:visited { color: #fefefe; text-decoration: none; }

.site-title a:focus, .site-title a:hover { color: #66bbff; text-decoration: underline; }

.skiplinks, .assistive-text, .archive .page-title { position: absolute; left: -100%; width: 1px; height: 1px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.menu { list-style: none none; padding: 0; margin: 1em 0 .2em; }

.menu li { margin: 0; position: relative; }

.menu a { display: block; text-decoration: none; color: #fefefe; margin: 0 0 .5em; padding: .5em; border: 1px solid #222; border-radius: .25em; box-shadow: inset 0 0 .5em #222; }

.menu a:focus, .menu a:hover, .menu .current-page-item a, .menu .current-menu-item a, .menu .current-post-ancestor a, .menu .current-page-ancestor a { color: #fff; text-shadow: 1px 1px 2px #000; box-shadow: inset 0 0 1em #888888; background: #ddd; border-color: #222; }

.menu a:focus { text-decoration: underline; box-shadow: 0 0 1em #66bbff; }

.sub-menu { display: none; }

.post-thumbnail { margin: -1em -2em 0; }
.attachment-post-thumbnail { border-radius: 0; }

.post:after { content: ""; display: block; height: 1px; margin-bottom: 1em; background-image: -webkit-linear-gradient(left center, rgba(204, 204, 204, 0), #dddddd, rgba(204, 204, 204, 0)); background-image: -moz-linear-gradient(left center, rgba(204, 204, 204, 0), #dddddd, rgba(204, 204, 204, 0)); background-image: -ms-linear-gradient(left center, rgba(204, 204, 204, 0), #dddddd, rgba(204, 204, 204, 0)); background-image: -o-linear-gradient(left center, rgba(204, 204, 204, 0), #dddddd, rgba(204, 204, 204, 0)); background-image: linear-gradient(left center, rgba(204, 204, 204, 0), #dddddd, rgba(204, 204, 204, 0)); background-position: center bottom; background-repeat: no-repeat; }

#nav-single, .by-author, .archive .entry-meta, .entry-header .comments-link { display: none; }
.single .site-main .post-navigation { display: none; }

.entry-meta { text-align: right; color: #888888; margin: 1em 0; }

.site-generator { clear: both; text-align: center; padding: 1em 0 0; font-size: 12px; font-size: 1.2rem; }



/**
 * 14.2 Galleries
 */
.gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content:space-between; 
}

.gallery-item {
	-webkit-flex: 0 1 150px; 
	flex: 0 1 150px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 .5em;
}
.gallery-caption {
  text-align: center;
  font-style: italic;
}


@media print { html, body { color: #444; background: #fff; margin: 0; padding: 0; }
  ul, ol { margin-left: 0; }
  li { margin-left: 1em; }
  blockquote, pre { color: #555; background: #fff; border-left: .25em solid #222; padding-left: .25em; }
  pre { page-break-inside: avoid; white-space: pre-wrap; word-wrap: break-word; }
  a:link, a:visited { color: #000; }
  .entry-content a:link:after, .entry-content a:visited:after { content: " (" attr(href) ") "; }
  .header, .footer, #nav-single, form, .wpcf7, .comments-link, .reply, #reply-title { display: none; }
  h1, h2, h3, h4 { text-shadow: none; margin-bottom: 0; }
  .entry-meta { margin-top: 0; font-style: italic; } }
@media screen and (min-width: 320px) and (max-width: 500px) { .menu li { float: left; width: 48%; }
  .menu li:nth-child(odd) { margin-right: 4%; } }
@media screen and (min-width: 501px) { body { padding: .5em; }
  h1, .site-title { font-size: 40px; font-size: 4rem; }
  .menu li { float: left; width: 23%; margin-right: 2%; }
  .menu li:last-child { width: 25%; margin-right: 0; }
  #main { clear: both; padding-top: 1em; } }
@media screen and (min-width: 650px) { 
  select, textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { max-width: 600px; } }
@media screen and (min-width: 820px) { html { background: #444444 none repeat-x left top; background-image: -webkit-linear-gradient(#dddddd, #444444); background-image: -moz-linear-gradient(#dddddd, #444444); background-image: -ms-linear-gradient(#dddddd, #444444); background-image: -o-linear-gradient(#dddddd, #444444); background-image: linear-gradient(#dddddd, #444444); }
  body { margin-bottom: 2em; padding: .5em 2em; box-shadow: inset 0 0 5px #222, 0 0 1em #222; border-radius: 0 0 .5em .5em; }
  ul, ol { margin-left: 0; } }