/*
Theme Name: Esprits Nomades
Theme URI: https://www.espritsnomades.net/wp-content/themes/espritsnomades
Description: Thème Esprits Nomades
Author: WebArtMedia
Text Domain: espritsnomades
Version: 1.0.0
*/



/*
	************************************
	Chargement des polices Google™ Fonts
	************************************
*/	

	@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i|Vidaloka');



/*
	*****************************************
	Styles propres au thème “ESPRITS NOMADES”
	*****************************************
*/

/*
	Généralités
*/
	html, body {
		color: #000;
		line-height: 20px;
		margin: 0px;
		padding: 0px;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 14px;
		letter-spacing: .25px;
	}

	form {
		margin: 0px;
		padding: 0px;
	}

	h1, h3, h5,
	h2, h4, h6 {
		color: #cc4646;
		font-family: 'Vidaloka', serif;
		letter-spacing: .5px;
	}
	h1 {
		font-size: 38px;
	}
	h2,
	h3 {
		font-size: 23px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 16px;
	}

	a {
		line-height: 20px;
		font-weight: 500;
		text-decoration: none !important;
		outline: none !important;
		transition: all .25s;
	}
	a:link,
	a:visited {
		color: #334c66;
		border-bottom: 1px dotted #333366;
	}
	a:hover,
	a:active {
		color: #cc4646;
		border-bottom: transparent;
	}
	a[target="_blank"] {
		margin-right: 20px;
	}
	a[target="_blank"]::after {
		content: "\f504";
		position: absolute;
		margin-left: 4px;
		font-family: dashicons;
		font-weight: 400;
	}

	mark {
		position: relative;
		color: inherit;
		background: none;
	}
	mark::before {
		content: '';
		z-index: 0;
		position: absolute;
		display: block;
		background: #333366;
		width: 120%;
		height: 20px;
		line-height: 20px;
		right: -10%;
		top: -1px;
		opacity: .3;
		transform: rotate(-3deg);
	}

	h1 > mark::before {
		height: 40px;
		line-height: 40px;
	}
	h2 > mark::before {
		height: 30px;
		line-height: 30px;
	}
	h3 > mark::before {
		height: 25px;
		line-height: 25px;
	}

	strong {
		font-weight: 500;
	}

	abbr[title] {
		text-decoration: none;
	}

	[id^="esprits-"],
	[class^="esprits-"] {
		box-sizing: border-box;
	}

	/* Couleurs élémentaires */
	.esprits-color-low {
		color: #333366;
	}
	.esprits-color-middle {
		color: #282f38;
	}
	.esprits-color-high {
		color: #cc4646;
	}

	/* Flux et débordement */
	.esprits-clear::before,
	.esprits-clear::after {
		content: ' ';
		display: table;
	}
	.esprits-clear::after {
		clear: both;
	}

/*
	Page par défaut
*/
	body.category #esprits-page,
	body.single #esprits-page {
		background-image: url(https://www.espritsnomades.net/wp-content/themes/espritsnomades/images/esprits_background-alt.jpg);
	}
	body:not(.category):not(.single) #esprits-page {
		background-image: url(https://www.espritsnomades.net/wp-content/themes/espritsnomades/images/esprits_background.jpg);
	}
	#esprits-page {
		background-position: center top;
		background-repeat: repeat;
	}

