/*GENERAL SETTINGS*/
body	{
	margin: 0;
	padding: 0;
	font-size: 12pt;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	color: #000;
}

header, #local_nav, .mini_nav, .zoom, .button.fixed, #footnotes a.reversefootnote 	{
	display: none;
}

.logo_double 	{
	width: 12rem;
	margin: 0 auto;
}	

figure, .galleries li, .chapters li, .checklist2 li {
	page-break-inside: avoid !important;
}

img 	{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	page-break-inside: avoid !important;
}

.cue	{
	text-align: center;
}	

/*FONTS*/

@font-face {
  font-family: ravi-semibold;
  src: url(../fonts/ravi-semibold.woff);
  
}

@font-face {
  font-family: samir-regular;
  src: url(../fonts/samir-regular.woff);
  
}

@font-face {
  font-family: samir-medium;
  src: url(../fonts/samir-medium.woff);
  
}

@font-face {
  font-family: samir-bold;
  src: url(../fonts/samir-bold.woff);
  
}

	
#content	{
	padding: 1rem 0;
	
}

.bilingual span	{
	display: block;
}	

.bilingual .fa	{
	text-align: right;
	direction: rtl;
}	

blockquote.fa	{
	text-align: right;
	direction: rtl;
}	

blockquote.poem 	{
	text-align: center;
}	

blockquote.poem	span {
	margin-bottom: 1rem;
}	

blockquote.poem .fa	{
	font-family: samir-regular;
	font-size: 140%;
	text-align: center;
}	


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


/*CONTENT*/

#content	{
	font-family: 'Open Sans', sans-serif;
	
}

h1 	{
	font-size: 20pt;
	font-weight: bold;
	font-family: 'Lato', 'Open Sans', sans-serif;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}
	
h2	{
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}

h1 span, h2 span	{
	display: block;
}

h3	{
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
}

h4	{
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

.welcome p	{
	font-size: 14pt;
}

main a	{
	color: #000;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}	

/*GALLERIES PAGE*/
ul.galleries, ul.chapters {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap: 1rem;
}

.galleries li, .chapters li	{
	margin: 0;
	text-align: center;
	display: block;
	width: 25%;
	padding: 1rem;
	margin-bottom: 2rem;
	border: 1px solid #808080;
}	

.galleries li a, .chapters li a	{
	text-decoration: none;
}	


/*GALLERIES*/

	
.galleries span.gallery, .chapters span.chapter{
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
}

.galleries span.gallery a, .chapters span.chapter a	{
	text-decoration: none;
}	

.chapters span.chapter{
	align-self: start;
	
}	

.chapters img	{
	align-self: start;
}	

.chapters span.teaser{
	align-self: end;
}	

.chapters img, img.border	{
	border: 1px solid #ccc;
}	


/*ESSAYS*/

.essay h3, .essay h4 {
	text-align: left;
}

.essay h4 span {
	display: block;
}

/*ESSAY FIGURES*/
.essay article figure	{
	margin: 2rem 0;
	padding: 0;
	
}

.essay article .object	{
	margin: 2rem 0;
	padding: .5rem;
	border: 1px solid #e7ddcd;
}

.essay figcaption	{
	font-size: 90%;
	margin-top: 1rem;
}


.essay .bio	{
	margin-top: 4rem;
}	

.essay .double {
	grid-gap: .5rem;
}	

.essay .double .cell1	{
	margin-bottom: 1rem;
}	

/*FOOTNOTES*/

sup.footnote	{
	vertical-align: super;

}
	
.footnote a	{
	font-size: 80%;
	text-decoration: none;
	color: inherit;
}	

#footnotes	{
	border-top: 1px solid #511b0e;
	
}	

#footnotes h4	{
	text-align: left;
}

#footnotes ol	{
	padding: 0 2rem 1rem;
	font-size: 90%;
}	

#footnotes li	{
	line-height: 1.3;
	margin-bottom: .5rem;
}	

