/*
Theme Name: eglises
Theme URI: http://www.atlantic-multimedia.com/
Author: Tzvétan Vermand
Version: 1.0.0
Template: twentyfifteen  

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

eglises is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url("../twentyfifteen/style.css");

body {
	background: #e8e5e5 url("img/bg-eglises.png") repeat;
}
body:before {
		background-color: transparent;
		box-shadow: none;
}

.page-title { font-size: 100%; }
.entry-content h2 { font-size: 90%; }
.entry-title { font-size: 120%; text-transform: uppercase; }
p { font-size: 85%; }
.page-header {
		border-left: 7px solid #014699;
	}

.site-branding { background: #dbedf8; text-align: center; padding: 10px 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); }
#secondary { background: #f6f7f7; margin: 0 8%; padding: 8% 0 8% 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); }

.site-header { margin: 30px 8% 0 8%; padding: 0; background: none; border: none; }
.widget { padding: 0 8%; margin-bottom: 8%; }
.widget-title { margin-bottom: 3%; }
.main-navigation { margin: 0 8% 8% 8%; font-family: "Noto Sans", sans-serif; }
.main-navigation a { color: #014699; }
.main-navigation a:hover { background: #e2e4e4; }
.search-field { background: #e2e4e4; }

#breadcrumbs { margin: 0 3% 3%; font-size: 75%; font-family: "Noto Sans", sans-serif; }

.site-main { padding: 30px 0; }
.page-header, .entry-header, .site-info { padding: 3%; }
.page-header { margin: 0 3%; }
.entry-content { padding: 0 3% 3%; }
.hentry { margin: 0% 3% 0; overflow: hidden; }
.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		margin-top: 3%;
	}
.entry-content figure li { float: left; list-style: none; margin: 3% 0 0 3%; }

.archive .hentry, .search .hentry, .page-template-template-photos .hentry { min-height: 150px; padding-top: 0; }
.archive .entry-header, .archive .entry-content, .search .entry-header, .search .entry-content, .page-template-template-photos .entry-header { margin-left: 150px; padding: 1% 2%; }
.archive .monument figure, .search .monument figure { position: absolute; }
.archive .monument figure img, .search .monument figure img { width: 150px; }

.page-template-template-points-interet .tag-list { float: left; width: 100%; display: none; margin: 0; }
.page-template-template-points-interet .group-title { color: #014699; cursor: pointer; }
.morecontent { width: 100%; }
.moreellipses { float: ; margin-right: 10px; }
.morelink { font-size: 85%;  }


.page-template-template-photos div.hentry { padding: 0 3% 3% 0; }
figcaption { height: 70px; }
figcaption h2 { font-size: 65%; font-weight: normal; }
figcaption h3 { min-height: 2.7em; }
figcaption h2, figcaption h3 { padding: 3% 0% 0% 0%; line-height: 1.2em; }
.page-template-template-photos figure { float: left; margin: 3% 0 0 3%; width: 47%; box-shadow: none; }
.page-template-template-photos .entry-title { font-size: 65%; text-transform: uppercase; }

article.description.hentry .entry-content { padding: 3%; margin: 0; }

.post-thumbnail, .entry-title { margin-bottom: 0; }
h1.entry-title, h1.page-title { padding-top: 3%; font-size: 120%; text-transform: inherit; color: #014699; }

.single figure { overflow: hidden; padding: 0 3% 3% 0; }
.single figure li { width: 22%; }
.single .wp-post-image { float: right; }
.single header h2 { font-size: 150%; text-transform: uppercase; color: #014699; }
.single header h2, .single header h3, .single article header p { float: left; clear: left; margin: 0; }
.single article header p { color: #666; font-size: 80%; }
header h3 { font-weight: normal; }
.single figure h3 { font-family: "Noto Sans", sans-serif; font-size: 1em; margin: 0; padding: 20px 0 0 0; }
h1.entry-title, header h2, header h3, .single .entry-content h4, .single article header p, .page-template-template-photos .entry-title  { font-family: "Noto Sans", sans-serif; }
.entry-content h4 { color: #014699; }

.entry-content .eye { display: inline-block; width: 26px; height: 14px; background: url('img/eye.png') no-repeat; border-bottom: none; }
.entry-content .eye:hover { background-position: 0 -28px; }

/* Carte notice */
#map { position: absolute; z-index: -10; right: 0; top: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);  background: #FFF;}
#map a { position: absolute; top: 5px; right: 5px; padding: 0 10px; }
#map > div { padding: 10px 10px 10px 10px; }
#map > div, #map abbr { font-size: 0.8em; }
#map .geo { display: inline; }

