/*REMOVE BEFORE LAUNCH*/
.comment	{
	background: yellow;
}

/*FONTS SETUP*/

@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);
  
}

/*FONTS*/
body	{
	font-family: 'Open Sans', sans-serif;
}

body .fa	{
	font-family: samir-regular, sans-serif;
	line-height: inherit;
	font-weight: normal;
	font-size: 1.2rem;
}

body article .fa	{
	font-family: 'Vazirmatn', 'ravi', sans-serif;
	font-size: 1.1rem;
}

.bilingual span	{
	display: block;
}

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

.bilingual .en	{
	text-align: right;
	direction: ltr;
}	

/*LAYOUT*/

body	{
	margin: 0;
	padding: 0;
}	

#content	{
	padding: 1rem 0;
	min-height: calc(100vh - 20rem);
}

img 	{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

main	{
	padding: .5rem;
}

article a.long, article pre	{

	word-break: break-all;
}

p.spacy	{
	margin-top: 3rem;
	margin-bottom: 3rem;
}	

ul.spacy li	{
	margin-bottom: .5rem;
}	
	


/*COLORS*/	

#content.cream	{
	background: #fdf9ea;
}

#content.white	{
	background: #fff;
}

main	{
	background: inherit;
	color: #511b0e;
}
	
main.blue	{
	background: #335a81;/*blue*/
	color: #fdf9ea;
}	

main.red	{
	background: #6c3940;/*red*/
	color: #fdf9ea;
}

main.green	{
	background: #4e6c5d;/*green*/
	color: #fdf9ea;
}

main.yellow	{
	background: #85682b;/*yellow*/
	color: #fdf9ea;
}	

main.turquoise	{
	background: #54777b;/*turquoise*/
	color: #fdf9ea;
}

main.brown	{
	background: #7a6f63;/*lighter brown*/
	color: #fdf9ea;
}

/*GALLERY COLORS*/

.galleries #g1	{
	background: #335a81;/*blue*/
}

.galleries #g2	{
	background: #6c3940;/*red*/
}

.galleries #g3	{
	background: #4e6c5d;/*green*/
}

.galleries #g4	{
	background: #85682b;/*yellow*/
}

.galleries #g5	{
	background: #54777b;/*turquoise*/
}

.galleries #g6	{
	background: #7a6f63;/*lighter brown*/
}	

.chapters li	{
	background: #fdf9ea;
	color: #511b0e;
}

/*HEADER AND FOOTER*/
header, footer	{
	background: #11172f;
	color: #fdf9ea;
	margin: 0; 
	padding: .5rem;
}

header a, footer a	{
	color: inherit;
}	

header	{
	display: grid;
	grid-template-columns: auto auto;
	grid-template-columns: auto 11rem;
	align-items: center;
}


#ey_logo	{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	justify-self: center;
}

/*MAIN NAVIGATION*/	

#main-menu	{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	justify-self: end;
}

#main_menu ul	{
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
}

#main_menu li	{
	border-bottom: 1px solid #fdf9ea;
	padding-top: .3rem;
	padding-bottom: .3rem;
	text-transform: uppercase;
}	

#main_menu li:last-child	{
	border-bottom: none;
}	

#main_menu a	{
	text-decoration: none;
}	

#main_menu li.current, #main_menu li.current_up	{
	font-weight: bold;
}

#main_menu a:hover, #main_menu a:active, #main_menu a:focus {
	font-weight: bold;
}	

#main_menu a .fa {
	font-size: 1.6rem;
	font-weight: normal;
	font-family: samir-regular, sans-serif;
}

#main_menu a:hover .fa, #main_menu a:active .fa, #main_menu a:focus .fa {
	font-family: samir-medium, sans-serif;
}

body.mono #main_menu .fa	{
	display: none;
}	

/*GENERAL SETTINGS*/

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

main a:hover, main a:focus, main a:active	{
	text-decoration: none;
}

h1	{
	margin: 0 0 2rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	font-family: 'Lato', 'Open Sans', sans-serif;
}

h2	{
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
}	

h2.soon	{
	font-weight: normal;
	font-size: 1em;
	
}

