/*
Theme Name: Twenty Twenty-Three Child
Theme URI: http://example.com
Description: Thème enfant de Twenty Twenty-Three
Author: William AGAY-BEAUJON
Template: twentytwentythree
Version: 1.0
*/

/* Fonts */
@font-face { font-family: 'futurabook'; src: url("fonts/futura_book_font-webfont.woff2") format("woff2"), url("fonts/futura_book_font-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'futuralight'; src: url("fonts/assets/futura_light_bt-webfont.woff2") format("woff2"), url("fonts/futura_light_bt-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

/* GLOBAL */
*{color: #111;}
body, p, .entry-content{font-family: "EB Garamond", serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
h1, h2, h3, h4, h5, h6{font-family: 'futurabook', sans-serif;font-size: 30px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.futura{font-family: 'futurabook', sans-serif !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{text-align: justify;}
.wp-block-site-title {font-family: 'futurabook', sans-serif;font-size: 30px;}
.wp-block-post-title{font-family: 'futurabook', sans-serif;}
article h3{font-size: 18px;margin: 0.2rem 0;font-weight: bold;}
article p{font-size: 15px;font-style: italic;color: #404040;}
a:hover, a:focus, a:active {text-decoration: underline;outline: none;}

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* HOMEPAGE */
.home .wp-block-post-title { display: none;}
.home .portrait img {}

.portrait {
  width: 100%;
  max-width: 350px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}

.portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home main {flex: 1;display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;box-sizing: border-box;}
.home .entry-content.wp-block-post-content {display: flex;align-items: center;gap: 7rem;margin: 0;height: auto;margin-top: 5%;}
.home .entry-content.wp-block-post-content figure {margin: 0;}
.home .entry-content.wp-block-post-content .presentation {max-width: 500px;font-size: 18px;font-family: "EB Garamond", serif;}
body.home footer {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;padding-bottom: 46.6265px;} /* Fixer le footer pour la homepage */

@media (max-height: 1100px) {
  body.home footer {position: relative;margin-top: 5%;}
}

/* DOCTORATE */
.doctorate-header{width: 100vw;background: url('https://www.williamagaybeaujon.fr/wp-content/uploads/2025/09/background-karlmarxhof.png') no-repeat;height: 400px;margin-bottom: 70px;}
.doctorate-header h2.these-title{color: #fdfdfd;padding-left: 300px;padding-top: 90px;font-family: 'futurabook';line-height: 40px;}
.doctorate-header h3.these-subtitle{color: #fdfdfd;padding-left: 300px;font-family: 'futurabook';font-size: 24px;}

/* TALKS */
.year-ensemble{display: flex;flex-wrap: wrap;margin-bottom: 2rem;align-items: flex-start;}
.year-ensemble .year-title{flex: 0 0 100px;font-weight: bold;display: flex;align-items: flex-start;}
.year-ensemble .year-title h2{font-size: 30px;margin:0;font-family: 'futurabook', sans-serif;}
.year-ensemble .year-talks{flex: 1;padding-left: 1rem;}
.year-ensemble .year-talks h3{font-size: 18px;margin: 0.2rem 0;font-weight: bold;margin:0;}
.year-ensemble .year-talks p{font-size: 15px;font-style: italic;color: #404040;margin-top: 0px;}

/* WRITINGS */
  .publications-list{}
  .publication h3{margin: 0;}
  .publication p{margin-top: 0;}

  /* POPULARIZATION */
  .popularization p{font-style: normal !important;}

  /* EDUCATION */

  #education-table table, #education-table th, #education-table td {border: 0 !important;border-collapse: collapse;}
  #education-table .years{text-align: right;font-weight: bold;vertical-align: top;}

/* RESPONSIVE */
@media (max-width: 900px) {

  .wp-block-site-title{font-size: 1.5rem !important;}
  
  /* Footer centré */
  footer.wp-block-template-part .is-layout-flex.is-content-justification-space-between {flex-direction: column !important;align-items: center !important;gap: 1rem !important;}
  footer.wp-block-template-part a.contact-email {margin: 0 !important;text-align: center;}
  footer.wp-block-template-part .wp-block-social-links {display: flex !important;justify-content: center !important;flex-wrap: nowrap !important;gap: 0.5rem !important;width: auto !important;}
  footer.wp-block-template-part .wp-social-link {flex: 0 0 auto !important;width: auto !important;}

  /* HOMEPAGE responsive */
  .home .entry-content.wp-block-post-content {flex-direction: column;gap: 0rem;text-align: center;padding:0;}
  .home .portrait{max-width: 230px;margin-bottom: 30px !important;}
  .home .entry-content.wp-block-post-content p {max-width: 100%;font-size: 16px;margin-left: 0 !important;margin-right: 0 !important;}

  /* DOCTORATE page responsive */
  .doctorate-header img{display: none;}
  .doctorate-header .wp-block-group{padding-right: 30px;}
  .doctorate-header .these-title{padding-left: 30px !important;padding-top: 30px !important;}
  .doctorate-header .these-subtitle{padding-left: 30px !important;padding-top: 15px !important;}

  /* TALKS page */
  .year-ensemble .year-title{flex: 0 0 70px !important;}
}


/* Responsive pour petits écrans */
@media (max-width: 480px) {
  .year-ensemble {
    flex-direction: column;
  }

  .year-title {
    margin-bottom: 0.5rem;
  }

  .year-talks {
    padding-left: 0;
  }
}

nav li a{font-family: 'futurabook', sans-serif;font-size: 18px;}
footer .contact-email{color:rgb(152, 89, 58);font-family: 'futurabook', sans-serif;}
footer .umpv svg, footer .thesesfr svg{display: none;}
footer li.umpv, footer li.thesesfr{height: 36px;width: 36px;}
footer .umpv a{background-image: url("images/umpv.png");background-repeat: no-repeat no-repeat;background-position: center center;background-size: cover;height: 25px;width: 25px;background-size: 90%;}
footer .thesesfr a{background-image: url("images/thesesfr.png");background-repeat: no-repeat no-repeat;background-position: center center;background-size: cover;height: 25px;width: 25px;background-size: 100%;}

.alignwide{max-width: 1024px;margin-left: auto;margin-right: auto;}

.in-parentheses {
  color: #888; /* ou la couleur que tu veux */
}