/**
 * Content
 */

body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	font-style: normal;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 2em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 6em;
}

hr {
	background: rgba(0, 0, 0, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: -.4em;
}

.gallery_image_caption {
    margin-top: 0.7rem;
    margin-bottom: 1.0rem;
    font-size: 1.1rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.4;
    padding-right: 1rem;
    padding-left: 1rem;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
	font-family: "Dolly Pro", Icons;
	font-style: normal;
	line-height: 1.5;
}

[data-predefined-style="true"] bodycopy a {
	color: #c94f2b;
	padding-bottom: 0.1em;
	text-decoration: none;
    border-bottom: 1px dotted #c94f2b;
    padding-bottom: 0rem;
    
}

[data-predefined-style="true"] bodycopy a:hover {
    border-bottom: 1px solid #c94f2b;

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
    
}

[data-predefined-style="true"] h1 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 5rem;
	line-height: 1.1;
	color: #000;
	}

[data-predefined-style="true"] h1 a {
	color: #c94f2b;
    border-bottom: none;
    text-decoration: underline;
}

[data-predefined-style="true"] h1 a:hover {
	color: #c94f2b;
    border-bottom: none;
    text-decoration: none;
}

[data-predefined-style="true"] h2 {
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 3.5rem;
	line-height: 1.3;
	}

[data-predefined-style="true"] h2 a {
	color: #c94f2b;
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5;
	font-family: "Alte Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: #000;
}

[data-predefined-style="true"] small a {
	color: #000;
    border-bottom: none;
    text-decoration: none;
}

[data-predefined-style="true"] small a:hover {
    border-bottom: 1px solid;
}



/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: #f3f2e9/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100% /*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 3rem /*!main_margin*/;
	padding-bottom: 3rem /*!main_margin*/;
	padding-left: 3rem /*!main_margin*/;
	padding-right: 3rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.5rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.5rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .2rem;
    font-size: 1.1rem;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

.thumbnails .tags {
    margin-top: .4rem;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
	bottom: 3rem /*!site_menu_button*/;
	left: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: #f3f2e9;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: #000;
}

#site_menu .set-link > a {
	color: #000;
	font-weight: normal;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: #000;
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 36px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 3rem /*!shop_button*/;
	right: 3rem /*!shop_button*/;
}

#shop_button.text {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 40px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.75);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.2rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.25);
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .8rem .9rem;
	font-style: normal;
	font-weight: 400;
    	color: rgba(0, 0, 0, 0.75);
}

.shop_product .button {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.2rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem;
	font-style: normal;
	font-weight: 400;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}



/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}



/* CUSTOM */



/* PART  1 SPECIFICS*/

.draggable_handle_EE small {
    color: #267c8a;
   
    
}


.to_text_EE {
	padding: .1em .5em .1em .5em;
    border-top: 1px dotted  #267c8a;
}

.to_text_EE small a {
    color:  #267c8a;
}


#note7,
#note8,
#note9,
#note10,
#note11,
#note12,
#note13,
#note14,
#note15,
#note16,
#note17,
#note18,

#note20,
#note21,
#note22,
#note23,
#note24,
#note25,
#note26,
#note27,
#note28,
#note29,
#note30,
#note31,

#note34,
#note35,
#note36,
#note37,
#note38,
#note39,
#note40,
#note41,
#note42,
#note43,
#note44,
#note45,
#note46,
#note47,
#note48 {
	border: 1px solid #267c8a;
    /*margin: -1px -0.5px;*/
    scroll-margin-top: 200px;
    margin-left: -2rem;
    margin-right: 3rem;
    
}


#note19, #note32, #note33 {
    
    border: 1px solid #267c8a;
    /*margin: -1px -0.5px;*/
    scroll-margin-top: 200px;
    margin-left: -5rem;
    margin-right: 5rem;
    margin-top: 5rem;
    margin-bottom: -5rem;
    color: #267c8a;
    padding: 1rem;
    background: #f3f2e9;

    
}




#note7_number,
#note8_number,
#note9_number,
#note10_number,
#note11_number,
#note12_number,
#note13_number,
#note14_number,

#note16_number,
#note17_number,
#note18_number,
#note19_number,
#note20_number,
#note21_number,
#note22_number,
#note23_number,
#note24_number,
#note25_number,
#note26_number,
#note27_number,
#note28_number,
#note29_number,
#note30_number,
#note31_number,
#note32_number,
#note33_number,
#note34_number,
#note35_number,
#note36_number,
#note37_number,
#note38_number,
#note39_number,
#note40_number,
#note41_number,
#note42_number,
#note43_number,
#note44_number,
#note45_number,
#note46_number,
#note47_number,
#note48_number {
	color: #267c8a;
    border-bottom: 1px dotted #267c8a;
    scroll-margin-top: 200px;
}


#note15_number {
	border-bottom: none;
    color: #267c8a;
}


a#note15_number:hover {
    border-bottom: none;
	
}