h2 span.language	{
	display: block;
}	

p.soon	{
	
	text-align: center;
}

h2 + p	{
	margin-top: 4rem;
}	

h2 + p.language	{
	margin-top: 1rem;
}

h2 + p.within	{
	margin-top: 1rem;
}	

p.cue	{
	text-align: center;
}

h3 {
	font-weight: bold;
	font-size: 1.2rem;
	text-align: left;
}

h4	{
	font-weight: bold;
	font-size: 1em;
	text-align: left;
}

#about h4, #notes h4	{
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
}	

h4 span.fa	{
	font-size: 1.2rem;
}	

div.toc	{
	margin: 3rem 0;
}

div.toc h4	{
	font-size: 1rem;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0;
}
	
ul.little_toc li	{
	margin-bottom: .5rem;
	font-size: .9rem;
}

#notes #persian	ul li {
	margin-bottom: .5rem;
}

#intro.welcome	{
	font-size: 1.1rem;
}	

#intro	{
	text-align: center;
}	

#intro.side	{
	text-align: left;
}	

#intro a.inherit	{
	color: inherit;
}	

/*ESSAYS*/
.narrow #intro	{
	border-bottom: 1px solid #511b0e;
}

main.essay	{
	margin: 0 0 2rem;
}

p.translation_line	{
	text-align: center;
}	

.essay h1, .essay h2 {
	text-align: center;
}

.essay h2.subtitle	{
	font-weight: normal;
	margin-top: -1em;
	padding-top: 0;
}	

.essay h2.translation	{
	font-weight: normal;
	
}	

.essay h2.subsubtitle	{
	font-weight: bold;
	margin: 2rem 0;
	
}

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

.essay h4.centered, p.centered {
	text-align: center;
}

.essay h4 span {
	display: block;
}

.essay article > section	{
	margin-top: 3rem;
	margin-bottom: 3rem;
}	

.essay article section section	{
	margin-bottom: 3rem;
}

.essay#about article section section	{
	margin-bottom: 1rem;
}

/*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: min(20rem, 90vw);
	width: min(24rem, 90vw);
	padding: 1rem;
	margin-bottom: 2rem;
}	

.galleries li	{
	box-shadow: 0px 6px 12px #511b0e;
}	

.galleries li a, .chapters li a	{
	text-decoration: none;
	display: block;
	color: #fdf9ea;
	
}	

.chapters li a	{
	color: #511b0e;
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
}	

.galleries li span, .galleries li img, .chapters li span, .chapters li img {
	margin: 1rem auto;
}	

.galleries li:hover, .galleries li:focus, .chapters li:hover, .chapters li:focus	{
	opacity: .95;
	box-shadow: none;
}	

.chapters li:hover	{
	background: #fff;
}	

.chapters li:hover img	{
	transform: scale(102%, 102%);
	overflow: hidden;
}	

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

.chapters span.chapter{
	align-self: start;
	font-size: 110%;
}	

.chapters.mihrab span.chapter{
	/*font-size: 100%;*/
	text-transform: none;
}	

body.fa .chapters.mihrab span.chapter{
	font-size: 1.8rem;
	font-weight: bold;
}	

body.fa .chapters.mihrab span.teaser {
	font-size: 1.5rem;
}	

body.fa .chapters.mihrab span.teaser .en {
	font-size: .9rem;
}	

.chapters img	{
	align-self: start;
}	

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

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


/*LOCAL NAVIGATION*/
#local_nav	{
	padding: .5rem;
	color: #1f2f54;
	background: #fdf9ea;
	border-top: 1px solid #511b0e;
	border-bottom: 1px solid #511b0e;
}

#local_nav details	{
	list-style: none;
}	

#local_nav details summary h2 {
	display: inline;
	margin: 0;
	font-weight: normal;
	text-align: left;
	font-size: 1.1rem;
}	

#local_nav details[open] summary h2	{
	text-transform: uppercase;
	font-size: 1.5rem;
}	

#local_nav ul	{
	margin-left: 0;
	list-style: none;
}

