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

/* iPad in portrait & landscape */
/* http://stephen.io/mediaqueries */
@media screen and (max-width:1365px) {

.logotype h1 a {
	/* color:red; */
	}

.logotype h1 {
	font-size:2.6vw;
	}

.logotype h5 {
	font-size:1.63vw;
	}

header nav.menu {
	margin-top:0;
	}

header nav.menu li {
	margin-right:0.4em;
	}

header nav.menu a {
    font-weight:650;
   	}

header nav.menu li.cours,
header nav.menu li.blog,
header nav.menu li.podcast {
	display:none;
	}

#light_switch {
	top:1.2vw;
	}

section.main {
    padding-top:10vw;
	}

#list h2,
body#cv h2, 
body#contact h2 {
    padding-top:130px;
    margin-bottom:40px;
	}

h4 {
    hyphens:auto;
	}

#list h4 {
    margin-bottom:0.2em;
	}

h1, 
h2, 
h3, 
h4,
p,
figcaption {
	/* max-width:100%; */
	}

body#cv section#cv-filter {
    max-width:100%;
	}

section.last-publications section:nth-of-type(4),
section.last-lectures section:nth-of-type(4) {
	display:none;
	} 

pre.fiction-ghostburn {
	word-break:break-all;
	hyphens:none;
	}

header,
section.last-publications,
section.last-lectures,
section#presentation,
section.project,
section.main,
body#search #list form,
body#search section.results,
body#search section.tags,
#list,
#list .infos,
footer {
	grid-template-columns:1fr 1fr 1fr;
	}

#similar-pages #list, 
#prev-next {
    grid-template-columns:1fr 1fr;
	}

#prev {
	grid-column-start:1;
	grid-column-end:2;
	}

#next {
	grid-column-start:2;
	grid-column-end:3;
	}

header,
footer,
footer .wrapper,
section.last-publications,
section.last-lectures,
section#presentation,
section.project,
section.main,
#list,
h3,  
h4,
body#home #list.tag section.item, 
body#archives section.item, 
body#cv section.item,
body#search section.results {
    grid-column-start:1;
    grid-column-end:4;
	}

h2, 
body#cv h3,
body#search #list form,
body#search section.results h3,
body#search section.tags section,
body#archives h3, 
body#home h3,
section#presentation .bio,
body#cv section#cv-filter,
header nav.menu,
section article,
body#cv article {
    grid-column-start:2;
    grid-column-end:4;
	}

/* *** */

body#search section.results {
	/* background:pink; */
	}

body#search section.results h3 {
	/* background:yellow;
    grid-column-start:2;
    grid-column-end:4; */
	}

body#search section.results h4 {
    grid-column-start:2;
    grid-column-end:4;
	}

body#search section.tags h2 {
    margin-bottom:20px;
	}

body#search section.tags h5 {
    margin-top:30px;
    margin-bottom:10px;
	}

body#search #list input.search {
	width:96%;
	}



} /* end responsive */

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

/* iPad in portrait & landscape */
/* http://stephen.io/mediaqueries */
@media screen and (max-width:1024px) {

.logotype h1 a {
	/* color:brown; */
	}

body {
	font-size:2.1em;
    line-height:1.45;
	}

.logotype h1 {
	font-size:3.7vw;
	margin-bottom:0.1vw;
	}

.logotype h5 {
	font-size:2.33vw;
	}

header {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:7px solid;  
	border-color:var(--text-color-link);
	grid-template-columns:1fr;
	}

header nav.menu {
	border:none;
	}

header nav.menu ul {
	}	

#light_switch {
    right:calc(2% + 70px);
    top:1.6vw;
	}

section.main {
    padding-top:13vw;
	}

footer div,
footer p {
	grid-column-start:1;
	grid-column-end:4;
	}

.credits {
    padding-top:25px;
    padding-bottom:10px;
	}

.social {
	padding-top:0;
    padding-bottom:20px;
    text-align:left;
	}

.social a {
	font-size:1em;
	padding-right:0.6em;
	}

section#presentation {
    padding-top:18vw;
    padding-bottom:2.2em;
	}

h2,
body#archives #list h3, 
body#home #list.tag h3 {
	font-size:4.5rem;
	}

h4 {
    font-size:1.2em;
	}

.meta {
	font-size:1.4rem;
	}

.meta a {
	hyphens:auto;
	}

section *,
article * {
	max-width:100%;
	}

article iframe, 
.archiveorg, 
audio, 
.juxtapose-wrapper,
.juxtapose {
    width:100%;
    max-width:100%;
	}

.footnotes a {
	hyphens:auto !important;
	}

#similar-pages #list {
    grid-template-columns:1fr;
	}

.archiveorg iframe {
	width:103vw;
    max-width:103vw;
    transform:scale(0.6);
    height:62vw;
	}

body#cv section#cv-filter {
	display:none;
	}

#prev-next {
    display:none;
	}

/* Mobile menu */

#menu_burger,
#menu_burger svg {
	height:30px;
	width:30px;
	}	

#menu_burger {
	display:block; /* Make it visible */
	position:fixed;
	right:calc(4%);
	top:3vw;
	}	

#menu_burger a {
	border:none;
	}

#menu_burger.visible svg path {
	fill:white;
	}

header nav.menu { 
	display:none;
	}

body.menu-mobile header {
	border:none;
	}

body.menu-mobile #close_mobile_menu {
	display:block;
	}

body.menu-mobile #close_mobile_menu a { /* Link to close mobile menu panel */
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}

body.menu-mobile #close_mobile_menu a,
body.menu-mobile #close_mobile_menu a:hover { 
	border:none;
	text-decoration:none;
	opacity:1;
	}

