/*
Theme Name: Diascom
Theme URI: 
Author: Maxime Lorentz
Author URI: 
Description: Diascom
Requires at least: 6.0
Tested up to: 6.4.1
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: diascom
Tags: 
*/


.banner {
    height: 390px;
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

.banner img {
    object-fit: cover;
    width: 100%;
    height: 390px;
}

.banner .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .3;
}

.banner .banner-inner-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner .banner-inner-content .container {
    display: flex;
    flex-direction: column;
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
  margin-right: auto !important;
}

.banner .banner-inner-content .container {
    color:#fff;
}

.banner .banner-inner-content .container .title {
    margin-top: 3rem;
}
.banner .banner-inner-content .container .title h1 {
    margin-top: 3rem;   
    margin-bottom: 0;
    text-align: center;
    color:#fff;
} 
.banner .banner-inner-content .container .title p {
    text-align: center;
}



.selection-actualite {
    max-width: 100%;
}

.selection-actualite .container {
    max-width: var(--wp--style--global--wide-size);
    margin: auto;
}

.selection-actualite .container .section__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.selection-actualite .container .section__header .actions{
    display: flex;
    gap:2rem;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}



.membre-equipe .photo img {
    max-width: 100%;
    height: auto;
}

header.is-sticky {
    z-index: 100000;
    position: sticky;
    top:0;
}

.logged-in header.is-sticky {
    top:30px;
}


.navigation {
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.17);
    z-index: 100;

}

.home :where(.wp-site-blocks) > * {
    margin-block-start: 0;
}

/* Navigation */

.wp-block-navigation > .wp-block-navigation-item {
position: relative;
color:#775434;
}

.wp-block-navigation > .wp-block-navigation-item.current-menu-item {
color:#775434;
}

.wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content:after {
    content: "";
    display: block;
    height: 0px;
    width: 100%;
    transition: all 150ms ease-in;
    position: absolute;
    bottom: 0;
    left: 0;
}


.wp-block-navigation > .wp-block-navigation-item:hover > .wp-block-navigation-item__content:after,
.wp-block-navigation > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:after,
.wp-block-navigation  > .wp-block-navigation-item > .wp-block-navigation-item__content.current-menu-ancestor:after {
    height: 4px;
    background-color: #775434;
}

.wp-block-navigation  > .wp-block-navigation-item > .wp-block-navigation-item__content {
    display: flex;
    height: 72px;
    padding: 0 5px;
    align-items: center;
  }


/* Polylang Switcher */
.wp-block-polylang-language-switcher {
    display: flex;
    padding: 0;
}
.wp-block-polylang-language-switcher .lang-item {
    display: flex;
    height: 72px;
    padding: 0 10px;
    align-items: center;
    position: relative;
}
.wp-block-polylang-language-switcher .lang-item:after {
content: "";
display: block;
height: 0px;
width: 100%;
transition: all 150ms ease-in;
position: absolute;
bottom: 0;
left: 0;
}

.wp-block-polylang-language-switcher .lang-item.current-lang:after {
    height: 4px;
    background-color: #775434;
}

.wp-block-polylang-language-switcher .lang-item a {
    text-transform: uppercase;
    color:#775434;
}





  /* Card auteur */

.auteurs {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
  margin-right: auto !important;
}

.auteurs .liste {
    display: grid;
    gap:1rem;
    grid-template-columns: repeat(2,1fr);
}

.auteurs h2 {
    border-bottom:1px solid var(--);
    padding-bottom: 1rem;
    margin-bottom: 0;
}
  .card-auteur {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: .5rem;
    border-radius: 10px;
    background-color: #ffffff;
    transition: all 350ms ease-in;
 
}

.card-auteur.centered {
 align-items: center;
}

.card-auteur .thumb{
    flex-shrink: 0;
}

.card-auteur:hover {
    background-color: #F1F1F1;
}

  .card-auteur-thumb {
    border-radius: 10px;
    width: 95px;
    height: 95px;
  }

  .card-auteur-name {
    color: var(--wp--preset--color--custom-black-light)!important;
  
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
  }

  .card-auteur-name a{
    color: var(--wp--preset--color--custom-black-light)!important;

}


  .card-auteur-name:after {
    content:"";
    width: 27px;
    height: 3px;
    margin: 3px 0 10px;
    display: block;
    background-color: var(--wp--preset--color--custom-black-light);
  }


  .card-auteur-description {
    margin: 0;
    color:var(--wp--preset--color--custom-brown)!important;
  }

  .card-auteur-lien-externe {
    margin: .5rem 0 0;
    display: flex;
    align-items: center;
    gap:5px;
  }

  .card-auteur-lien-externe:before {
    content:"";
    width: 8px;
    height: 8px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7V1M7 1H1M7 1L1 6.99989' stroke='%23C49B63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }


  @media screen and (max-width:700px) {
    .auteurs .liste {
        grid-template-columns:1fr;
    }
    
  }