#local_nav li	{
	margin-top: .3rem;
	font-size: .9rem;
	line-height: 1.3;
	padding-top: .2rem;
	padding-bottom: .2rem;
}

#local_nav ul li ul	{
	list-style: disc;
}

#local_nav li ul li	{
	margin-top: .3rem;
	padding-left: .5rem;
	padding-right: .5rem;
	font-size: .8rem;
}	

#local_nav a	{
	text-decoration: none;
	color: inherit;
	display: block;
}	

#local_nav a:hover, #local_nav a:active, #local_nav a:focus	{
	font-weight: bold;
}	

#local_nav li ul	{
	display: none;
	padding-left: 0;
	margin-left: 1rem;
}

#local_nav li.current ul, #local_nav li.current_up ul	{
	display: block;
}	

#local_nav li.current, #local_nav li.current_up	{
	font-weight: bold;
}

#local_nav li.current ul li, #local_nav li.current_up ul li	{
	font-weight: normal;
}

#local_nav li.current_up ul li.current, #local_nav li.current_up ul li.current_up	{
	font-weight: bold;
}

#local_nav li.current > a	{
	cursor: default;
}	



/*POETIC TEXT*/

blockquote.poem 	{
	text-align: center;
}	

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

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

blockquote .fa, blockquote.poem.fa	{
	font-weight: normal;
	font-size: 1.2rem;
	text-align: center;
}

blockquote.poem + p	{
	margin-top: 2rem;
}	

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

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


.essay article figure a	img {
	cursor: zoom-in;
}	

.essay figcaption	{
	font-size: 90%;
	margin-top: .5rem;
	text-align: center;
}

.essay .full img, .essay .wide img	{
	width: 100%;
}	

.essay .g1-1 img, 
.essay .g2-3 .cell1 img, 
.essay .g1-1-1 img, 
.essay .g3-2 .cell2 img, 
.essay .square img	{
	width: 80%;
	margin: 0 auto;
}	

.essay .g1-3 .cell1 img, 
.essay .g1-2 .cell1 img, 
.essay .skinny img,
.essay .g3-1 .cell2 img, 
.essay .g2-1 .cell2 img 	{
	width: 60%;
	margin: 0 auto;
}	

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

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

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

.essay .divider	{
	text-align: center;
}	

li img.tiny	{
	width: 10rem;
	margin: .5rem 1rem 2rem 0;
}

li img.tiny2	{
	width: 20.8rem;
	margin: .5rem 1rem 2rem 0;
}	

/*FOOTNOTES*/

sup.footnote	{
	vertical-align: super;
	line-height: 0;/*To avoid uneven line spacing*/
}
	
sup.footnote a	{
	font-size: 80%;
	text-decoration: none;
	padding: 0 .4em .1em;
	border-radius: 50%;
	color: #511b0e;
}	

sup.footnote a:hover, sup.footnote a:focus, sup.footnote a:active, sup.footnote:target a	{
	background: #e7ddcd;
	font-weight: bold;
}	

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

#footnotes h4	{
	text-align: left;
}

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

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

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

#footnotes a.reversefootnote {
	text-decoration: none;
}	

#footnotes a.reversefootnote:hover, #footnotes a.reversefootnote:focus  {
	background: #e7ddcd;
}	



/*BIBLIOGRAPHY*/
/*SOURCES*/

.bibliography .fa, .sources .fa	{
	font-size: 1.2rem;
}

.bibliography ul, .sources.no_bullet ul, .no_bullet ul	{
	list-style: none;
	padding-left: 0;
	
}

.sitemap #checklist ul	{
	list-style: none;
}	

.bibliography ol ul	{
	list-style: disc;
	padding-left: 2rem;
}	

.sources.no_bullet ul	{
	margin-top: 2rem;
}
	
.bibliography li, .sources li	{
	margin-bottom: .8rem;
}

.bibliography h3	{
	font-size: 1em;
}	

.bibliography h4	{
	font-weight: normal;
	font-style: italic;
}	

.sources h3, .sources h4, .sources h5	{
	font-size: 1em;
	margin-bottom: -1rem;
	font-weight: normal;
}