#footnotes li:target span	{
	background: #e7ddcd;
	
}


/*BIBLIOGRAPHY*/

.bibliography ul	{
	list-style: none;
	
	padding-left: 0;
}
	
.bibliography li	{
	margin-bottom: .8rem;
}
	
/*TABLE*/
.essay table	{
	margin-bottom: 2rem;
	width: 100%;
	font-size: 75%;
}

.essay table th, .essay table td	{
	border: 1px solid #000;
	padding: 5pt 2pt;
	text-align: left;
	vertical-align: top;
}	

th	{
	background: #ccc;
}

table img	{
	height: 8rem;
	width: auto;
	margin: 0 auto;
}	

table .figcaption	{
	display: block;
	margin-top: .5rem;
	text-align: center;
}

table td span	{
	display: block;
}	


/*Figures layout in essay*/
.essay .group	{
	display: grid;
	grid-gap: 2rem;
}

.essay .group img	{
	width: 100% !important;
}	

.essay .g1-1	{
	grid-template-columns: 1fr 1fr;
}

.essay .g1-2	{
	grid-template-columns: 1fr 2fr;
}

.essay .g1-3	{
	grid-template-columns: 1fr 3fr;
}

.essay .g2-1	{
	grid-template-columns: 2fr 1fr;
}

.essay .g2-3	{
	grid-template-columns: 1fr 1.5fr;
}

.essay .g3-2	{
	grid-template-columns: 1.5fr 1fr;
}

.essay .g3-1	{
	grid-template-columns: 3fr 1fr;
}