#note7_number:hover,
#note8_number:hover,
#note9_number:hover,
#note10_number:hover,
#note11_number:hover,
#note12_number:hover,
#note13_number:hover,
#note14_number:hover,
#note15_number:hover,
#note16_number:hover,
#note17_number:hover,
#note18_number:hover,
#note19_number:hover,
#note20_number:hover,
#note21_number:hover,
#note22_number:hover,
#note23_number:hover,
#note24_number:hover,
#note25_number:hover,
#note26_number:hover,
#note27_number:hover,
#note28_number:hover,
#note29_number:hover,
#note30_number:hover,
#note31_number:hover,
#note32_number:hover,
#note33_number:hover,
#note34_number:hover,
#note35_number:hover,
#note36_number:hover,
#note37_number:hover,
#note38_number:hover,
#note39_number:hover,
#note40_number:hover,
#note41_number:hover,
#note42_number:hover,
#note43_number:hover,
#note44_number:hover,
#note45_number:hover,
#note46_number:hover,
#note47_number:hover,
#note48_number:hover {
    border-bottom: 1px solid #267c8a;
}







.entry-section-title-bloc-number-EE h1 {
    font-family: 'Aref Ruqaa', serif;
    color: #267c8a;
    font-size: 20rem;
    text-align: left;
    margin-bottom: -20rem;
	
}


.entry-quote-arabic-EE h2 {
	direction: rtl;
    /*font-family: "Amiri", serif;*/
    font-family: 'Aref Ruqaa', serif;
    color: #267c8a;
    text-align: right;
    font-size: 8.0rem;
    line-height: normal;
    margin-bottom: -55rem;
    transform: skew(-5deg, -10deg);
    padding-right: 2rem;
    padding-top: 10rem;
    direction: rtl;
    
}



.semi-fictional-title-arabic-EE h2 {
    font-family: 'Aref Ruqaa', serif;

    font-size: 15rem;
    line-height: 1.3;
    color: #267c8a;
    text-align: center;
    margin-bottom: 0rem;

}


.semi-fictional-column-EE {
    font-family: "Infini GF", Icons;
	font-size: 1.35rem;
    border: 1px solid;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
	font-style: normal;
	font-weight: 400;
    background: #f3f2e9;
}




.semi-fictional-dialogs-EE {
	width: 200%;
}

.semi-fictional-dialogs-EE h2{
    font-family: "Infini GF", Icons;
	font-style: normal;
	font-weight: 400;
}

.semi-fictional-dialogs-EE h2{
    border-bottom: none;
}


.semi-fictional-dialogs-EE {
    border-bottom: none;
}

.semi-fictional-dialogs-EE h2 a {
    border-bottom: none;
    text-decoration: none;
}

.semi-fictional-dialogs-EE h2 a:hover {
    border-bottom: none;
    text-decoration: none;
}
 



.date_past_EE {
	border: 1px solid #000;
    font-family: "Infini GF", Icons;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
    background: #f3f2e9;
    color: #267c8a;
	font-style: normal;
	font-weight: 400;
}



.auto-ethnographic-section-EE {
    color: #267c8a;

}

.auto-ethnographic-section-EE h1 {
    color: #267c8a;
}



.auto-ethnographic_title_bloc_EE {
	
}


.auto-ethnographic_title_latin_EE h2 {
    font-size: 6rem;
    color: #267c8a;
	
}

.auto-ethnographic_title_arabic_EE h2 {
    font-family: "Amiri", serif;
    font-size: 7rem;
    color: #267c8a;
    font-weight: 400;
	
}


.auto-ethnographic-images-EE {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
    mix-blend-mode: screen;
}


.auto-ethnographic-images-EE:hover {
    filter: none ;
}



.auto-ethnographic-images-in-text-EE {
	float: left;
    margin: .5rem 1rem 20rem 0rem;

}




.auto-ethnographic-images-EE img:hover {
    filter: none;
}




.concept_title_latin_EE h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 20rem;
	font-weight: 700;
    color: #267c8a;
    line-height: 1;
    
}

.concept_title_latin_conclusion h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 20rem;
	font-weight: 700;
    color: #957b69;
    line-height: 1;
    
}



.concept_title_arabic_EE h2{
	font-family: 'Markazi Text', serif;
    font-weight: 700;
    color: #fff;
    font-size: 30rem;
    text-align: right;
    line-height: normal;
    margin-bottom: -26rem;
    border: 1px solid;
    background: repeating-linear-gradient(
        -3deg,
        #fff,
        #fff 1px,
        #f3f2e9 1px,
        #f3f2e9 3rem
    );
    direction: rtl;
}

.contemporary-study-case-EE {
	border: 1px solid;
    margin-bottom: -2px;
    font-family: "Alte Haas Grotesk", Icons;
	font-size: smaller;
    font-style: normal;
	font-weight: 400;
    padding: 2rem;
    background: #f3f2e9;
}


.contemporary-study-case-conclusion {
	border: 1px solid;
    margin-bottom: -2px;
    font-family: "Alte Haas Grotesk", Icons;
	font-size: smaller;
    font-style: normal;
	font-weight: 400;
    padding: 2rem;
    background: #f3f2e9;
}


.contemporary-study-case-title-EE h2 {
	font-size: 3rem;
}



.contemporary-study-case-title-AWLE h2 {
	font-size: 3rem;
    color: #f00;
}