/* Search Result */
.contenu article {
  gap:0;
  flex-direction: column;
}

.contenu figure {
  width: 100%;
}

.contenu article .article__content {
  width: 100%!important;
}


.contenu article .article__content > * {
  margin-top: 0;

}


.wp-block-post-featured-image img {
  border-radius: 8px;
}

#filters {
  display: flex;
  gap:1rem;
}
#filters input {
  appearance: none;
  background-color: #ffffff;
  border: 1px solid #949494;
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  min-width: 3rem;
  padding: 10px;
}

#filters .select select {
  appearance: none;
  border:none;
  background-color: transparent;
  width: 100%;
  padding-right: 20px;
  padding: 10px;
  padding-right: 30px;
}

#filters .select {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #949494;
  min-width: 3rem;

  flex-grow: 1;
  position: relative;
}



#filters .select:after {
  position: absolute;
  right: 6px;
  top:10px;
  content: "\f347";
  font: normal 16px/1 dashicons;
  color:var(--wp--preset--color--custom-black-light);
}

.input_vertical {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.input_vertical label {
  font-size: .8rem;
}



/* Yoast Breadcrumb */
.yoast-breadcrumbs > span, #breadcrumbs > span  {
    display: flex;
    align-items: center;
    gap:4px;

}

.yoast-breadcrumbs {
    color: #ffffff;
    padding: 1rem 0 0 0;
}
.yoast-breadcrumbs > span > span:first-of-type a, 
#breadcrumbs > span > span:first-of-type a {
    background-color: transparent!important;
    display: block;
    text-indent: -9000px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.yoast-breadcrumbs > span > span:first-of-type a:before,
#breadcrumbs > span > span:first-of-type a:before {
    content: "";
    background-color: transparent!important;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.667 14.167h6.666M9.181 2.303 3.53 6.7c-.377.294-.566.441-.702.625-.12.163-.21.347-.265.542-.062.22-.062.46-.062.938v6.03c0 .933 0 1.4.182 1.756.16.314.414.569.728.728.357.182.823.182 1.757.182h9.666c.934 0 1.4 0 1.757-.182.314-.16.569-.414.728-.728.182-.357.182-.823.182-1.757v-6.03c0-.478 0-.718-.062-.938a1.665 1.665 0 0 0-.265-.542c-.136-.184-.325-.33-.702-.625L10.82 2.303c-.293-.227-.44-.341-.601-.385a.833.833 0 0 0-.436 0c-.161.044-.308.158-.6.385Z' stroke='%23fff' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* Alphaliste */
ul.alphaliste {
    display: flex;
    list-style: none;
    gap:5px;
    padding: 0;
    margin: 0;
}

ul.alphaliste a {
    background-color:var(--wp--preset--color--custom-brown-lighter);
    color:#ffffff;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    transition: all ease-in 150ms;
}
ul.alphaliste a:hover,
ul.alphaliste a:focus 
{
    background-color:var(--wp--preset--color--custom-brown);
}



/* Article lists */

.related-articles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:2rem;
}

.related-articles .article {
  display: flex;
  gap:1rem;
  margin-top: 2rem;
}

.related-articles .article .article--thumb img{
  border-radius: 8px;
  overflow: hidden;
}

.related-articles .article .thumb-default{
  width: 150px;
  height: 150px;
  background-color: var(--wp--preset--color--custom-brown-lighter);
  border-radius: 8px;
}

.related-articles .badge {
  background-color: var(--wp--preset--color--custom-brown);
  font-size: 0.68em;
  line-height: .9;
  border-radius: 10px;
  display: inline-flex;
  padding: 5px 10px;
  color: #fff;
  transition: all 150ms ease-in;
}

.related-articles .badge:hover, 
.related-articles .badge:focus {
  background-color: var(--wp--preset--color--custom-brown-light);
}

.related-articles h3 {
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.8), 1.15rem);
}

.taxonomy-post_tag a, .separator {
  font-size: var(--wp--preset--font-size--small) !important;
}

.separator:last-of-type {
  display: none;
}


/* Footer */ 
footer {

}
footer nav {

}

footer .wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content {
  height: auto;
  color:#ffffff;
}