.essay .cell1	{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.essay .cell2	{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

/*Single figure that is narrower than max width*/

.essay article .video, .essay article .audio	{
	margin-left: auto;
	margin-right: auto;
}	

.essay .wide img, .essay article .video.large video	{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	
}	

.essay .square img, .essay article .video.medium video	{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

.essay .skinny img, .essay article .video.small video {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}		


/*Figure with 2 images and 1 caption*/
.essay .double {
	grid-template-columns: 1fr 1fr;
	grid-gap: .5rem;
	
}

.essay .double .cell1	{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	margin-bottom: 0;
}

.essay .double .cell2	{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.essay .double figcaption	{
	grid-column: 1 / 3;
	grid-row: 2 / 3;
}


/*PHOTO TIMELINE*/


.photo_tl {
	margin: 2rem 0;
	padding: 0;
	list-style: none;
}

.photo_tl .entry	{
	margin: 4rem 0;
	position: relative;
	padding: 0;
}	

.photo_tl .entry a	{
	display: grid;
	grid-template-columns: 60% 1fr 30%;
	grid-template-areas: 
    "left . right";
	align-items: center;
	
}	

.photo_tl .entry:before	{
	position: absolute;
	content: '';
	border-right: 4px solid #511b0e;
	top: -2rem;
	bottom: -2rem;
	height: auto;
	left: calc(65% - 2px);
}	

.photo_tl .entry:after	{
	position: absolute;
	content: '';
	border: 6px solid #511b0e;
	border-radius: 50%;
	top: calc(50% - 6px);
	left: calc(65% - 6px);
}

.photo_tl .entry .left	{
	grid-area: left;
	justify-self: end;
	margin: 0;
	padding: 0;
	box-shadow: 0px 6px 12px #511b0e;
}

.photo_tl .entry figure.landscape	{
	width: 100%;
}

.photo_tl .entry figure.portrait	{
	width: 66.6%;
}	
	
.photo_tl .entry .right	{
	grid-area: right;
	width: calc(100% - 1rem);
	background: #e7ddcd;
	padding: .5rem;
}


.photo_tl .entry span	{
	color: #511b0e;
	display: block;
	font-size: 90%;
	word-wrap: break-word;
	
}	

.photo_tl .entry a	{
	text-decoration: none;
}

em.action	{
	display: block;

}
	
.photo_tl .entry a	{
	grid-template-columns: 45% 1fr 45%;
}

.photo_tl .entry:before	{
	left: calc(50% - 2px);
}	

.photo_tl .entry:after	{
	left: calc(50% - 6px);
}
	
.photo_tl .entry .right	{
	width: calc(100% - 2rem);
	padding: 1rem;
}

.photo_tl .entry span	{
	font-size: 110%;
}

.essay .collection2	figcaption	{
	margin-top: 0;
}

/*PHOTO TIMELINE NEW*/

.photos .thumbnails {
	margin: 2rem 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

.photos .thumbnails figure	{
	width: 15%;
	margin: 1rem;
}	



/*TIMELINE*/
.timeline .period li	{
	grid-template-columns: 10em 1fr;

}

.timeline .date	{
	position: relative;
	padding-right: 6pt;
}

.timeline .date:after	{
	content: ':';
	position: absolute;
	top: -.1em;
	right: 2pt;
}	


/*CHECKLIST2*/

ul.checklist2	{
	list-style: none;
	margin: 2rem 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap: 1rem;
}

.checklist2 li	{
	margin: 0;
	text-align: center;
	display: block;
	padding: 0;
	margin-bottom: 2rem;
	border: 1px solid #e7ddcd;
	width: 24%;
	
}	

.checklist2 li a 	{
	display: block;
	text-decoration: none;
	color: #511b0e;
}

.checklist2 li a span	{
	display: block;
	margin: .5rem;
}	

.checklist2 li .chapter	{
	font-weight: bold;
	align-self: start;
}

.checklist2 li .credit	{
	font-size: 85%;
	align-self: end;
}	

.checklist2 li img	{
	align-self: start;
	border-bottom: 1px solid #e7ddcd;
}	

/*CHECKLIST OBJECTS*/

article h1 span	{
	display: block;
}

.essay .object	{
	margin-bottom: 2rem;
}	

p.author span	{
	display: block;
}

.author_name	{
	font-weight: bold;
	
}

.tombstone	{
	text-align: left;
}

.tombstone.centered	{
	text-align: center;
}


.tombstone span	{
	display: block;
	margin-bottom: .5rem;
}	

.tombstone .object_name	{
	font-weight: bold;
	font-size: 14pt;
}	

.tombstone + img.detail	{
	padding-top: 1rem;
}
	
.tombstone .credit	{
	font-size: 90%;
	margin-top: 2rem;
}	



/******************/
/*PERSIAN*/
/*FONTS*/

body.fa, body.fa *	{
	font-family: ravi, ravi-medium, sans-serif;
}

/*Samir for essay*/
body.fa *	{
	font-family: samir-regular, sans-serif;
	font-weight: normal;
}	

body.fa strong	{
	font-weight: bold;
}

body.fa article *, body.fa .zoom.fa *	{
	font-family: 'Vazirmatn', 'ravi', sans-serif;
	font-size: 12pt;
}	


body.fa h1, body.fa h2	{
	font-family: samir-medium, sans-serif;
	font-weight: normal;
}

body.fa article h1, body.fa article h2	{
	font-family: 'Vazirmatn', 'ravi', sans-serif;
}

body.fa	h1, body.fa	h1 span	{
	display: block;
}	


body.fa h1 .en	{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 12pt;
}	

body.fa	h3	{
	font-weight: normal;
}

body.fa	h4	{
	font-weight: normal;
}	

body.fa h2 span	{
	display: block;
	font-weight: normal;
}

body.fa .en {
	font-family: 'Open Sans', sans-serif;
	direction: ltr;
}	

body.fa pre	{
	display: inline;
}	


/*GALLERIES*/
body.fa .galleries span.gallery, body.fa .chapters span.chapter{
	font-weight: normal;
	text-transform: none;
}	


/***************************/
body.fa .essay h3, body.fa .essay h4 {
	text-align: right;
	font-weight: bold;
	margin-top: 4rem;
}

body.fa .essay h4.centered	{
	text-align: center;
}	

body.fa .toc h4	{
	font-size: 14pt;
	font-style: normal;
}	

body.fa sup.footnote a	{
	font-size: .85rem;
	padding: .2em .4em 0;
	
}

body.fa span.footnote a	{
	font-family: 'Open Sans', sans-serif;
}	

body.fa #footnotes h4	{
	text-align: right;
}

body.fa #footnotes ol li::marker	{
	font-family: 'Open Sans', sans-serif;
}	

body.fa #footnotes li {
	direction: rtl;
}	

body.fa #footnotes li span.en	{
	direction: ltr !important;
	text-align: left !important;
}

body.fa #footnotes li.bilingual span.en	{
	direction: ltr !important;
	text-align: right !important;
}