.bibliography li.bilingual *, .bibliography li.bilingual a, .sources li.bilingual *, .sources li.bilingual a	{
	text-align: right;
}	


/*TABLE*/
.essay table	{
	margin-bottom: 2rem;
}	


.extrawide	{
	overflow-x: auto;
}

	
.extrawide table {
	border-collapse: collapse;
	vertical-align: top;
	font-size: 80%;
	overflow-x: hidden;
	border: 1px solid #511b0e;
}

th, td {
	padding: 0.5rem;
	text-align: left;
	border: 1px dotted #511b0e;
	vertical-align: top;
	
}

th	{
	background: #e7ddcd;
}

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

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

table td span	{
	display: block;
}	


/*LOGOS*/


.logos a, #logos a 	{
	display: inline-block;
}

.logos a, #logos a	{
	padding: .5rem;
	width: 10rem;
}

.logos a:hover, .logos a:focus, .logos a:active, #logos a:hover, #logos a:focus, #logos a:active	{
	outline: 1px solid #1f2f54;
	
}	

#logo_double	{
	width: 16rem;
	margin: .5rem auto;
}	


/*********************/
/*TIMELINE*/

.timeline .period h2	{
	margin: 0;
	padding: .5rem;
	color: #fdf9ea;
	font-size: 130%;
}

.timeline #p1 h2	{
	background: #335a81;
}


.timeline #p2 h2	{
	background: #6c3940;
}

.timeline #p3 h2	{
	background: #4e6c5d;
}


.timeline #p4 h2	{
	background: #85682b;
}

.timeline #p5 h2	{
	background: #54777b;
}

.timeline #p6 h2	{
	background: #7a6f63;
}

.timeline #p7 h2	{
	background: #335a81;
}

.timeline #p8 h2	{
	background: #6c3940;
}

.timeline #p9 h2	{
	background: #4e6c5d;
}

.timeline #p10 h2	{
	background: #85682b;
}



.timeline .period ul	{
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.timeline .period li	{
	margin: 0;
	padding: 1rem 0;
	display: grid;
	grid-template-columns: 6em 1fr;
	grid-column-gap: 2rem;
	border-bottom: 1px solid #511b0e;
}

.timeline .period li:last-child	{
	border-bottom: none;
}	

.timeline .period li .date	{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	justify-self: start;
	font-weight: bold;
}	

.timeline .period li .event	{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	justify-self: start;
	
}	

/*IMAGE ZOOM*/
.sr_only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    left: -9999px;
    top: -9999px;
}


.zoom_new	{
	display: none;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	margin: 0;
	padding: 0;
}	

.zoom_new:target	{
	display: block;
}	


.zoom_new figure	{
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	display: grid;
	grid-template-columns: 3rem 3rem calc(100vw - 10rem) 3rem;
	grid-template-rows: 3rem calc(100vh - 4rem);
	align-items: center;
	
}

.zoom_new .image	{
	grid-column: 1 / 5;
	grid-row: 2 / 3;
	justify-self: center;

}

.zoom_new .previous	{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	justify-self: center;
}

.zoom_new .next	{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	justify-self: start;
}

.zoom_new .counter	{
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	justify-self: end;
	color: #fdf9ea;
}	

.zoom_new .close	{
	grid-column: 4 / 5;
	grid-row: 1 / 2;
	justify-self: center;
}	

.zoom_new figcaption 	{
	display: none;
}

.zoom_new img {
	cursor: zoom-out;
	display: block;
	width: auto;
	height: auto;
	max-height: calc(100vh - 4rem);
	max-width: calc(100vw - 4rem);
	margin: 0 auto;
	outline: 1px solid #333;
	
}

.zoom_new .close, .zoom_new .previous, .zoom_new .next {
  color: #fdf9ea;
  font-weight: bold;
  text-decoration: none;
}

.zoom_new .close	{
	font-size: 2rem;
}

.zoom_new .previous, .zoom_new .next	{
	font-size: 1.4rem;
}	