/*
	Header
*/
	#esprits-header {
		position: relative;
		display: block;
		background-color: #000;
		background-image: url(https://www.espritsnomades.net/wp-content/themes/espritsnomades/images/esprits_header.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100vw;
		height: 100vh;
		line-height: 0;
	}

	/* Bannière */
	.esprits-header-banner {
		position: relative;
		display: block;
		background: rgba(255,255,255,.75);
		width: 100%;
		height: 100%;
		overflow: hidden;
		transition: all 2s ease-out;
	}

	/* Logo & Baseline */
	.esprits-header-banner .esprits-branding {
		position: relative;
		display: block;
		height: 100%;
		transition: inherit;
	}
	.esprits-header-banner .esprits-branding > div {
		position: absolute;
		display: block;
		width: 100%;
		text-align: center;
		transition: inherit;
	}
	.esprits-header-banner .esprits-branding-logo {
		bottom: 50%;
		font-family: 'Vidaloka', serif;
		font-size: 48px;
	}
	.esprits-header-banner .esprits-branding-logo > span {
		position: relative;
		display: inline-block;
	}
	.esprits-header-banner .esprits-branding-logo > span::before,
	.esprits-header-banner .esprits-branding-logo > span::after {
		position: absolute;
		background: #333366;
		width: 60px;
		height: 1px;
		line-height: 1px;
		top: 50%;
	}
	.esprits-header-banner .esprits-branding-logo > span::before {
		right: 100%;
		margin-right: 30px;
	}
	.esprits-header-banner .esprits-branding-logo > span::after {
		left: 100%;
		margin-left: 30px;
	}
	.esprits-header-banner .esprits-branding-baseline {
		top: 50%;
		font-size: 24px;
		text-transform: uppercase;
	}

	/* Crédits */
	.esprits-header-credits {
		position: absolute;
		display: inline-block;
		color: #333366;
		right: 15px;
		bottom: 15px;
		line-height: 15px;
		font-size: 13px;
		cursor: pointer;
		transition: all .3s;
	}
	.esprits-header-credits:hover {
		color: #cc4646;
	}

	/* Animation d’ouverture */
	.esprits-header-banner.esprits-opening-before {
		opacity: 0;
	}
	.esprits-header-banner.esprits-opening-before > div > .esprits-branding-logo {
		margin-bottom: -60vh;
	}
	.esprits-header-banner.esprits-opening-before > div > .esprits-branding-baseline {
		margin-top: 60vh;
	}
	.esprits-header-banner.esprits-opening-after {
		opacity: 1;
	}
	.esprits-header-banner.esprits-opening-after > div > div {
		margin-bottom: 0px;
	}

/*
	Footer
*/
	#esprits-footer {
		position: relative;
		display: inline-block;
		width: 100vw;
		margin-bottom: -.5em;
		padding: 60px 0px 30px 0px;
	}

	/* Wrapper */
	#esprits-footer-wrapper {
		position: relative;
		display: block;
		width: 100%;
		height: 20px;
	}
	#esprits-footer-wrapper [id^="esprits-footer-"] {
		position: absolute;
		display: block;
		top: 0px;
	}

	/* Logo & Baseline */
	#esprits-footer-logo {
		right: 0px;
		margin-top: -3px;
		font-family: 'Vidaloka', serif;
		font-size: 24px;
	}
	#esprits-footer-baseline {
		right: 200px;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2.5px;
	}
	#esprits-footer-baseline::before {
		content: '';
		position: absolute;
		display: block;
		background: #333366;
		width: 50px;
		height: 1px;
		line-height: 1px;
		top: 10px;
		left: 0px;
		margin-left: -75px;
	}

	#esprits-footer-menu br {
		display: none;
	}

/*
	Titrages
*/
	h1:first-child {
		font-family: 'Roboto';
		line-height: 40px;
		margin: 0px 0px 40px -1px;
	}
	h3, h4, h5, h6 {
		letter-spacing: 0px;
	}
	h2 {
		color: #484f58;
		line-height: 30px;
		margin: -40px 0px 30px;
		font-weight: 400;
		font-style: italic;
		letter-spacing: 0px;
	}
	h3 {
		line-height: 25px;
		margin: 30px 0px 20px;
	}
	h4 {
		color: #282f38;
		font-size: 19px;
		margin: 20px 0px 10px;
	}
	h5 {
		margin: 15px 0px 5px;
	}
	h6 {
		margin: 10px 0px 0px;
	}