.contemporary-study-case-title-AWLE span {
    color: #fff;
}




.contemporary-study-case-title-EE span {
	color: #fff;
}


.contemporary-study-case-EE h2  {
    color: #267c8a;
}

.contemporary-study-case-conclusion h2  {
    color: #957b69;
}

.contemporary-study-case-conclusion span {
	color: #fff;
}


.contemporary-study-case-EE small  {
    color: #267c8a;
}


.contemporary-study-case-footnotes {
	padding: 2rem;
}





.contemporary-study-case-title-EE h2 {
	color: #267c8a;
}


.contemporary-study-case-EE h2  {
    color: #267c8a;
}

.contemporary-study-case-EE small  {
    color: #267c8a;
}




.contemporary-study-case-images-EE {
    /*background: #267c8a;*/
    

    
    
}



.contemporary-study-case-images-EE img {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
  	opacity: 0.4;
    mix-blend-mode: screen;
}



.contemporary-study-case img:hover {
    filter: none;
   
}









.footnote_number .footnote_tooltip_EE small {
    color: #267c8a;
}


.footnote_number_EE .footnote_tooltip_EE::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 19%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #267c8a transparent transparent transparent;
}






/* PART 2 + OVERALL */



image [caption] {
	display: block;
}

button {
	border: none;
    background: none;
    cursor: pointer;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
    padding-bottom: 2rem;
    word-wrap: break-word;
}

td:nth-child(odd) {
	padding-right: 4rem;
}


.main-header {
	border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #f3f2e9;
    
}

.section-header {
	border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #f3f2e9;
}

.section-concept-header {
	border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #f3f2e9;
}


.rts-setion-footer {
	border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #f3f2e9;
    height: 2.8rem;
}


/*DRAGGABLE*/

[data-draggable] .draggable_handle {
	background: #f3f2e9;
    z-index: 1;
    
    

}

.draggable_handle small {
    color: #c94f2b;
    
}





.note_handle {
	padding: .1em .5em .1em .5em;
    border-bottom: 1px solid;
}


.to_text {
	padding: .1em .5em .1em .5em;
    border-top: 1px dotted  #c94f2b;
}

.to_text small a {
    color:  #c94f2b;
}


.note_itself {
	padding: .5em;
}


#note49,
#note50, 
#note51,
#note52,
/*#note53,*/
/*#note54,*/
#note56,
#note57,
#note58,
#note59,
#note60,
#note61,
/*#note62,*/
#note63,
#note64,
/*#note65,*/
/*#note66,*/
#note67,
#note68,
#note69,
#note70,
#note71,
#note72,
#note73,
#note74,
#note75,
#note76,
#note77,
#note78,
#note79,
#note80, 
#note81, 
#note82, 
#note83,
#note84,
#note85,
/*#note86,*/
#note87,
#note88,
#note89,
#note90 {
	border: 1px solid #c94f2b;
    /*margin: -1px -0.5px;*/
    scroll-margin-top: 200px;
    margin-left: -2rem;
    margin-right: 3rem;
    
}


#note86 {
	scroll-margin-top: 200px;
}



#note84, #note85, #note91 {
    
    border: 1px solid #c94f2b;
    /*margin: -1px -0.5px;*/
    scroll-margin-top: 200px;
    margin-left: -5rem;
    margin-right: 5rem;
    margin-top: 5rem;
    margin-bottom: -5rem;
    color: #c94f2b;
    padding: 1rem;
    background: #f3f2e9;

    
}





/* CSC Footnotes */


#note92 {
	background: #c94f2b;
}



#note92 a {
	color: #f3f2e9;
    border-bottom: 1px dashed;
}



#note49_number,
#note50_number,
#note51_number,
#note52_number,
#note53_number,
#note54_number,
#note56_number,
#note57_number,
#note58_number,
#note59_number,
#note60_number,
#note61_number,
#note62_number,
#note63_number,
#note64_number,
#note65_number,
#note66_number,
#note67_number,
#note68_number,
#note69_number,
#note70_number,
#note71_number,
#note72_number,
#note73_number,
#note74_number,
#note75_number,
#note76_number,
#note77_number,
#note78_number,
#note79_number,
#note80_number,
#note81_number, 
#note82_number, 
#note83_number,
#note84_number,
#note85_number,
#note86_number,
#note87_number,
#note88_number,
#note89_number,
#note90_number,
#note91_number,
#note92_number,

#note99_number,
#note100_number,
#note101_number,

#note108_number,
#note109_number,
#note110_number,
#note111_number,

#note113_number,

#note121_number,
#note122_number,
#note126_number, 

#note132_number, 
#note133_number, 
#note134_number {
	scroll-margin-top: 200px;
}


:target {
   background: #fff;
}

.entry-section-title-bloc {
	
}

.entry-section-title-bloc-number h1 {
    font-family: 'Aref Ruqaa', serif;
    color: #c94f2b;
    font-size: 20rem;
    text-align: left;
    margin-bottom: -20rem;
	
}

.entry-section-title-bloc-latin {
	
}