body.fa .bibliography, body.fa .bibliography .fa	{
	font-weight: normal;
}	

body.fa .bibliography ul.en *	{
	font-family: 'Open Sans', sans-serif;
	direction: ltr;
}

body.fa .bibliography ul	{
	padding-right: 0;
}

body.fa .sources.no_bullet ul	{
	list-style: none;
	padding-right: 0;
}

/*POEM gap within line*/
body.fa .poem .verse1	{
	padding-left: 1em;
}	

body.fa .poem .verse2	{
	padding-right: 1em;
}

/*CATALOG OF YADGARI*/


body.fa .catalog h5	{
	font-weight: bold;
	margin: .5rem 0;
}	

body.fa .essay .catalog .side img	{
	margin-right: 0;	
}

body.fa .essay .catalog .side figcaption	{
	text-align: right;
}


/*CHECKLIST*/

body.fa .checklist2 li .chapter	{
	font-weight: normal;
}

body.fa .checklist2 li.en .chapter  *, body.fa .checklist2 li.en .chapter, body.fa .checklist2 li.fa .chapter .en  {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}	

body.fa .checklist2 li.en .credit  *, body.fa .checklist2 li.en .credit  {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}	

body.fa .tombstone	{
	text-align: center;
	direction: rtl;
}

body.fa .group .tombstone	{
	text-align: right;

}

body.fa .author span.author_name	{
	font-weight: bold;
}	

body.fa .sources h3	{
	font-weight: normal;
}	

body.fa .sources li.en	{
	text-align: left;
}	

/*AUDIO*/
body.fa audio.centered	{
	margin-right: calc(50% - 10rem);
	
}

/*TABLE*/

body.fa .extrawide table.en, .extrawide table.en *	{
	font-size: 10pt;
	
}	

/*LUSTER CABINET*/

.imagemap	{
	display: block;
	width: 75%;
	margin: 2rem auto;
	padding: 0;
	position: relative;
	page-break-before: always;
}	

.imagemap img	{
	display: block;
	width: 100%;
	height: auto;
}	

.imagemap .spotlight	{
	display: block;
	background: #0d1427;
	position: absolute;
	padding: .1em .5em;
	z-index: 2;
	border-radius: 50%;
	font-weight: bold;
	color: #fdf9ea;
	text-decoration: none;
	background: #fdf9ea;
	color: #0d1427;
	opacity: .7;
	outline: 2px solid #fdf9ea;
}	



#luster_cabinet .spotlight#spotlight1	{
	top: 6.5%;
	left: 49%;
}	

#luster_cabinet .spotlight#spotlight2a	{
	top: 2%;
	left: 32%;
}	

#luster_cabinet .spotlight#spotlight2b	{
	top: 1.5%;
	left: 64.5%;
}	

#luster_cabinet .spotlight#spotlight3	{
	top: 19%;
	left: 65.5%;
}	

#luster_cabinet .spotlight#spotlight4	{
	top: 35.5%;
	left: 68%;
}	

#luster_cabinet .spotlight#spotlight5	{
	top: 47%;
	left: 48.5%;
}

#luster_cabinet .spotlight#spotlight6	{
	top: 49%;
	left: 61%;
}