/*
	Contenus, sections & paragraphes
*/
	/* Wrappers */
	#esprits-content {
		min-height: 100vh;
		padding-top: 140px;
		overflow: hidden;
	}

	.esprits-wrap {
		width: 100%;
		max-width: 1400px;
		left: 0px;
		right: 0px;
		padding: 0px 100px;
		margin: 0px auto;	
	}

	/* Colonnes */
	[id^="esprits-column-"] {
		position: relative;
	}
	body.home [id^="esprits-column-"] {
		width: 50%;
	}
	body:not(.home) #esprits-column-left {
		width: 30%;
	}
	body:not(.home) #esprits-column-right {
		width: 70%;
		min-height: 520px;
		padding-left: 20px;
	}
	#esprits-column-left {
		float: left;
	}
	#esprits-column-right {
		float: right;
	}

	/* Bouton d’ouverture ou de fermeture de la colonne de gauche */
	#esprits-column-button {
		position: relative;
		display: none;
		width: 100%;
		height: 30px;
		line-height: 31px;
		margin-bottom: 40px;
		overflow: hidden;
	}
	#esprits-column-button::after {
		content: '\f158';
		position: absolute;
		display: block;
		color: #fff;
		background: #333366;
		width: 30px;
		height: 100%;
		left: 0px;
		right: 0px;
		margin: 0px auto;
		font-family: dashicons;
		font-size: 20px;
		font-weight: 900;
		text-align: center;
		border-radius: 50%;
		transform: rotate(45deg);
		transition: all .25s;
	}
	#esprits-column-button.esprits-rotate {
		line-height: 30px;
	}
	#esprits-column-button.esprits-rotate::after {
		transform: rotate(90deg);
	}
	#esprits-column-button:hover::after {
		background: #cc4646;
		cursor: pointer;
	}

	/* Paragraphes */
	body.page #esprits-column-right p,
	body.single #esprits-column-right p {
		margin: 0px 0px 20px 0px;
		font-size: 15px;
		text-align: justify;
	}

/*
	Page d’accueil (HomePage)
*/
	/* Citation */
	#esprits-home-quote {
		position: relative;
		display: block;
		width: 100%;
		line-height: 22px;
		padding-left: 102px;
		font-family: 'Georgia', serif;
		font-size: 16px;
		letter-spacing: .5px;
	}
	#esprits-home-quote p span {
		position: relative;
	}
	#esprits-home-quote::before,
	#esprits-home-quote p span::after {
		position: absolute;
	}
	#esprits-home-quote::before {
		content: '';
		background-image: url(https://www.espritsnomades.net/wp-content/themes/espritsnomades/images/esprits_quote.png);
		background-size: cover;
		width: 86px;
		height: 64px;
		left: 0px;
		top: 0px;
	}
	#esprits-home-quote p span::after {
		content: '”';
		color: #333366;
		line-height: 10px;
		left: 5px;
		bottom: 0px;
		font-size: 32px;
	}

	/* Bon Voyage ! */
	#esprits-home-goodtrip {
		margin-top: 40px;
		font-family: 'Vidaloka', serif;
		font-size: 24px;
	}

	/* Contenu et fromulaire de recherche */
	#esprits-home-content,
	#esprits-search {
		font-size: 15px;
	}
	#esprits-home-content,
	body.home #esprits-search {
		margin-top: 40px;
		padding-top: 39px;
		border-top: 1px solid rgba(51, 51, 102, .4);
	}
	body.home #esprits-search > strong {
		display: block;
		line-height: 15px;
		margin-bottom: 5px;
	}
	body.home #esprits-search > div {
		margin-top: 5px;
		font-size: 13px;
	}
	body.home #esprits-search > div > a {
		line-height: 15px;
		font-weight: 400;
		border: 0px none;
	}
	body.home #esprits-search > div > span {
		color: #333366;
		line-height: 15px;
	}
	body:not(.home) #esprits-search {
		margin-bottom: 30px;
	}

/*
	Page par défaut
*/
	body.page #esprits-column-right h4 {
		margin: 25px 0px 5px;
	}