.entry-section-title-bloc-arabic h2 {
    font-family: 'Aref Ruqaa', serif;
    color: #fff;
    font-size: 20rem;
    text-align: right;
    margin-bottom: -11rem;
    direction: rtl;
	
}

.entry-section-title-bloc-arabic1 h2 {
    font-family: 'Aref Ruqaa', serif;
    color: #fff;
    font-size: 15rem;
    text-align: right;
    margin-bottom: -11rem;
    direction: rtl;
	
}

.entry-quote-arabic h2 {
	direction: rtl;
    /*font-family: "Amiri", serif;*/
    font-family: 'Aref Ruqaa', serif;
    color: #c94f2b;
    text-align: right;
    font-size: 9.0rem;
    line-height: 1.3;
    margin-bottom: -55rem;
    transform: skew(-5deg, -10deg);
    
}


.entry-quote-arabic-source {
	direction: rtl;
    text-align: right;
    font-size: 1.5rem;
    
}

.semi-fictional-title-latin h2 {
    font-size: 5rem;
    font-family: "Infini GF", Icons;
	font-style: normal;
	font-weight: 700;
    text-align: center;
    margin-top: 0rem;
    mix-blend-mode: multiply;
    
}

.semi-fictional-title-arabic h2 {
    font-family: 'Aref Ruqaa', serif;

    font-size: 15rem;
    line-height: 1.3;
    color: #c94f2b;
    text-align: center;
    margin-bottom: 0rem;
    direction: rtl;

	
}


.semi-fictional-column {
    font-family: "Infini GF", Icons;
	font-size: 1.35rem;
    border: 1px solid;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
	font-style: normal;
	font-weight: 400;
    background: #f3f2e9;
}

.semi-fictional-column-AWLE {
    font-family: "Infini GF", Icons;
	font-size: 1.35rem;
    border: 1px solid;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
	font-style: normal;
	font-weight: 400;
    background: #f3f2e9;
}


.semi-fictional-column-AWLE a {
    color: #f00;
    border-bottom: 1px dotted #f00;
}


.semi-fictional-column-AWLE a:hover {
    border-bottom: 1px solid;
}


.date_past {
	border: 1px solid #000;
    font-family: "Infini GF", Icons;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
    background: #f3f2e9;
    color: #c94f2b;
	font-style: normal;
	font-weight: 400;
}

.semi-fictional-dialogs {
	width: 200%;
}

.semi-fictional-dialogs h2{
    font-family: "Infini GF", Icons;
	font-style: normal;
	font-weight: 400;
}







.auto-ethnographic-section {
    color: #c94f2b;

}

.auto-ethnographic-section h1 {
    color: #c94f2b;
}



.auto-ethnographic_title_bloc {
	
}


.auto-ethnographic_title_latin h2 {
    font-size: 6rem;
    color: #c94f2b;
	
}

.auto-ethnographic_title_arabic h2 {
    font-family: "Amiri", serif;
    font-size: 7rem;
    color: #c94f2b;
    direction: rtl;
	
}


.auto-ethnographic-essays {
    font-size: 2rem;
    padding: 1em 1.5em 1.5em 1.5em;
    background: #ededed;
    /*box-shadow: 5px 5px 35px rgba(0,0,0,0.3);*/
}


.auto-ethnographic-images {
    /*background-color: #c94f2b;*/
}



.auto-ethnographic-images-in-text {
	float: left;
    margin: .5rem 1rem 20rem 0rem;
    /*background-color: #c94f2b;*/

}



.auto-ethnographic-images-in-text img {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
  	opacity: 1;
    /*mix-blend-mode: screen;*/
   
}

.auto-ethnographic-images-in-text img:hover {
    filter: none;
   
}



.concept-images-blend {
	float: left;
    margin: .5rem 1rem 20rem 0rem;
    /*background-color: #f3f2e9;*/

}



.concept-images-blend img {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
  	opacity: .11;
    /*mix-blend-mode: screen;*/
   
}

.concept-images-blend img:hover {
    filter: none;
   
}


.auto-ethnographic-images img {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
    mix-blend-mode: screen;
}

.auto-ethnographic-images img:hover {
    filter: none;
}



.auto-ethnograghic-dialogs {
    width: 150%;
    margin-left: -50%;
}


.auto-ethnograghic-dialogs h2 {
    color: #000;
    font-family: "Dolly Pro", Icons;
	
	font-style: normal;
	font-weight: 400;
	
}





.concept_title_bloc {
    margin-bottom: 0rem;
	
}

.concept_title_latin h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 20rem;
	font-weight: 700;
    color: #c94f2b;
    line-height: 1;
    
}

.concept_title_latin1 h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 20rem;
	font-weight: 700;
    color: #c94f2b;
    line-height: 0.5;
    
}



.concept_title_latin1 span {
    font-size: 10rem;
    
}


.smaller_concept_title_latin h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 10rem;
	font-weight: 700;
    color: #c94f2b;
    line-height: 1;
    text-align: left;
    
}


.smaller_concept_title_latin_AWLE h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 10rem;
	font-weight: 700;
    color: #f00;
    line-height: 1;
    text-align: left;
    
}