.zoom_new .close:hover, .zoom_new .close:active, .zoom_new .close:focus,
.zoom_new .previous:hover, .zoom_new .previous:active, .zoom_new .previous:focus,
.zoom_new .next:hover, .zoom_new .next:active, .zoom_new .next:focus {
  color: #fff;
}

.zoom_new figcaption a	{
	color: #fff;
}	

/*INTERACTIVE FEATURE*/

.imagemap	{
	display: block;
	margin: 2rem 0;
	padding: 0;
	position: relative;
}	

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

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

.imagemap .spotlight:hover, .imagemap .spotlight:focus {
	opacity: .9;
	outline: 2px solid #1f2f54;
}	

#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%;
}		

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

/*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 .left:hover, .photo_tl .entry .left:active, .photo_tl .entry .left:focus {
	box-shadow: none;
}	

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

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

.photo_tl .entry .right	img {
	padding-bottom: .5rem;
}	

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

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

.photo_tl .entry .right:hover, .photo_tl .entry .right:active, .photo_tl .entry .right:focus	{
	opacity: .7;
}	


/*Photographer page*/
.mini_nav ul	{
	list-style: none;
	margin: 0 0 2rem;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 1rem;
	width: 100%;
	
}

.mini_nav li	{
	font-size: 90%;
	color: #1f2f54;
	vertical-align: middle;

}

.mini_nav a	{
	text-decoration: none;
	color: #1f2f54;
}	

.mini_nav a:hover, .mini_nav a:active, .mini_nav a:hover {
	font-weight: bold;
}	
	
.mini_nav .back	{
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	justify-self: center;
}

.mini_nav .previous	{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	justify-self: start;
}

.mini_nav .next	{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	justify-self: end;
}	

.mini_nav .arrow	{
	font-size: 1.2em;
	
}	

em.action	{
	display: block;

}
	
.essay .collection2	{
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.essay .collection2	figure.group	{
	margin-bottom: 2rem;
	align-items: center;
}

	

.collection2 .credit, .zoom_new .credit	{
	display: block;
	
}

.collection2 .credit	{
	margin-top: .5rem;
}

.zoom_new .credit, .zoom_new .credit a	{
	color: #cca08c;
}	


/*CHECKLIST*/

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;
	overflow: hidden;
	width: min(10rem, 45vw);
	
}	

.checklist2 li:hover, .checklist2 li:active, .checklist2 li:focus	{
	border: 1px solid #9a462e;
	background: #fdf9ea;
}	


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

.checklist2 li a:hover  	{
	color: #9a462e;
}

.checklist2 li a:focus {
	padding: 1px;
	background: #fdf9ea;
}



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

.checklist2 li .chapter	{
	font-size: 100%;
	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;
	transition: all .1s ease-in-out;
}	

.checklist2 li:hover img	{
	transform: scale(101%, 101%);
	overflow: hidden;
}	

/*CHECKLIST OBJECTS*/

h1 span	{
	display: block;
}

article h1 span.translation	{
	font-size: 1.2rem;
	font-weight: normal;
}	

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

p + p.author	{
	margin-top: 4rem;
}

p.author + p.author	{
	margin-top: 0;
}
	
p.author span	{
	display: block;
}

.author_name	{
	font-weight: bold;
	display: block;
}

.tombstone	{
	font-size: 100%;
	/*text-align: left;*/
	text-align: center;
}

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



.tombstone .object_name	{
	font-weight: bold;
	font-size: 120%;
}	

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

.collection2 .credit, .collection2 .sources	{
	font-size: 90%;	
}

/*VIDEOS*/
	
.essay article .video, .essay article .audio	{
	margin: 2rem 0;
}

video	{
	width: 100%;
	height: auto;
}

.essay article .video.small	{
	width: 80%;
	margin: 2rem auto;
}	

.essay article .video.xsmall	{
	width: 60%;
	margin: 2rem auto;
}	

p.video_caption, p.map_caption	{
	font-size: 90%;
	margin: .5rem 0 3rem;
	text-align: center;
}

div.video + p.video_caption {
	margin-top: -1.5rem;
	
}	