/*
	Formulaire de recherche
*/
	#esprits-search > form {
		position: relative;
		margin-right: 40px;
	}
	#esprits-search > form > input {
		background: rgba(255, 255, 255, .75);
		width: 100%;
		height: 30px;
		padding: 4px 8px;
		line-height: 20px;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		border: 1px solid rgba(51, 51, 102, .4);
		border-radius: 4px;
		box-sizing: border-box;
		opacity: .75;
		transition: all .5s;
	}
	#esprits-search > form > input:hover {
		background: rgba(255, 255, 255, 1);
	}
	#esprits-search > form > input:focus {
		background: rgba(255, 255, 255, 1);
		opacity: 1;
	}
	#esprits-search > form > span {
		position: absolute;
		color: #fff;
		background: #333366;
		top: 0px;
		right: -40px;
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 12px;
		font-weight: 600;
		text-align: center;
		border-radius: 50%;
		cursor: pointer;
		transition: all .25s;
	}
	#esprits-search > form > span:hover {
		background: #cc4646;
	}

/*
	Boutons
*/
	[id^="esprits-button-"] {
		z-index: 100;
		display: block;
		position: fixed;
		color: #fff !important;
		background: #333366;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: 0px none !important;
		cursor: pointer;
		transition: all .25s;
	}
	[id^="esprits-button-"] span {
		width: inherit;
		height: inherit;
		text-align: center;
	}
	[id^="esprits-button-"]:hover {
		background: #cc4646;
	}

	/* “Recherche” */
	#esprits-button-search {
		top: 145px;
	}
	#esprits-button-search span {
		line-height: 28px;
		font-size: 12px;
		font-weight: 600;
	}

	/* “Scroll To Top” */
	#esprits-button-scroll-to-top {
		top: 180px;
		opacity: 0;
	}
	#esprits-button-scroll-to-top span {
		line-height: 26px;
		font-size: 16px;
	}
	body.page #esprits-button-scroll-to-top,
	body.search #esprits-button-scroll-to-top {
		top: 145px;
	}

/*
	Alphabet
*/
	#esprits-alphabet {
		display: block;
		width: 100%;
		line-height: 25px;
		margin: -37.5px 0px 32.5px 0px;
		padding: 0px 0px 0px 1px;
		box-sizing: border-box;
		list-style: none;
	}
	#esprits-alphabet li {
		color: #cc4646;
		display: inline-block;
		width: 3.846%;
		height: 20px;
		line-height: 20px;
		font-family: 'Vidaloka', serif;
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;
		border-left: 1px solid #cc4646;
		box-sizing: border-box;
		cursor: pointer;
	}
	#esprits-alphabet li:last-child {
		border-right: 1px solid #cc4646;
	}

/*
	Liste des articles
*/
	#esprits-posts-list-left {
		float: left;
		padding-right: 10px;
	}
	#esprits-posts-list-right {
		float: right;
		padding-left: 10px;
	}

	[id^="esprits-posts-list-"] {
		display: inline-block;
		width: 50%;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	[id^="esprits-posts-list-"] li {
		display: block;
		width: 100%;
		padding-left: 20px;
		text-indent: -20px;
		box-sizing: border-box;
	}
	[id^="esprits-posts-list-"] li a {
		font-weight: 400;
	}
	[id^="esprits-posts-list-"] > li,
	[id^="esprits-posts-list-"] > li > a {
		font-size: 15px;
		font-weight: 600;
	}
	[id^="esprits-posts-list-"] > li > span > span,
	[id^="esprits-posts-list-"] > li > a > span {
		font-weight: 400;
	}
	[id^="esprits-posts-list-"] li.esprits-entry + ul {
		display: inline-block;
		width: 100%;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		list-style: none;
		box-sizing: border-box;
	}

	[id^="esprits-posts-list-"] li.esprits-letter {
		color: #cc4646;
		line-height: 30px;
		margin-bottom: 10px;
		font-family: 'Vidaloka', serif;
		font-size: 30px;
		text-transform: uppercase;
	}
	[id^="esprits-posts-list-"] li.esprits-section {
		color: #484f58;
		line-height: 20px;
		margin-bottom: 0px;
		padding: 0px;
		font-size: 21px;
		text-indent: 0px;
	}
	[id^="esprits-posts-list-"] li.esprits-section span {
		font-size: 15px;
		font-weight: 400;
	}
	[id^="esprits-posts-list-"] li.esprits-letter:not(:first-child),
	[id^="esprits-posts-list-"] li.esprits-section:not(:first-child) {
		margin-top: 20px;
	}

/*
	Résultat de la recherche
*/
	#esprits-posts-list-search {
		width: 100%;
	}