.post-navigation { margin: 3% 3% 0; }
.site-footer { width: 66.5%; margin-left: 31.5%; }

#filter { overflow: hidden; margin: 1em 0 0; list-style: none; }
#filter li { float: left; padding: 0.5em 0.5em 0.5em 0; }
#filter select, #filter label { font-size: 0.8em; }

#plan-monument { margin: 8%; }
#plan-monument figure { padding: 0; font-size: 0.70em; text-align: center; }
#plan-monument img { border: 1px solid #eaeaea; }
/* Eléments de construction */
.elements { font-size: 85%; margin-bottom: 3%; }
.elements ul { list-style: none; display: inline; }
.elements .group-title { display: inline; font-family: "Noto Sans", sans-serif; font-weight: bold; }
.elements .group-title:before { content: "● "; }
.elements ul li { display: inline; }
.elements ul li:before { content: "— "; }
.elements ul li:first-child:before { content: ""; }
.elements a { border: none; }

/* Bibliographie*/
.bibliographie li, .notices li, .documents li, .internet li { list-style: inside; margin-bottom: 10px; font-size: 0.85em; }

.pagination { margin: 3% 3% 0; overflow: ; clear: both; }
.post-navigation .nav-previous, .post-navigation .nav-next { float: left; width: 50%; height: 150px; overflow: hidden; }
.post-navigation .nav-next { text-align: right; }
.post-navigation .post-title { font-size: 85%;  }
.post-navigation a { padding: 7.6922% 7.6923%; }

/* Carte */
.google-map { padding: 1%; }
.google-map .gmnoprint img, .google-map .gm-style img { max-width: none !important; }
@media screen and (min-width: 480px) {
	.single figure li, .page-template-template-photos figure { width: 30.33%; }
}
@media screen and (min-width: 760px) {
	.single figure li, .page-template-template-photos figure { width: 22%; }
}
@media screen and (min-width: 955px) {
	.single figure li, .page-template-template-photos figure { width: 30.333%; }
}
@media screen and (min-width: 1060px) { 
	.single figure li, .page-template-template-photos figure { width: 22%; }
 }

/* Chronologie */

/* Filtres navigation */
.show-grid, .show-list, .show-map { line-height: 100%; margin: 0 0 0 5px; }
.show-grid a, .show-grid span { display: inline-block; width: 21px; height: 21px; background: url("img/grid-list-sprite.png") no-repeat left top; }
.show-grid a:hover, .show-grid.active span { background-position: -31px 0; }
.show-list a, .show-list span { display: inline-block; width: 21px; height: 21px; background: url("img/grid-list-sprite.png") no-repeat left -31px; }
.show-list a:hover, .show-list.active span { background-position: -31px -31px; }
.show-map a, .show-map span { display: inline-block; width: 25px; height: 21px; background: url("img/grid-list-sprite.png") no-repeat left bottom; }
.show-map a:hover, .show-map.active span { background-position: -27px -62px; }

.secondary-toggle,
.secondary-toggle:hover,
.secondary-toggle:focus { background: #f6f7f7; right: 3%;}

@media screen and (min-width: 68.75em) {}
@media screen and (max-width: 59.6875em) {
	.site-header { margin: 0; padding: 3% 3% 0 3% }
	.secondary { margin: 0 0 0; padding: 3%; }
	#secondary { margin: 0 3%; }
	.site-footer { width: 94%; margin-left: 3%; }

}