.concept_title_arabic h2 {
	font-family: 'Markazi Text', serif;
    font-weight: 700;
    color: #fff;
    font-size: 20rem;
    text-align: right;
    line-height: 1;
    margin-bottom: -20rem;
    border: 1px solid;
    background: repeating-linear-gradient(
        -3deg,
        #fff,
        #fff 1px,
        #f3f2e9 1px,
        #f3f2e9 3rem
    );
    direction: rtl;
    mix-blend-mode: multiply;
}


.concept_title_arabic1 h2 {
	font-family: 'Markazi Text', serif;
    font-weight: 700;
    color: #fff;
    font-size: 20rem;
    text-align: right;
    line-height: 0.5;
    margin-bottom: -20rem;
    border: 1px solid;
    background: repeating-linear-gradient(
        -3deg,
        #fff,
        #fff 1px,
        #f3f2e9 1px,
        #f3f2e9 3rem
    );
    direction: rtl;
    mix-blend-mode: multiply;
}


.concept_title_arabic1 span {
    font-size: 10rem;
     
}


.concept_title_arabic_conclusion h2 {
	/*font-family: 'Markazi Text', serif;*/
    font-family: "Amiri", serif;
    font-weight: 400;
    color: #fff;
    font-size: 20rem;
    text-align: right;
    line-height: 1;
    margin-bottom: -20rem;
    border: 1px solid;
    background: repeating-linear-gradient(
        -3deg,
        #fff,
        #fff 1px,
        transparent 1px,
        transparent 3rem
    );
    direction: rtl;
    mix-blend-mode: multiply;
}


.smaller_concept_title_arabic h2 {
	font-family: 'Markazi Text', serif;
    font-weight: 700;
    color: #fff;
    font-size: 10rem;
    text-align: right;
    line-height: 1;
    margin-bottom: -10rem;
    border: 1px solid;
    background: repeating-linear-gradient(
        -95deg,
        #fff,
        #fff 1px,
        #f3f2e9 1px,
        #f3f2e9 2rem
    );
    direction: rtl;
    mix-blend-mode: multiply;
    text-align: right;
    height: 30rem;
    
}



.concept_title_arabic h2:hover {
    color: #000;
    border: 1px solid #fff; 
	
}

.concept_title_arabic1 h2:hover {
    color: #000;
    border: 1px solid #fff; 
	
}

.concept_title_arabic_conclusion h2:hover {
    color: #000;
    border: 1px solid #fff; 
	
}


.smaller_concept_title_arabic h2:hover {
    color: #000;
    border: 1px solid #fff; 
	
}






.concepts_footnotes {
    float: left;
	margin-right: 4rem;
    margin-left: -30%;
    width: 60%;
}




.contemporary-study-case {
	border: 1px solid;
    margin-bottom: -2px;
    font-family: "Alte Haas Grotesk", Icons;
	font-size: smaller;
    font-style: normal;
	font-weight: 400;
    padding: 2rem;
    background: #f3f2e9;
}

.contemporary-study-case-title h2 {
	font-size: 3rem;
}

.contemporary-study-case-title span {
	color: #fff;
}


.contemporary-study-case h2  {
    color: #c94f2b;
}

.contemporary-study-case-AWLE h2  {
    color: #f00;
}

.contemporary-study-case small  {
    color: #c94f2b;
}


.contemporary-study-case-footnotes {
	padding: 2rem;
}



.contemporary-study-case-images {
    /*background: #267c8a;*/
    

    
    
}



.contemporary-study-case-images img {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
  	opacity: 0.4;
    mix-blend-mode: screen;
    
    
   
}



.contemporary-study-case-images-conclusion {
    /*background: #267c8a;*/
    

    
    
}



.contemporary-study-case-images-conclusion img {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
  	opacity: 0.4;
    mix-blend-mode: screen;
    
    
   
}




.introduction-title-bloc {
	text-align: center;
}



.introduction-title-bloc h2 {
	font-size: 5rem;
}


.introduction-title-arabic h2 {
	font-family: "Amiri", serif;
    font-size: 8rem;
    color: #957b69;
   
}


.intro_outro_quote h2 {
	width: 150%;
    font-family: "Dolly Pro", Icons;
    font-size: 2.5rem;
 
}

.intro_outro_quote_right h2 {
	width: 150%;
    font-family: "Dolly Pro", Icons;
    font-size: 2.5rem;
    float: right;
    
    
}




.conclusion-title-bloc, .conclusion-title-bloc-AWLE  {
	text-align: center;
}


.conclusion-title-bloc h2 {
	font-size: 5rem;
}

.conclusion-title-bloc-AWLE h2 {
	font-size: 5rem;
}


.conclusion-title-arabic h2 {
	font-family: "Amiri", serif;
    font-size: 8rem;
    color: #957b69;
    direction: rtl;
}

.conclusion-title-arabic-EE h2 {
	font-family: "Amiri", serif;
    font-size: 8rem;
    color: #267c8a;
    direction: rtl;
}


.conclusion-title-arabic-AWLE h2 {
	font-family: "Amiri", serif;
    font-size: 8rem;
    color: #f00;
}


.conclusion1-title-arabic h2 {
	font-family: "Amiri", serif;
    font-size: 8rem;
    color: #c94f2b;
    direction: rtl;
}