/*
	Article (Single Post)
*/
	/* Titres */
	h2 + h4,
	#esprits-related-posts + h4 {
		margin: 20px 0px 20px 0px;
	}

	/* Chapitres */
	#esprits-chapters {
		margin-bottom: 30px;
	}

	/* Articles connexes */
	#esprits-related-posts {
		float: right;
		color: #000;
		max-width: 50%;
		margin-bottom: 40px;
		padding-left: 40px;
		line-height: 20px;
		text-align: right;
	}
	#esprits-related-posts span {
		color: #cc4646;		
	}
	#esprits-related-posts a {
		font-weight: 400;
	}

	/* Conférence en ligne */
	#esprits-audio {
		font-size: 15px;
	}
	#esprits-audio i,
	#esprits-audio span {
		white-space: nowrap;
	}


/*
	************************************************************
	Styles propres aux Plugins “Web Art Media” et autres modules
	************************************************************
*/

/*
	Page d’accueil (HomePage)
*/
	/* Paragraphes */
	p.wam-paragraph-M {
		margin-top: 10px;
	}

	#esprits-home-quote p.wam-paragraph-M:first-child {
		margin-bottom: 10px;
		font-weight: 600;
		text-align: left;
	}
	#esprits-home-quote p.wam-paragraph-M:last-child {
		margin-bottom: 0px;
		text-align: left;
	}

/*
	Article
*/
	
	/* Galerie d’images & photos */ 
	#esprits-column-right .wam-shape-with-border-S {
		border-color: #000;
		box-sizing: border-box;
	}
	#esprits-column-right .wam-shortcodes-id-image,
	#esprits-column-right .wam-shortcodes-media-top-M.wam-shortcodes-media-center {
		margin-top: 40px;
	}
	#esprits-column-right .wam-shortcodes-id-image,
	#esprits-column-right [class^="wam-shortcodes-media"] {
		margin-bottom: 40px;
	}
	#esprits-column-right .wam-shortcodes-id-image:first-child,
	#esprits-column-right [class^="wam-shortcodes-media"]:first-child {
		margin-top: 0px;
	}
	#esprits-column-right .wam-shortcodes-id-image:last-child,
	#esprits-column-right [class^="wam-shortcodes-media"]:last-child {
		margin-bottom: 0px;
	}
	#esprits-column-right .wam-shortcodes-media-top-M.wam-shortcodes-media-right-M,
	#esprits-column-right .wam-shortcodes-media-top-M.wam-shortcodes-media-left-M {
		margin-bottom: 20px;
	}
	#esprits-column-right .wam-shortcodes-media-top-M.wam-shortcodes-media-right-M {
		margin-left: 40px;
	}
	#esprits-column-right .wam-shortcodes-media-top-M.wam-shortcodes-media-left-M {
		margin-right: 40px;
	}



/*
	*************
	Styles divers
	*************
*/

/*
	Fenêtre d’affichage des bugs
*/
	#esprits-debug {
		z-index: 99999;
		position: fixed;
		display: none;
		right: 0px;
		top: 0px;
		padding: 10px;
		line-height: 20px;
		white-space: nowrap;
		background: rgba(0,0,0,.75);
		color: #fff;
		font-size: 15px;
	}