/* footer */
.five_columns>.column1>.column_inner, .five_columns>.column2>.column_inner, .five_columns>.column3>.column_inner, .five_columns>.column4>.column_inner {
    margin: 0px 20px 0 0 !important;
}

.five_columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.five_columns > div {
    width: 20%; /* 100% / 5 */
    padding: 0 10px; /* Optionnel, à ajuster selon ton design */
    box-sizing: border-box;
}

.five_columns .column6{
  display: none;
}

/* Tablette : 3 colonnes */
@media (max-width: 1024px) {
    .five_columns > div {
        width: 33.33% !important;
        margin-bottom: 20px;
    }
    .five_columns .column6{
      display: block;
    }
}

/* Mobile : 1 colonne */
@media (max-width: 767px) {
    .five_columns > div {
        width: 100% !important;
        margin-bottom: 20px;
    }

}

/* liste */
.wpcf7-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url("data:image/svg+xml;utf8,<svg fill='%2331133a' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.482 4.484-4.482H5.516z'/></svg>") no-repeat right 1rem center;

  background-color: white;
  background-size: 2rem;
  padding-right: 2.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
  color: #31133a;
}

/*liste*/
.accordion {
    margin-top:30px;
    width: 100%;
    margin-bottom: 20px;
}

.accordion-toggle {
    background-color: #ff6600;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 30px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.accordion-toggle::after {
    content: "▼";
    float: right;
    margin-left: 10px;
    transition: transform 0.3s ease;
    transform: rotate(-90deg);
}

.accordion-toggle.active::after {
    transform: rotate(0deg);
}

.accordion-content {
  display: none;
  padding: 20px;
  background-color: #fff;
}

.accordion-content.show {
  display: block;
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}

.filter-grid select{
  max-width: 341px;
}

/* Responsive */
@media (min-width: 600px) {
  .filter-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .filter-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.search-member input,
.search-member select{
  color: #495259;
  font-style: normal;
  font-size: 16px;
  font-family: inherit;
  background-color: #f7f7f7;
  border-color: transparent;
  color: #67797e;
  border-radius: 26px;
  line-height: 24px;
  margin: 0 0 20px;
  outline: 0;
  padding: 14.5px 26px;
}

.search-member .btn-rechercher{
  font-family: "Open Sans", sans-serif;
  background-color: #ff6e00;
  border-color: #ff6e00;
  border-style: solid;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 12px 24px;
  border-radius: 26px;
  font-weight: 800;
  text-transform: uppercase;
  height: 50px;
}

.search-member .btn-rechercher:hover{
  background-color: #D55D02;
  border-color: #D55D02;
  cursor: pointer;
}

.search-member .btn-reset{
  font-family: "Open Sans", sans-serif;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
  border-style: solid;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 12px 24px;
  border-radius: 26px;
  font-weight: 800;
  text-transform: uppercase;
  height: 50px;
  float:right;
}

.search-member .btn-reset:hover{
  background-color: #949292;
  border-color: #949292;
  cursor: pointer;
}

.membres-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
  padding: 30px 0;
}

.membre-card {
  background: #f8f8f8;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  min-height: 470px;
}

.membre-card.memorium {
  min-height: 355px;
}

/* 1) ≥ 480px */
@media (min-width: 480px) { .membre-card {min-height: auto;} .membre-card.memorium {min-height: auto;}}

/* 2) ≥ 640px */
@media (min-width: 640px) { .membre-card {min-height: 520px;} .membre-card.memorium {min-height: 385px;}}

/* 3) ≥ 768px */
@media (min-width: 768px) { .membre-card {min-height: 500px;} .membre-card.memorium {min-height: 365px;}}

/* 4) ≥ 1024px */
@media (min-width: 1024px) { .membre-card {min-height: 495px;} .membre-card.memorium {min-height: 365px;}}

/* 5) ≥ 1280px */
@media (min-width: 1280px) { .membre-card {min-height: 456px;} .membre-card.memorium {min-height: 355px;}}

/* 6) ≥ 1536px */
@media (min-width: 1536px) { .membre-card {min-height: 456px;} .membre-card.memorium {min-height: 355px;}}

/* 7) ≥ 1920px (optionnel) */
@media (min-width: 1920px) { .membre-card {min-height: 456px;} .membre-card.memorium {min-height: 355px;}}

.pagination.repertoire{
    margin:0px !important;
}
.pagination.repertoire .prev{
    float: left;
}
.pagination.repertoire .next{
    float: right;
}

.pagination.repertoire.bottom{
    margin-bottom:50px !important;
}
.pagination.repertoire .page-numbers{
    padding: 5px;
    min-width: 37px;
    display: inline-block;
    margin:0px !important;
    color:#1b3942;
    font-size: 22px;
    line-height: 1.36em;
    font-family: "Source Sans Pro", sans-serif;
}

.pagination.repertoire .page-numbers:not(.dots):hover{
    color: #EC0808 !important;
}

.pagination.repertoire .page-numbers.current{
    color: #EC0808 !important;
}

.membre-card img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
  margin-bottom: 15px;
  border-radius: 0 30px 0 30px !important; /* haut-gauche | haut-droit | bas-droit | bas-gauche */
}

.membre-nom {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}

.membre-type{
  font-size: 0.8em;
  line-height: 0.9em;
  font-weight: bold;
  margin-bottom: 5px;
  color:#240e29;
}

.membre-decede{
  font-size: 0.7em;
  font-weight: bold;
  margin-bottom: 5px;
  color:#240e29;
}