div.object + p.video_caption	{
	margin-top: 4rem;
	margin-bottom: -.5rem;
	font-size: 100%;
}	

p.audio_caption	{
	text-align: center;
	
}	

div.audio + p.audio_caption	{
	margin-bottom: 1rem;
	font-size: 100%;
}	

div.audio audio + p.audio_caption	{
	font-size: 90%;
	margin: .5rem 0 3rem;
	text-align: center;
}


/*YOUTUBE VIDEOS*/ /*No longer used?*/
.youtube	{
	width: 100%; 
	margin-top: 2rem;
	margin-bottom: 2rem;
}	


.youtube_wrapper	{
	width: 100%; 
	position: relative;
	padding-bottom: 56.25%;
	height: auto;
	margin: 0;
}	

.youtube_wrapper iframe	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/*AUDIOS*/

audio	{
	width: min(100%, 20rem);
}

audio.centered	{
	margin-left: calc(50% - 10rem);
	
}	

body.fa ul.centered	{
	margin-right: calc(50% - 8rem);
	
}	

/*MAPS*/
iframe	{
	width: 100%;
	height: 75vh;
	border: 1px solid #ccc;
}	

/*FIXED BUTTON*/
.button.fixed	{
	display: none;
}	

/*CATALOG*/
.catalog	{
	border-top: 1px solid #511b0e;
}

.catalog div, article.sections section	{
	padding-bottom: 2rem;
	border-bottom: 1px solid #511b0e;
}

.catalog div:last-child, article.sections section:last-of-type	{
	border-bottom: none;
}	

.catalog h5	{
	font-size: 1.2em;
}	

.essay .catalog figure.side img	{
	margin-left: 0;	
	margin-right: 0;	
}

.essay .catalog .side figcaption	{
	text-align: left;
}	

.catalog blockquote.fa	{
	font-weight: normal;
	font-size: 1.2rem;
	text-align: right;
}

.yadegari blockquote	{
	padding: 0;
	margin: 0 0 2rem;
}	

/*PHOTO TIMELINE NEW*/

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

}

.photos .thumbnails figure	{
	width: calc(50% - 1rem);
	margin: .5rem;
}	

/*SITE MAP*/

.essay .sitemap h2 {
	text-align: left;
	font-size: 1.4rem;
}

.essay .sitemap h3 {
	font-size: 1.2rem;
}

.essay .sitemap li {
	margin-bottom: .5rem;
}

.essay .sitemap section, #about section, #notes #guide	{
	border-bottom: 1px solid #511b0e;
}

.essay#about article > section	{
	margin-bottom: 0;
	padding-bottom: 1rem;
}	

.essay .sitemap section section, #about section:last-child, #about section section {
	border-bottom: none;
}	

ul.questions {
	list-style-type: circle;
	margin-bottom: 2rem;
}

ul.questions li	{
	margin-bottom: .5rem;
}	

.pattern {
	border-bottom: 1px solid #511b0e;
}

.pattern:last-of-type	{
	border-bottom: none;
}	


/*LOUVRE IMAGES REMOVED*/

.essay img.blank {
	width: min(60%, 18rem) !important;
}

/*-----------------------------*/

p.citation	{
	margin-top: 4rem;
}	

#acknowledgments	{
	padding-top: 2rem;
	border-top: 1px solid #511b0e;
}	

ol.standout, ul.standout	{
	margin-top: .5rem;
	margin-bottom: .5rem;
}	
/*-----------------------------*/
/*MIHRAB TEST*/

.photos .thumbnails .flip-card	{
	/*width: calc(50% - 1rem);*/
	margin: .5rem;
	width: 20rem;
  height: 20rem;
  outline: 2px solid #333;
}	

.flip-card h3	{
	text-align: center;
}	

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  width: 20rem;
  height: 20rem;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner, .flip-card:focus .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  width: 20rem;
  height: 20rem;
-webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;  
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}


/* Style the back side */
.flip-card-back {
  background-color: #fff;
  color: #333;
  transform: rotateY(180deg);
}


/*MIHRAB NEW*/
.chapters.mihrab_new li	{
	width: 40%;
}	

.special	{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}