.auto-ethnographic-section-conclusion, .auto-ethnographic-section-conclusion a, .auto-ethnographic-section-conclusion small {
    color: #957b69;
	
}

.auto-ethnographic_title_latin_conclusion {
    color: #957b69;
	
}

.auto-ethnographic_title_arabic_conclusion {
    color: #957b69;
	
}

.auto-ethnographic-section-conclusion h1 {
    
	
}




.auto-ethnographic_title_latin_conclusion h2 {
    font-size: 6rem;
    color: #957b69;
	
}

.auto-ethnographic_title_arabic_conclusion h2 {
    font-family: "Amiri", serif;
    font-size: 7rem;
    color: #957b69;
    font-weight: 400;
	
}


.auto-ethnographic-images-conclusion {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
    mix-blend-mode: screen;
}


.auto-ethnographic-images-conclusion:hover {
    filter: none ;
}



.auto-ethnographic-images-in-text-conclusion {
	float: left;
    margin: .5rem 1rem 20rem 0rem;

}


.auto-ethnographic-images-conclusion img:hover {
    filter: none;
}



.concept_title_latin_conclusion h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 20rem;
	font-weight: 700;
    color: #957b69;
    line-height: 1;
    
}








.intro-footnotes {
    background-color: none;
    margin-bottom: 2rem;
}

.intro-footnotes small {
    color: #000;
}







/* INDEX */



.Index-section {
    background: #fff;
    border: 1px solid;
    margin-bottom: -1em;
    position: fixed;
    top: 6.2rem;
    left: 3rem;
    width: 33.3%;
    height: 60.55rem;
    
}

.Index-top-bar {
	position: fixed;
    border: 1px solid;
    background: #fff;
    padding-left: 1em;
    width: 33.3%;
    z-index: 1;
    margin: -1px;
    padding: 0.4rem 1rem;
    
}

.Index-itself {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-top: 2rem;
    font-family: "Alte Haas Grotesk", Icons;	
	font-style: normal;
	font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5;
}


.Index-itself table  {
	width: 100%;
}


.Index-itself td:nth-child(odd) {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
	
}

.Index-itself td:nth-child(even) {
	border-bottom: 1px solid;
    padding-top: 1rem;
    padding-bottom: 1rem;
    
}



.Index-itself a {
    text-decoration: none;
    color: #000;
    
}

.Index-itself a:hover {
    border-bottom: 1px solid;
    
}



.Index-intro-conclusion {
	margin-top: -1px;
    margin-bottom: -1px;
    border-top: 1px solid;
    padding-top: 1rem ;
    padding-bottom: 1rem ;
    padding-left: 1rem;
}

.Index-epilogue {
	margin-top: -1px;
    border-top: 1px solid;
    padding-top: 1rem ;
    padding-bottom: 1rem ;
    padding-left: 1rem;
}

 


#Index-section-tr1,
#Index-section-tr2,
#Index-section-tr3 {
    margin: -1px;
    border-top: 1px solid;
}






/* BIBLIOGRAPHY */
/* RTS */

.all-notes-section {
    background: #f3f2e9;
    border: 1px solid;
    margin-bottom: -1em;
    position: fixed;
    top: 6.2rem;
    right: 3rem;
    width: 40%;
    height: 60.55rem;
    
    
}

.all-notes-section1 {
    background: #f3f2e9;
    border: 1px solid;
    margin-bottom: -1em;
    position: fixed;
    top: 6.2rem;
    right: 3rem;
    width: 40%;
    height: 60.55rem;

}







.all-notes-top-bar {
	position: fixed;
    border: 1px solid;
    background: #f3f2e9;
    padding-left: 1em;
    width: 40%;
    z-index: 1;
    margin: -1px;
    padding: 0.4rem 1rem;
    
}

.all-notes-section-rts-one-itself {
    padding-left: 1em;
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-top: 2rem;
    word-break: break-word;
	
}


.all-notes-section-EE-one-itself {
    padding-left: 1em;
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-top: 2rem;
    word-break: break-word;
	
}



.all-notes-section-rts-one-itself small a {
	border-bottom: 1px solid #c94f2b;
    color: #c94f2b;
}

.all-notes-section-rts-one-itself small a:hover {
	border-bottom: none;
}


.all-notes-section-awle-one-itself small a{
	border-bottom: 1px solid #f00;
    color: #f00;
}


.all-notes-section-awle-one-itself small a:hover {
	border-bottom: none;
}



.all-notes-section-EE-one-itself small a {
	border-bottom: 1px solid #267c8a;
    color: #267c8a;
}

.all-notes-section-EE-one-itself small a:hover {
	border-bottom: none;
}











/* BIBLIOGRAPHY */
/* AWLE */


.all-notes-section3 {
    background: #f3f2e9;
    border: 1px solid;
    margin-bottom: -1em;
    position: fixed;
    top: 6.2rem;
    right: 3rem;
    width: 40%;
    height: 60.55rem;
    
}