a:hover .membre-type {
  color:#240e29;
}

.membre-discipline {
  font-size: 0.7em;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #555;
  margin-top:10px;
  margin-bottom: 5px;
}

.membre-specialite {
  font-size: 0.8em;
  color: #ff6600;
}

.membre-specialite {
  font-size: 0.8em;
}
/*profil*/

.fiche-membre {
  margin: 0 auto;
  padding: 20px;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 16px;
}

.fiche-bas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.fiche-social {
 margin-top:20px;
}

/* Tabs style */
.tabs-container {
  font-family: sans-serif;
  margin: 20px 0;
}

.tabs {
  display: flex;
  gap: 10px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
}

.tab-button {
  background: none;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  font-size: 16px;
}

.tab-button:hover {
  background: #f0f0f0;
}

.tab-button.active {
  border-color: #31133a;
  font-weight: bold;
  color: #31133a;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.publication {
  background: #ffffff;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 2px solid #31133a;
  position: relative;
}

.publication-alt {
  background: #f3f3f3;
}

.publication-title {
  margin: 0 0 10px 0;
  font-size: 20px;
  width: 80%;
}

.publication-date {
  font-size: 14px;
  color: #666;
  margin: 0 0 10px 0;
  position: absolute;
  right: 25px;
  top: 10px;
}

.publication-description {
  font-size: 16px;
  margin: 0 0 10px 0;
}

.publication-link {
  margin-top:15px;
  display: inline-block;
  color: #6d277c;
  border: 2px solid #6d277c;
  text-transform: uppercase;
  padding: 5px 24px;
  font-size: 15px;
  border-radius: 50px 50px 50px 50px;
  text-decoration: none !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}
.publication-link:hover {
  background-color: #6d277c;
  color: #FFFFFF;
  border-color: #6d277c;
}

.fellow-profile {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
  margin-bottom: 40px;
}

.fellow-photo {
  flex: 1 1 200px;
  max-width: 300px;
}

.fellow-photo img {
  width: 100%;
  border-radius: 0 30px 0 30px !important; /* haut-gauche | haut-droit | bas-droit | bas-gauche */
}

.fellow-details {
  flex: 2 1 500px;
}

.fellow-details h1{
  text-transform: none !important;
}

.fellow-details .institution{
  margin-top:3px;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #555;
}


.fellow-details h1 {
  font-size: 32px;
  line-height: 32px;
  font-weight: bold;
}

.fellow-details .status {
  font-size: 14px;
  font-weight: bold;
  color: #EC0808;
  text-transform: uppercase;
  margin-right:15px;
}

.fellow-details .year {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.fellow-details .type-2 .status,
.fellow-details .type-3 .status,
.fellow-details .type-4 .status{
  color: #bfb5b5;
}

.fellow-details .type-2 .year,
.fellow-details .type-3 .year,
.fellow-details .type-4 .year{
  color: #bfb5b5;
}

.fiche-membre #other strong,
.fellow-details .metainfo strong {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 10px;
  color: #31133a;

}

.fiche-membre #other span,
.fellow-details .metainfo span {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}

.fields-of-interest {
  margin-top: 30px;
}

.fields-of-interest h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.fields-of-interest .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fields-of-interest .tag {
  border: 1px solid #ff6600;
  border-radius: 20px;
  padding: 5px 15px;
  font-size: 14px;
  color: #ff6600;
  background: #fff;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .fellow-profile {
    flex-direction: column;
  }
}


.tabs-container-type-member {
  display: flex;
  justify-content: space-evenly; /* Répartit également */
  align-items: center;
  border-bottom: 2px solid #31133a;
  padding: 10px 0;
  margin-bottom: 20px;
  font-family: sans-serif;
  width: 100%;
}

.tabs-container-type-member .tab-icon {
  margin-right: 10px;
}

.tab-type-member {
  flex: 1; /* Prend la même largeur pour tous */
  cursor: pointer;
  font-weight: normal;
  position: relative;
  padding-bottom: 8px;
  transition: all 0.3s ease;
  color: #31133a;
  margin-bottom: -12px;
  text-align: center;
  text-transform: uppercase;
}

.tab-type-member.active {
  font-weight: bold;
}

.tab-type-member.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 5px;
  background-color: #31133a; /* violet foncé */
}

@media (max-width: 768px) {
  .tab-type-member {
    font-size: 15px;
  }
}



.search-result {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.search-result.membre,
.search-result.post {
    display: flex;
    gap: 20px;
}

.search-result .post-thumbnail {
  flex: 0 0 20%;  /* occupe 30% de la largeur, fixe */
}

.search-result .post-content {
  flex: 1;        /* prend le reste (70%) */
}

.search-result .read_more{
  margin-top:15px;
}

.post-thumbnail img {
    max-width: 300px;
    height: auto;
    object-fit: cover;
}

.post-content h2 {
    margin: 0 0 10px;
}

.post-date {
    font-size: 0.85em;
    color: #888;
    margin-bottom: 5px;
    margin-top:0px;
}

.continue-reading {
    font-weight: bold;
    color: #240e29;
    text-decoration: none;
}

.continue-reading:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
  .search-result.post {
    flex-direction: column; /* place l'image au-dessus du texte */
    align-items: center; /* centre les éléments horizontalement */
  }

  .post-thumbnail img {
    max-width: 100%; /* image full width */
    height: auto;
  }

  .post-content {
    font-size: 0.9rem; /* texte un peu plus petit sur mobile */
  }
}

.search-result .post_image img {
    border-radius: 0 30px 0 30px !important;
}