/*
 Theme Name:   Mon thème enfant
 Theme URI:    http://pepsetvous.test
 Description:  twenty twenty Child Theme
 Author:       Me
 Author URI:   http://pepsetvous.test
 Template:     twentytwenty
 Version:      1.0.0
*/

@import url("https://use.typekit.net/aco1ddl.css");
* {
  padding: 0;
  margin: 0;
  font-family: the-seasons, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
}

/* typographie */
/* slogan de bienvenue */
h2,
h5,
h6 {
  font-family: podium-sharp-variable, sans-serif !important;
  font-variation-settings: "wdth" 100, "wght" 700;
}
.entry-content ul a,
.entry-content p a {
  color: #ac1981 !important;
}
h3.welcome-slogan {
  font-family: the-seasons, sans-serif;
  font-weight: 800;
  font-style: normal;
}
h3.wp-block-heading.alignwide {
  font-family: podium-sharp-variable, sans-serif;
  font-variation-settings: "wdth" 100, "wght" 700;
  text-decoration: underline;
}
h4.wp-block-heading.has-text-align-center,
form#commentform {
  font-family: the-seasons, sans-serif;
  font-weight: 700;
  font-style: normal;
}
a.wp-block-button__link.wp-element-button,
.wpcf7-form-control.wpcf7-submit.has-spinner.submit-contact,
form#commentform .form-submit .submit {
  font-family: the-seasons, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 25px;
  background-color: #62b5b1;
  border: solid 2px #000;
  border-radius: 10px;
  padding: 0.75em 1em;
  color: #ac1981;
}
/* navigation */
#nav-word a {
  font-family: podium-sharp-variable, sans-serif;
  font-variation-settings: "wdth" 100, "wght" 600;
  color: #ac1981;
  padding-right: 10%;
}
/* article accueil */

.wp-block-latest-posts__list.wp-block-latest-posts a {
  font-family: podium-sharp-variable, sans-serif;
  font-variation-settings: "wdth" 100, "wght" 500;
  color: #ac1981;
}

/* header */
.header-inner {
  padding: 0.7em 0;
}
#site-header {
  top: 0;
  left: 0;
  width: 100%;
  height: 18%;
  border-bottom: solid 3.5px #000;
  position: sticky;
  z-index: 100;
}
.header-titles-wrapper {
  width: fit-content;
}
.header-inner.section-inner {
  display: grid;
  grid-template-columns: [logo]1fr[nav]3fr;
}
#site-header img.custom-logo {
  border-radius: 10px;
  border: solid #000;
  grid-column-start: 1;
}
ul.primary-menu {
  justify-content: start !important ;
}
.header-navigation-wrapper {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: [word]75% [social]25%;
}
/* navigation */

#nav-word {
  grid-column-start: word;
}
#nav-social {
  grid-column-start: social;
  justify-self: flex-end;
}
#nav-word li {
  margin-right: 5%;
}
/* footer */
#site-footer.header-footer-group {
  border-top: solid 3.5px #000;
}
#contact span {
  display: inline-block;
  margin-right: 5%;
  margin-left: 10%;
  margin-bottom: 2%;
}
#contact span a {
  color: #ac1981;
}
.footer-credits .footer-copyright {
  margin-left: 5%;
  width: 50vh;
}
#contact span:first-child {
  display: block;
  margin-left: 10%;
  margin-bottom: 0;
}
/* supression des titres H1 et image de mise en avant pour les articles*/
H1 {
  display: none;
}
.featured-media-inner.section-inner {
  display: none;
}
.post-inner.thin {
  padding: 0;
}