body.menu-mobile nav.menu {
	left:0%;
	display:block;
	clear:both;
	padding-right:100px;
	padding-top:20px;
	padding-bottom:100px;
	padding-left:4%;
	position:fixed;
	top:9vw;
	bottom:0px;
	width:100%;
	z-index:2000;
	transition:200ms ease-out;
	background-color:#371eff;		
	border-bottom:none;
	max-height:100%;
	}

body.menu-mobile nav.menu ul {
	width:35%;
	position:absolute;
	margin-left:0;
	}

body.menu-mobile nav.menu li {
	display:block;
	margin-bottom:0;
	margin-right:0;
	font-weight:550;
	font-size:1.3em;
	line-height:1.9;
	}

body.menu-mobile nav.menu a {
	font-weight:600;
	color:white;
	border:none;
	text-decoration:none;
	}

body.menu-mobile nav.menu a:hover {
	color:white;
	opacity:0.7;
	}

body.menu-mobile nav.menu a.current {
	/* font-weight:800; */
	}

} /* end responsive */

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

/* iPad in portrait & landscape */
/* http://stephen.io/mediaqueries */
@media screen and (max-width:767px) {

.logotype h1 a {
	/* color:green; */
	}

body {
	/* masque le scroll horizontal */
	overflow-x:hidden;
	font-weight:500;  
	}

* {
	/* On passe tout sur une seule colonne */
	grid-template-columns:1fr !important;
	column-gap:0% !important;
	grid-column-start:1 !important;
	grid-column-end:2 !important;
	max-width:100%;
	}

h1, 
h2, 
h3, 
h4, 
p, 
ul, 
figure, 
figcaption, 
#form_ {
    max-width:100%;
	}

.footnote_content a,
.footnotes a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	}

article iframe, 
.archiveorg, 
audio, 
.juxtapose {
    width:100% !important;
    max-width:100% !important;
	}

.archiveorg {
    height:60vw;
	}

header {
	padding-top:5px;
	padding-bottom:10px;
	}

body.menu-mobile nav.menu {
	top:3.2em;
	}

.logotype {
	width:70%;
	}

.logotype h1 {
	font-size:1.31em;
	margin-bottom:0.1vw;
	}

.logotype h5 {
	font-size:0.9em;
	font-weight:400;
	}

#menu_burger {
	top:0.9em;
	}

#light_switch {
    right:calc(2% + 60px);
    top:0.4em;
	}

section#presentation figure img {
	height:45vw;
	width:100%;
	object-fit:cover;
	}

section.main {
	padding-top:4em;
	}

body#archives h2,
body#lectures h2,
body#papers h2,
body#cv h2,
#list h2 {
    padding-top:2.7em;
    margin-bottom:0.2em; 
	}

h2 {
    font-size:1.8em;
    margin-bottom:10px !important;
	}

section#presentation .meta {
	display:none;
	}

section#presentation {
    padding-top:110px;
	}
	
section#presentation .avatar {
	padding-bottom:1em;
	}

section#presentation {
    padding-bottom:1.5em;
	}

body#home #list section.item {
    padding-top:1.2em;
    padding-bottom:1.2em;
    border-bottom:2px solid;
    border-color: var(--text-color-link-border);
	}

body#home #list section.item:nth-of-type(1) {
	padding-top:0;
	}

body#home #list section.item:nth-of-type(3) {
	display:block;
	border-bottom:none;
	padding-bottom:0;
	}

body#home section h3 {
	margin-bottom:0.7em;
	}

section.last-publications,
section.last-lectures,
section.project {
    padding-top:1.5em;
    padding-bottom:1.5em;
	}

section.last-publications,
section.last-lectures {
	padding-top:0;
	}	

 section.project aside {
 	grid-row:2; /* change order */
 	}

 .meta {
	hyphens:none;
	}

h2,
body#archives #list h3, 
body#home #list.tag h3 {
    font-size:1.8em;
	}

article h2 {
	/* utile ? */
    margin-left:0 !important;
    padding-left:0 !important;
    text-indent:0 !important;
	}

section.main aside div {
	display:none; /* Hide all metadata */
	}	

section.main aside div:first-of-type,
section.main aside div:last-of-type {
	display:block; /* Keep only date & quote */
	}

section.main aside div:last-of-type {
	border-bottom:2px solid;
    border-color:var(--text-color-link);
    margin-bottom:1.5em;
	}

#list section {
    padding-top:1em;
    padding-bottom:0.5em;
	}

#list h4 {
	margin-bottom:0.7em;
	}

h4.title {
	/* margin-bottom:0.3em; */
	}

#list .meta {
	padding:0;
	}

article *:before {
	/* content:"" !important; */
	}

.footnote_call::before {
	content: "[" !important;
	}

iframe {
	width:100% !important;
	}

iframe.reveal {
	height:60vw;
	}

.archiveorg-wrapper {
	display:none;
	}

article h2 {
	/* Coupe les titres trop longs 
	pour éviter le scroll horizontal */
	hyphens:auto !important;
	}

body#contact section#presentation {
	display:none;
	}

body#contact #infos-perso {
    padding-bottom:0;
	}

body#cv #infos-perso .date,
body#contact .date {
	display:none;
	}

body#cv .date {
	font-family:'SkolarSans-Variable';
	font-size:100%;
	font-weight:700;
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	width:auto;
	}

body#cv .date,
body#cv .date *,
body#cv .date *:after {
	background:none !important;
	color:var(--text-color-main) !important;
	}

body#cv .date:after {
	content:" :";
	font-weight:normal;
	color:var(--text-color-main);
	}

#similar-pages {
    margin-top:60px;
	}

footer .wrapper {
	margin-top:30px;
	}

footer .newsletter, 
footer .search {
    padding-bottom:10px;
	}

.social {
	padding-bottom:0;
	}

} /* end responsive */	

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