.all-notes-top-bar3 {
	position: fixed;
    border: 1px solid;
    background: #f3f2e9;
    padding-left: 1em;
    width: 40%;
    z-index: 1;
    margin: -1px;
    padding: 0.4rem 1rem;
    
}

.all-notes-section-awle-one-itself {
    padding-left: 1em;
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-top: 2rem;
	
}






/* BIBLIOGRAPHY */
/* CURRENT */


.current-reference-section {
    background: #fff;
    border: 1px solid;
    margin-bottom: -1em;
    position: fixed;
    bottom: 3.7rem;
    right: 3rem;
    width: 40%;
    height: auto;
    
}

.current-reference-top-bar {
	position: relative;
    border: 1px solid;
    background: #fff;
    padding-left: 1em;
    width: 100.5%;
    z-index: 1;
    margin: -1px;
    padding: 0.4rem 1rem;
    
}

.current-reference-itself {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-top: 2rem;
    font-family: "Alte Haas Grotesk", Icons;	
	font-style: normal;
	font-weight: 400;
    font-size: 1.7rem;
    line-height: 1.5;
    padding: 1rem;
}









.close_button, .close_button_V1, .close_button_V2 {
	cursor: pointer;
}

.close_button_V2, .close_button {
	float: right;
}


.diary_log {
    background: #ededed;
}

.diary_entry {
	border: 1px solid;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    padding-left: 0.5em;
    cursor: pointer;
    
}

.diary_entry:hover {
    text-decoration: underline;
    
}

/* FOOTNOTE TOOLTIPS*/

.footnote_number {
  position: relative;
  display: inline;
  border-bottom: 1px dotted;
}

.footnote_number .footnote_tooltip {
  visibility: hidden;
  width: 300px;
  background-color: #f3f2e9;
  text-align: left;
  padding: 1em;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  border: 1px solid;
  /*transition: opacity 0.3s;*/
}

.footnote_number .footnote_tooltip small {
    color: #c94f2b;
}


.footnote_number .footnote_tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 19%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #c94f2b transparent transparent transparent;
}

body:not(.mobile) .footnote_number:hover .footnote_tooltip {
  visibility: visible;
  opacity: 1;
}





/* VOICE TOOLTIPS*/

.voice_hover {
  position: relative;
  display: inline;
}

.voice_hover .voice_tooltip {
  visibility: hidden;
  width: 180px;
  background-color: #fff;
  text-align: left;
  padding: 0.5em;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  border: 1px solid;
  /*transition: opacity 0.3s;*/
}

.voice_hover .voice_tooltip small {
    color: #000;
}


.voice_hover .voice_tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 19%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

body:not(.mobile) .voice_hover:hover .voice_tooltip {
  visibility: visible;
  opacity: 1;
}





/* PAGE HAS VIDEO */

.a-quiet-space-for-video {
    border: 1px dotted;
    background: #f3f2e9;
    
}



/*SCROLLBAR*/

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; 
}









/* PART  3 SPECIFICS*/


.draggable_handle_AWLE small {
    color: #f00;

}


.to_text_AWLE {
	padding: .1em .5em .1em .5em;
    border-top: 1px dotted  #f00;
}

.to_text_AWLE small a {
    color:  #f00;
}




#note99,
#note100,
#note101,

#note109,
#note110,
#note111,

#note113,
#note114,
#note115,

#note117,
#note118, 

#note121,
#note122,

#note126,

#note132,
#note133,
#note134 {
	border: 1px solid #f00;
    /*margin: -1px -0.5px;*/
    scroll-margin-top: 200px;
    margin-left: -2rem;
    margin-right: 3rem;

}


a#note112_number, a#note112_number:hover  {
    text-decoration: none;
    border-bottom: none;
	
}


a#pratt1, a#touati1, a#elfving1 {
    color: #957b69;
    border-bottom: none;
	
}


.entry-section-title-bloc-number-AWLE h1 {
    font-family: 'Aref Ruqaa', serif;
    color: #f00;
    font-size: 20rem;
    text-align: left;
    margin-bottom: -20rem;

}


.entry-quote-arabic-AWLE h2 {
	direction: rtl;
    /*font-family: "Amiri", serif;*/
    font-family: 'Aref Ruqaa', serif;
    color: #f00;
    text-align: right;
    font-size: 10.0rem;
    line-height: 1.3;
    margin-bottom: -55rem;
    transform: skew(-5deg, -10deg);
    padding-right: 20rem;
    padding-top: 15rem;

}



.semi-fictional-title-arabic-AWLE h2 {
    font-family: 'Aref Ruqaa', serif;
    font-size: 15rem;
    line-height: 1.3;
    color: #f00;
    text-align: center;
    margin-bottom: 0rem;
    mix-blend-mode: exclusion;

}



    






.semi-fictional-column-AWLE a{
	font-family: "Infini GF", Icons;
	font-size: 1.35rem;
    border: 1px solid;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
	font-style: normal;
	font-weight: 400;
    background: #f3f2e9;
    color: #f00
}


.date_past_AWLE {
	border: 1px solid #000;
    font-family: "Infini GF", Icons;
    padding: 1rem;
    margin-top: -1px;
    margin-right: -0.5px;
    margin-bottom: -0.5px;
    margin-left: -0.5px;
    background: #f3f2e9;
    color: #f00;
	font-style: normal;
	font-weight: 400;
}