/* acceuil */
/* séparation articles */
.wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow
  .wp-block-latest-posts__list.wp-block-latest-posts {
  margin-bottom: 10vw;
  font-family: the-seasons, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
}
/* ligne vertical noir */
.wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
  > .product-column {
  border-right: solid #62b5b1 !important;
  padding-right: 1%;
}
/* blog */
/* menu déroulant */
summary {
  color: #ac1981;
  font-size: 25px;
  font-weight: 700;
}
.article-button a.wp-block-button__link.wp-element-button {
  font-size: 20px;
}
.previous-post,
.next-post,
.title-inner {
  font-family: podium-sharp-variable, sans-serif !important;
  font-variation-settings: "wdth" 100, "wght" 500;
  color: #ac1981;
  font-size: 22px;
}
/* boutique */
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-product,
.wp-block-group__inner-container {
  display: grid;
  background-color: #fff;
  border: solid 3px #000;
  border-radius: 12px;
  height: 850px;
  padding: 2%;
  margin: 1%;
  grid-template-rows: 30% 10% 5% 41% 9%;
  row-gap: 1%;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-like {
  height: 1250px;
  grid-template-rows: 24% 10% 4% 48% 9%;
}
.wp-block-group__inner-container {
  height: 1150px;
  grid-template-rows: 25% 10% 3% 49% 9%;
  padding: 1%;
}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-like
  p
  strong {
  font-weight: bolder;
}
figure.aligncenter img {
  grid-row: 1;
  height: 230px !important;
  width: 230px !important;
  margin: 0;
  padding: 0%;
}
h5.wp-block-heading.has-text-align-center {
  grid-row: 2;
  margin: 0;
  padding: 0%;
  align-self: center;
}
h6.wp-block-heading.has-text-align-center {
  grid-row: 3;
  margin: 0;
  padding: 0%;
}
.wp-block-button {
  grid-row: 5;
  margin: 0;
  padding: 0%;
}

.wp-block-buttons.alignwide.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-e1485a7b.wp-block-buttons-is-layout-flex {
  width: 150%;
  justify-content: left;
  margin-left: 20%;
}

/* formulaire commentaire */
#commentform input,
#commentform textarea {
  border: #000 solid 2px;
  border-radius: 3px;
}
/* formulaire contact */
.wpcf7-form.init input,
.wpcf7-form.init label .wpcf7-list-item-label,
.wpcf7-form.init textarea {
  font-family: the-seasons, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  color: #000;
}
.wpcf7-form.init label {
  font-family: podium-sharp-variable, sans-serif;
  font-variation-settings: "wdth" 100, "wght" 500;
  color: #62b5b1;
  font-size: 25px;
}
.wpcf7 form.invalid .wpcf7-response-output {
  border: #ac1981 solid 3px;
}
.wpcf7-not-valid-tip {
  font-family: podium-sharp-variable, sans-serif;
  font-variation-settings: "wdth" 100, "wght" 500;
  color: #ac1981;
}
.wpcf7-form.init input,
.wpcf7-form.init textarea {
  border: #000 solid 2px;
  border-radius: 3px;
}

/* responsive */
@media screen and (max-width: 780px) {
  /* ligne vertical noir */
  .wp-block-columns.alignfull.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex
    > .product-column {
    border-right: 0px !important;
    border-top: solid #62b5b1 3px;
    padding-bottom: 5%;
    border-bottom: solid #62b5b1 3px;
  }
  .panier-gift {
    padding-bottom: 5%;
    border-bottom: #000 solid 3px;
  }
  .wp-image-125 {
    width: 33%;
    height: 25vw;
  }
  /* navigation */
  .header-navigation-wrapper {
    display: none;
  }
  .header-inner.section-inner {
    grid-template-columns: 2fr 1fr;
  }
  .menu-modal-inner.modal-inner {
    background-color: #f8f3ee;
  }
  .modal-menu > li > .ancestor-wrapper > a {
    color: #ac1981;
    font-size: 22px;
  }
  .menu-modal nav *,
  .toggle.sub-menu-toggle.fill-children-current-color,
  .page_item.page-item-131 {
    border-color: #ac1981 !important;
    color: #ac1981;
  }
  #contact span,
  #contact span:first-child {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5%;
    margin-bottom: 2%;
  }
  .footer-credits .footer-copyright {
    width: 25vh;
    margin-left: 0;
  }
  .wp-block-media-text.alignwide.is-stacked-on-mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* boutique */
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-product {
    align-self: center;
    justify-self: center;
    width: 90%;
    height: 120vh;
    padding: 1%;
    padding-left: 3%;
    grid-template-rows: 30% 14% 4% 37% 9%;
  }
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-product.card-solo {
    height: 120vh;
  }
  .wp-block-group__inner-container {
    height: 140vh;
    grid-template-rows: 29% 11% 4% 42% 9%;
  }
}
@media screen and (max-width: 500px) {
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-product {
    height: 130vh;
    grid-template-rows: 30% 12% 4% 40% 9%;
  }
   .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.card-like {
    height: 190vh;
    grid-template-rows: 25% 12% 4% 47% 9%;
  }
  .wp-block-group__inner-container {
    height: 200vh;
    grid-template-rows: 23% 9% 4% 50% 9%;
  }
}