/* --------- Pages blanches --------- */

	.white-page{
		page: whitepage;
	}

	@page whitepage{
		@top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;}
	}

	.pagedjs_page.pagedjs_right_page.pagedjs_blank_page .pagedjs_margin-top-center > .pagedjs_margin-content::after,
	.pagedjs_page.pagedjs_right_page.pagedjs_blank_page .pagedjs_margin-top-right-corner > .pagedjs_margin-content::after{
		content: none;
	}

	.entrance{
		page: entrance;
		break-before: left;
	}

	@page entrance{
		@top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;}
	}

	.title-page {
		page: titlepage;
	}

	.title-page h1{
		position: absolute;
		z-index: 20;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 35pt;
		line-height: 2;
		width: 95%;
	}

	.title-page h1 span{
		color: var(--green);
	}

	@page titlepage{
		margin:0;
		@top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;}
	}

	.title-page-small{
		page: titlepagesmall;
	}

	.title-page-small h1{
		font-size: 26pt;
		margin-top: 1cm;
	}

	.title-page-small h1.spanish{
		margin-top: 0.2em;
  	font-size: 23pt;
  	opacity: 0.8;
	}

	.title-page-small p, 
	.title-page-small h2{
		color: var(--green);
		text-align: left;
	}

	.title-page-small_logo-wrapper{
		display: flex;
		position: absolute;
		bottom: 0.6cm;
		left: -0.2cm;
	}

	.title-page-small_logo-wrapper figure{
		max-width: 5cm;
		margin-right: 0.2cm;
	}

	.title-page-small .image-cover_caption{
		position: absolute;
		bottom: 0.1cm;
	}

	@page titlepagesmall{
		@top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;}
	}

	.chapter .simple_page{
		margin:0 !important;
	}

	.copyright-page{
		font-size: 7pt;
		page: smallMargin;
	}

	.content.copyright-page p, 
	.copyright-page p{
		font-size: 7pt;
	}

	@page smallMargin{
		margin: 10mm 10mm 10mm 10mm;
		@top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;}
	}

	.toc-legende{
		margin-top: 1cm;
	}

	.toc-legende li{
		list-style: none;
		color: var(--green);
	}

	.toc-left-page{
		page: nocontent
	}

	@page nocontent{
		@top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;}
	}

	/* --------- Pages intérieures ---------- */


	.chapter-title-wrapper{
		padding-top: 1.5cm;
	}

	.chapter-title-wrapper.break-before {
		page-break-before: always;
	}

	.bilingualpage.chapter-title{
		opacity: 0.8;
		font-size: 24pt;
	}

	.spread-interval-image-right{
		position: relative;
	}

	.spread-interval-image-right figure{
		position: absolute;
	}

	.part-title-wrapper{
		position: absolute;
		right: 10mm;
		top: calc(var(--pagedjs-height) - 80mm);
		width: calc(var(--pagedjs-width) - 40mm);
	}

	.chapter .part-title-wrapper h1{
		text-transform: uppercase;
		color: #FFF;
		text-align: right;
		font-weight: bold;
	}

	.chapter .part-title-wrapper h1.part-title-spanish{
		font-weight: normal;
	}

	#book-title{
		string-set: title content(text);
	}

	.chapter h1,
	.chapter h2{
		margin:0;
		font-size: 26pt;
		text-transform: none;
		font-family: var(--textfont);
		line-height: 1.2;
		color: var(--green);
	}

	.content h2 {
	  margin: 0;
	  font-size: 16pt;
	}

	h3.chapter-subtitle p{
		margin-top: 2mm;
	}


	.summary{
		position: relative;
	}

	.summary ol{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-end;
	}

	.summary li{
		list-style: none;
		position: relative;
		border: 1px solid #000;
		padding: 0.2cm 0.2cm;
		flex-grow: 1;
		margin-left: -1px;
		margin-top: -1px;

	}

	.chapter .content{
		margin-top: 3cm;
	}

	.chapter .content h2 {
		margin-top: 48px;
	}

	.chapter .content h3 {
		margin-top: 32px;
		line-height: 1.4;
		letter-spacing: 1px;
	}

	.chapter .content h3 b{
		font-weight: normal;
	}

	.chapter .content h3 strong{
		color: rgb(50, 50, 50);
	}

	.chapter h3:first-child{
		margin-top: 0;
	}

	.chapter .content h2 strong{
		font-weight: normal;
	}

	.chapter .content figure, 
	.chapter .entrance figure{
		margin-top: 2em;
		margin-bottom: 1.5em;
	}

	.chapter .content h2:first-child, 
	.chapter .content h3:first-child,
	.chapter .content figure:first-child,
	.chapter .entrance figure:first-child{
		margin-top: 0;
	}

	.chapter .content ul,
	.chapter .content ol{
		margin-left: 1cm;
		margin-bottom: 1rem;
	}

	.chapter .content.alignment-left,
	.chapter .content.alignment-left p,
	.chapter .content.alignment-left li{
		text-align: left;
		hyphens: none;
	}

	.chapter .content.alignment-center,
	.chapter .content.alignment-center p,
	.chapter .content.alignment-center li{
		text-align: center;
		hyphens: none;
	}

	.chapter .content.alignment-right,
	.chapter .content.alignment-right p,
	.chapter .content.alignment-right li{
		text-align: right;
		hyphens: none;
	}

	.chapter .content.alignment-justify,
	.chapter .content.alignment-justify p,
	.chapter .content.alignment-justify li{
		text-align: justify;
	}

	.chapter .content figure figcaption, 
	.chapter .content figure figcaption a,
	.chapter .entrance figure figcaption,
	.chapter .entrance figure figcaption p,
	.chapter .entrance figure figcaption a{
		color: var(--green);
	}

	.chapter .label{
		font-size: 12pt; 
		color: #7E7E7E;
		text-transform: uppercase;
		font-family: var(--titlefont);
		margin-top: 1mm;
		margin-bottom: 0;
	}

	.chapter-number{
	  background: var(--yellow);
	  color: var(--green);
	  font-family: var(--textfont);
	  border-radius: 100%;
	  font-size: 7pt;
	  display: inline-block;
	  vertical-align: top;
	  margin-right: 4mm;
	  height: 4.2mm;
	  width: 4.2mm;
	  text-align: center;
	  padding-top: 0.9mm;
	  line-height: 1.2;
	  float: left;
	  font-weight: bold;
	}

	.chapter-title-wrapper .chapter-number{
		margin-top: 9mm;
	}

	.icon{
		width: 4mm;
		display: inline-block;
		vertical-align: top;
	}

	.icon img{
		vertical-align: top;
	  padding-top: 1mm;
	}

	.chapter .location p{
		margin: 0;
		color: var(--green);
		font-size: 7pt;
		margin-top: 1mm;
	}

	.chapter .date-added{
		/*string-set: date content(text);*/
		font-size: 7pt;
		color: var(--grey);
		position: absolute;
		margin: 0;
	  top: -1cm;
	}

	.chapter-left-page .image-map{
		margin-bottom: 1cm;
	}

	.images-gallery ul{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.images-gallery ul li{
		padding-right: 0.5cm;
	}

	.images-staggered {
		margin-left: 1cm;
		width: 100%;
		height: calc(var(--pagedjs-height) - var(--pagedjs-margin-top));
	}

	.images-staggered ul li{
		margin:0;
		padding:0;
		list-style: none;
		margin-bottom: 2em;
	}

	.images-staggered ul li:last-child{
		margin-bottom: 1em;
	}

	.images-staggered ul li.landscape{
		width: calc(100% - 1.5cm);
	}

	.images-staggered ul li.portrait{
		width: calc(100% - 5.5cm);
	}

	.images-staggered ul li.square{
		width: calc(100% - 3cm);
	}

	.images-staggered ul li.square.nb-images-3{
		width: calc(100% - 6cm);
	}

	.images-staggered ul li:nth-child(odd){
		margin-left: 1cm;
	}

	.images-staggered ul li.portrait:nth-child(odd){
		margin-left: 3cm;
	}

	.images-staggered ul li.square.nb-images-3:nth-child(odd){
		margin-left: 3.5cm;
	}

	.images-staggered ul li:nth-child(even){
		margin-left: -1cm;
	}

	.images-staggered ul li.square.nb-images-3:nth-child(even){
		margin-left: 0cm;
	}

	.images-staggered > figcaption p,
	.images-staggered > figcaption{
		margin-top:2px;
	  text-align: left;
	  position: absolute;
	  /*right: var(--pagedjs-margin-right);*/
	  bottom: var(--pagedjs-margin-bottom);
	  color: var(--green);
	  border: 1px solid var(--green);
	  padding: 1mm 3mm;
	  border-radius: 10px;
	  background: rgba(255,255,255,1);
	  max-width: calc(var(--pagedjs-width) - 30mm);
	}

	.chapter .content .images-gallery ul{
		position: relative;
		margin:0;
	}

	.images-gallery ul li{
		width: 100%;
		margin: 0;
		margin-top: 0.5cm;
		list-style: none;

	}

	.images-gallery ul li img{
		max-width: 100%;
	}


	/* ----- POEM BLOCK ------- */
	.default-page .poem-block h2{font-size: 16px;}
	.default-page .poem-block h6{font-size: 9pt;}

	.default-page .poem-block p{
		font-size: 9pt;
	}

	.block-type-poem{
		margin-bottom: 1cm;
		margin-top: -0.5mm;
	}

	.block-type-poem:nth-child(1){
		width: 90%;
	}

	.block-type-poem:nth-child(2){
		margin-left: 10%;
	}

	.block-type-poem .block-type-poem{
		width: 100%;
	}

	/* ----- INTERVIEW BLOCK ------- */
	.interview-block p{
		line-height: 1.55;
	}

	.interview-block strong{
	  border-radius: 10px;
	  margin-top: 0;
	  padding: 0.5mm 2mm 0mm;
	  color: var(--green);
	  border: 1px solid var(--green);
	  display: inline-block;
	  margin-right: 1mm;
	  margin-left: -2mm;
	  font-size: 0.9em;
	}


	/* ----------- FOOTNOTES ----------- */
	.pagedjs_footnote_content{
		border-top: 1px solid var(--green);
		padding-top: 3mm;
	}

	.footnote {
	  float: footnote;
	  word-break: break-word;
		line-height: 1.45;
		font-size: 7.5pt;
		text-align: left;
		hyphens: none;
		color: var(--grey);
		word-spacing: -0.7px;
	  letter-spacing: 0.02em;
	  margin-bottom: 0.8mm;
	}

	.footnote a{
		color: var(--grey);
	}

	.footnote p{
		display: inline;
		margin:0;
	}

	@page {
	  @footnote {
	    float: bottom;
	  }
	}

	::footnote-call {
	  line-height: 0;
	  font-size: 8pt;
	  vertical-align: middle;
	  position: relative;
	  top: -2px;
	  color: var(--green);
	  /*font-weight: bold;*/
	}

	::footnote-marker {
	  font-size: 8pt;
	  line-height: 0;
	}

	/* ------- D E F A U L T  ---------- */

	.content p, 
	.content li{
		font-size: var(--textsize);
	}

	blockquote{
		font-size: var(--textsize);
		text-align: left;
		margin-bottom: 1cm;
		margin-top: 1rem;
	}

	blockquote footer{
		text-align: right;
		margin-top: var(--baseline);
		font-style: italic;
	}

	figure{
		page-break-inside: avoid;
	}

	figcaption{
		margin-top: calc(var(--baseline) / 4);
	}

	figcaption p, figcaption{
		text-align : left;
		font-size: 7pt !important; 
		color: var(--green);
		line-height: 1.45; 
		hyphens:none; 
	  word-spacing: -0.7px;
	  letter-spacing: 0.02em;
	}

	/* ------- L O G B O O K  ---------- */
	.logbook .description{
		page-break-after: always;
	}

	.logbook .description p, .big-text p{
		color: var(--green);
		font-size: 13pt;
		text-align: left;
		hyphens: none;
		line-height: 1.3;
	}

	.logbook .description p a, .big-text p a{
		color: var(--green);
		text-decoration: underline;
	}

	.description .footnote::after{
		font-size: 11pt;
	}

	.logbook h2{
		font-size: 15pt; 
		text-transform: none;
		margin-top: 0;
		font-family: var(--textfont);
		line-height: 20px;
		margin-bottom: var(--baseline);
	}

	.logbook-article{
		page-break-after: always;
	}

	.logbook-content p, .logbook-content li{
		font-size: var(--textsize);
		margin-top:0;
		margin-bottom: 20px;
		word-spacing: -0.7px;
		letter-spacing: 0.02em;
	}

	.logbook-content ul{
		padding-left: 1cm;
	}

	.logbook figure,
	figure.grayscale {
		width: 100%;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		margin-bottom: 40px;
		max-height: 19cm;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.logbook figure.portrait,
	figure.grayscale.portrait{
		width: 70%;
		margin:auto;
	}

	/* ------- S T O R Y ---------- */
	.image-cover{
		background: var(--green);
	}

	.image-cover img{
		 mix-blend-mode: screen;
	  -webkit-filter: grayscale(100%) contrast(200%);
	  filter: grayscale(100%) contrast(200%);
	  opacity: 1;
	  vertical-align: top;
	}

	.meta{
		display: flex; 
		margin-top: 1cm;
		margin-bottom: 2.3cm;
	}

	.meta h5{
		margin: 0;
		margin-bottom: 1mm;
		font-size: 6pt;
		font-family: var(--titlefont);
		font-weight: normal;
	}

	.meta p, .meta li{
		color: var(--green);
		text-decoration: underline;
		list-style: none;
		font-size: 7pt;
		line-height: 1.4;
		text-align: left;
		text-transform: uppercase;
	}

	.meta .contributors{
		width: 30%;
	}

	.meta .tags{
		width: 50%;
	}

	.meta .location{
		width: 20%;
	}

	.meta .tags ul{
		column-count: 2;
		column-gap: 0.2cm;
	}

	.meta .tags li{
		text-transform: uppercase;
	}

	.meta .contributors + .meta .tags{
		margin-left: 0.7cm;
	}

	.meta .location{
		margin-left: 0.7cm;
	}

	.story-content p, .story-content li{
		font-size: var(--textsize);
		margin-top: 0; 
		margin-bottom: 0.5cm;
		word-spacing: -0.7px;
		letter-spacing: 0.02em;
	}

	.story-content ul{
		padding-left: 1cm;
	}

	.story-content h3{
		text-transform: none;
		font-weight: normal;
		font-family: var(--textfont);
		line-height: 1.2;
	}

	.story-content h3 b{
		font-weight: normal;
	}

	.story-content p + h3{
		margin-top: 1cm;
	}

	.story-content figure{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		margin-bottom: 40px;
	}

	.story-content figure:first-child{
		margin-top: 0;
	}

	/* ------- TABLE OF CONTENTS --------- */

	.map-page{
	  page: map;
	}

	@page map{
		margin: 0;
	}

	@page toc{
		margin-top: 10mm;
	  @top-left-corner {content: none;}
		@top-left {content: none;}
		@top-center {content: none;}
		@top-right {content: none;}
		@top-right-corner {content: none;}
		@left-top {content: none;}
		@left-middle {content: none;}
		@left-bottom {content: none;}
		@right-top {content: none;}
		@right-middle {content: none;}
		@right-bottom {content: none;}
		@bottom-left-corner {content: none;}
		@bottom-left {content: none;}
		@bottom-center {content: none;}
		@bottom-right {content: none;}
		@bottom-right-corner {content: none;} 
	}

	.toc-page h2{
	  margin-left: 0cm;
	  font-size: 12pt;
	  font-family: var(--titlefont);
		font-weight: normal;
		margin-top: 0;
		text-transform: uppercase;
		margin-bottom: 0;
		color: var(--green);
	}

	.bilingual .toc-page h2:nth-child(2){
		margin-top:0;
		opacity: 0.85;
	}

	#table-of-contents{
		margin-top: 1.3cm;
		position: relative;
	}

	#table-of-contents > ul{
	    padding:0;
	}

	#table-of-contents li{
	  margin-bottom: 4mm;
	  font-size: 9.7pt;
	  color: var(--green); 
	  line-height: 1.2;
	  text-align: left;
	}

	#table-of-contents li a{
		display: inline-block;
		color: var(--green); 
		max-width: calc(100% - 5mm);
	}

	#table-of-contents li {
		max-width: 95%;
	}

	.bilingual #list-toc-generated .toc-element .chapter-number{
		margin-right: 4mm;
	}

	.bilingual #list-toc-generated .toc-element .space{
		margin-right: 4mm;
	}

	.bilingual  .toc-element-level-1{
		text-transform: uppercase;
		font-weight: bold;
	}

	#list-toc-generated .toc-element .chapter-title{
		hyphens: none;
		line-height: 1.4;
		font-size: 16px;
	}

	#list-toc-generated .toc-element .location{
		margin:0;
	  color: var(--green);
	  font-size: 7pt;
	  line-height: 1.4;
	  text-align: left;
	}


	#list-toc-generated{ 
		list-style: none;
		overflow-x: visible !important;
	}

	#list-toc-generated a{
		text-decoration: none;
	}

	#list-toc-generated .toc-element a::after{
	  content: target-counter(attr(href), page);
	  position: absolute;
	  right:0;
	  margin-top: -2px;
	  font-size: 13pt;
	  text-align: right;
	}

	.toc-element .spanish a::after{
		display: none;
	}

	#list-toc-generated .toc-element-level-2 a::after{
		font-size: 10pt;
	}

	#list-toc-generated .toc-element-level-1{
		font-size: 12pt;
	}

	#list-toc-generated .toc-element-level-2{
	    font-weight: bold;
	    margin-bottom: 20px;
	}

	#list-toc-generated .toc-element-level-1 .spanish,
	#list-toc-generated .toc-element-level-2 .spanish,
	#list-toc-generated .toc-element-level-3 .spanish{
		opacity: 0.85;
	}

	#list-toc-generated li span{
		display: block;
	}

	#list-toc-generated li .author{
		font-weight: normal;
		opacity: 0.8;
	}

	/* counters */
	#list-toc-generated{ 
	  counter-reset: counterTocLevel1; 
	}

	#list-toc-generated .toc-element-level-1{ 
	  counter-increment: counterTocLevel1; 
	  counter-reset: counterTocLevel2; 
	}


	/* hack for leaders */
	#list-toc-generated{
	   overflow-x: hidden;
	}

	/* ------- AUTHORS PAGE --------- */

	.author-page .content h2, .author-page .content h3{
		margin: 0;
		text-transform: none; 

	}

	/* ------- CREDITS PAGE --------- */

	.credits .content p{
		text-align: left;
		hyphens: none;
	}