.auto-ethnographic-section-AWLE {
    color: #f00;

}

.auto-ethnographic-section-AWLE h1 {
    color: #f00;
}



.auto-ethnographic_title_bloc-AWLE {

}


.auto-ethnographic_title_latin-AWLE h2 {
    font-size: 6rem;
    color: #f00;

}

.auto-ethnographic_title_arabic-AWLE h2 {
    font-family: "Amiri", serif;
    font-size: 7rem;
    color: #f00;

}


.auto-ethnographic-images-AWLE {
    /*background-color: #f00;*/
}



.auto-ethnographic-images-in-text-AWLE {
	float: left;
    margin: .5rem 1rem 20rem 0rem;
    /*background-color: #f00;*/

}


.concept_title_latin_AWLE h2 {
    font-family: 'Markazi Text', serif;
	font-style: normal;
    font-size: 20rem;
	font-weight: 700;
    color: #f00;
    line-height: 1;
    
}

.concept_title_arabic_AWLE h2 {
	font-family: 'Markazi Text', serif;
    font-weight: 700;
    color: #fff;
    font-size: 30rem;
    text-align: right;
    line-height: normal;
    margin-bottom: -26rem;
    border: 1px solid;
    background: repeating-linear-gradient(
        -3deg,
        #fff,
        #fff 1px,
        #f3f2e9 1px,
        #f3f2e9 3rem
    );
    direction: rtl;
}




.contemporary-study-case-AWLE h2  {
    color: #f00;
}

.contemporary-study-case-AWLE small  {
    color: #f00;
}


.contemporary-study-case-images-AWLE {
    /*background-color: #f00;*/
}



.contemporary-study-case-AWLE img  {
    -webkit-filter: grayscale(100%) contrast(100%);
  	filter: grayscale(100%) contrast(100%);
  	opacity: 0.4;
    mix-blend-mode: screen;
   
}

.contemporary-study-case img:hover {
    filter: none;
   
}




.footnote_number .footnote_tooltip_AWLE small {
    color: #f00;
}


.footnote_number_AWLE .footnote_tooltip_AWLE::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 19%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #f00 transparent transparent transparent;
}




/*CHRONOLOGY*/



div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
}

div.scrollmenu a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
    border-bottom: none;
    color: #000;
}


div.scrollmenu a:hover {
    border-bottom: none;
}



.concept-time {
	display: inline-block;
    float: none;
    width: 1000px;

}

table.years-line {
    width: 100%;
    
	
}


table.years-line td {
    text-align: center;
    padding: 0rem;
    border: 1px solid;
 
	
}



table.second-line {
    width: 100%;
    margin-top: -1px;
    
	
}


table.second-line td {
    text-align: center;
    padding: 0rem;
    border: 1px solid; 
	
}



.bottom-years {
    margin-left: 30rem;

}


#siyaha {
	scroll-margin-left: 0px;
}




/* RESPONSIVE ON PHONE */



@media screen and (max-width: 479px) {
/* start of phone styles */
    
    

    
    
    .entry-section-title-bloc-arabic1 h2 {
	font-size: 6rem;
        margin-bottom: -30rem;
}
    
    .entry-section-title-bloc-latin h2 {
        font-size: 2rem;
}
    
      .entry-section-title-bloc-latin h1 {
          font-size: 4rem;
          margin-top: -2rem;
          margin-bottom: 0rem;
          
}
    
    .Index-section {
    background: #fff;
    border: 1px solid;
    margin-bottom: -1em;
    position: fixed;
    top: 3.7rem;
    left: 1.2rem;
    width: 92.5%;
    height: 49.5rem;
        padding-bottom: 3rem;
    
}

.Index-top-bar {
	position: fixed;
    border: 1px solid;
    background: #fff;
    padding-left: 1em;
    width: 92.5%;
    z-index: 1;
    margin: -1px;
    padding: 0.4rem 1rem;
    
}

.Index-itself {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-top: 2rem;
    font-family: "Alte Haas Grotesk", Icons;	
	font-style: normal;
	font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5;
}


.Index-itself table  {
	width: 100%;
}


.Index-itself td:nth-child(odd) {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
	
}

.Index-itself td:nth-child(even) {
	border-bottom: 1px solid;
    padding-top: 1rem;
    padding-bottom: 1rem;
    
}



.Index-itself a {
    text-decoration: none;
    color: #000;
    
}

.Index-itself a:hover {
    border-bottom: 1px solid;
    
}



.Index-intro-conclusion {
	margin-top: -1px;
    margin-bottom: -1px;
    border-top: 1px solid;
    padding-top: 1rem ;
    padding-bottom: 1rem ;
    padding-left: 1rem;
}

.Index-epilogue {
	margin-top: -1px;
    border-top: 1px solid;
    padding-top: 1rem ;
    padding-bottom: 1rem ;
    padding-left: 1rem;
}

 


#Index-section-tr1,
#Index-section-tr2,
#Index-section-tr3 {
    margin: -1px;
    border-top: 1px solid;
}

    
    

}