footer .wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content::after,
footer .wp-block-navigation > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after {
  height: 2px;
  background-color: #ffffff;
}


  /* Icone  */




  .icon-date {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5v6l4 2m6-2c0 5.523-4.477 10-10 10S1 16.523 1 11 5.477 1 11 1s10 4.477 10 10Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .icon-auteur {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 18.5c2.206-2.477 5.201-4 8.5-4 3.299 0 6.294 1.523 8.5 4M14.25 6c0 2.485-1.903 4.5-4.25 4.5S5.75 8.485 5.75 6 7.653 1.5 10 1.5s4.25 2.015 4.25 4.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  .icon-tag {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h.01M3.563 1.937 1.937 3.563c-.346.346-.519.519-.642.72a2 2 0 0 0-.24.579C1 5.092 1 5.336 1 5.825v2.85c0 .489 0 .733.055.963a2 2 0 0 0 .24.579c.123.201.296.374.642.72l7.669 7.669c1.188 1.188 1.782 1.782 2.467 2.004a3 3 0 0 0 1.854 0c.685-.222 1.28-.816 2.467-2.004l2.212-2.212c1.188-1.188 1.782-1.782 2.004-2.467a3 3 0 0 0 0-1.854c-.222-.685-.816-1.28-2.004-2.467l-7.669-7.669c-.346-.346-.519-.519-.72-.642a2 2 0 0 0-.579-.24C9.408 1 9.164 1 8.675 1h-2.85c-.489 0-.733 0-.963.055a2 2 0 0 0-.579.24c-.201.123-.374.296-.72.642ZM7.5 7a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }


.date {
    display: flex;
    align-items: center;  
}

.date:before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5v6l4 2m6-2c0 5.523-4.477 10-10 10S1 16.523 1 11 5.477 1 11 1s10 4.477 10 10Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 22px;
    height: 22px;
    margin-right: 6px;
    display: block;
}

  .taxonomy-post_tag {
    display: flex;
    align-items: center;
  }
.taxonomy-post_tag a {
    color:var(--wp--preset--color--custom-brown);
}
.taxonomy-post_tag a:hover,
.taxonomy-post_tag a:focus
 {
    color:var(--wp--preset--color--custom-brown-light);
 }


  .taxonomy-post_tag:before {
    content:"";
    width: 22px;
    height: 22px;
    margin-right:6px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h.01M3.563 1.937 1.937 3.563c-.346.346-.519.519-.642.72a2 2 0 0 0-.24.579C1 5.092 1 5.336 1 5.825v2.85c0 .489 0 .733.055.963a2 2 0 0 0 .24.579c.123.201.296.374.642.72l7.669 7.669c1.188 1.188 1.782 1.782 2.467 2.004a3 3 0 0 0 1.854 0c.685-.222 1.28-.816 2.467-2.004l2.212-2.212c1.188-1.188 1.782-1.782 2.004-2.467a3 3 0 0 0 0-1.854c-.222-.685-.816-1.28-2.004-2.467l-7.669-7.669c-.346-.346-.519-.519-.72-.642a2 2 0 0 0-.579-.24C9.408 1 9.164 1 8.675 1h-2.85c-.489 0-.733 0-.963.055a2 2 0 0 0-.579.24c-.201.123-.374.296-.72.642ZM7.5 7a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
  }

  .liste-auteurs {
    display: flex;
    align-items: center;
  }
  .liste-auteurs:before {
    content:"";
    width: 20px;
    height: 20px;
    margin-right:6px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 18.5c2.206-2.477 5.201-4 8.5-4 3.299 0 6.294 1.523 8.5 4M14.25 6c0 2.485-1.903 4.5-4.25 4.5S5.75 8.485 5.75 6 7.653 1.5 10 1.5s4.25 2.015 4.25 4.5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }  
  .liste-auteurs a + a {
    margin-left: 6px;
  }


  .liste-auteurs a {
    color:var(--wp--preset--color--custom-brown);
}
.liste-auteurs a:hover,
.liste-auteurs a:focus
 {
    color:var(--wp--preset--color--custom-brown-light);
 }

 article h2 a {
    color:var(--wp--preset--color--custom-brown);
 }

 article a:hover,
 article a:focus
 {
    color:var(--wp--preset--color--custom-brown-light);
 }


/* Formulaire */
.wpcf7-form label {
    color:#344054;
    margin-bottom: 0.5rem;
    display: block;
}


.wpcf7-text, .wpcf7-textarea{
    padding: .75rem .5rem;
    border-radius: 3px;
    border: 1px solid #D0D5DD;
    width: 100%;
}

.wpcf7-submit {
    padding: .5rem 1rem;
    color:#ffffff;
    border: 1px solid #FF7D67;
    width: auto;
    background-color: #FF7D67;
}

div.hero {
    margin-block-start: 0;
}