/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/workshop/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-cnt-workshop {
  display: grid;
  position: relative;
}

#workshop-line-decoration {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  top: 200px;
  z-index: -1;
  overflow: hidden;
}

.workshop__curve-deco-sm {
  width: calc(2 * var(--wp--style--root--padding-left));
}

#workshop-fullsize-line {
  display: none;
}

#spectacle-inner {
  display: grid;
  grid-column: 1/3;
  grid-row: 1/2;
  max-width: 1340px;
  margin: auto;
  grid-template-columns: 1fr;
  grid-template-rows: 100px auto;
  align-items: start;
  gap: var(--wp--preset--spacing--40);
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
}

#workshop-inner {
  display: grid;
  grid-column: 1/3;
  grid-row: 1/2;
  max-width: 1340px;
  margin: auto;
  grid-template-columns: 1fr;
  grid-template-rows: 120px auto;
  align-items: start;
  gap: var(--wp--preset--spacing--40);
  width: 100%;
}

#workshop-aside {
  box-sizing: border-box;
  text-wrap: wrap;
  display: inline-block;
  word-break: break-all;
  gap: var(--wp--preset--spacing--40);
  display: flex;
  flex-direction: column;
  font-size: var(--wp--preset--font-size--medium);
  padding-left: var(--wp--preset--spacing--50);
  padding-right: var(--wp--preset--spacing--50);
}

#workshop-aside-general,
#workshop-aside-contact,
#workshop-aside-agenda {
  border-radius: var(--wp--preset--spacing--50);
  color: #ffffff;
  box-sizing: border-box;
  text-wrap: wrap;
  display: inline-block;
  word-break: break-all;
  gap: 0;
  display: flex;
  flex-direction: column;
  font-size: var(--wp--preset--font-size--medium);
  text-align: center;
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}

#workshop-aside-general {
  margin-top: var(--wp--preset--spacing--40);
  margin-left: var(--wp--preset--spacing--50);
  margin-right: var(--wp--preset--spacing--50);
}

#workshop-aside-general,
#workshop-aside-agenda {
  background-color: var(--wp--preset--color--accent-4);
  color: var(--wp--preset--color--contrast);
}

#workshop-aside-contact {
  background-color: var(--wp--preset--color--accent-2);
  color: var(--wp--preset--color--base);
}

#workshop-heading {
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}

#workshop-name {
  margin-top: 0;
  word-break: break-word;
}

#workshop-excerpt-inner {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding-top: 120px;
  padding-right: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--50);
  padding-left: var(--wp--preset--spacing--50);
  border-radius: var(--wp--preset--spacing--50);
  flex: 1;
  text-align: center;
}

#workshop-excerpt {
  display: flex;
  flex-direction: row;
  padding: 0;
  min-height: 300px;
}

#workshop-heading,
#workshop-excerpt {
  margin-left: calc(2 * var(--wp--style--root--padding-left));
  margin-right: calc(2 * var(--wp--style--root--padding-right));
}

#workshop-featured-img-container {
  margin-top: 15px;
  margin-right: 15px;
  filter: drop-shadow(15px -15px 0px var(--wp--preset--color--accent-7));
  display: flex;
  justify-content: center;
}

#workshop-featured-img-inner {
  clip-path: polygon(38% 0, 93% 21%, 98% 78%, 29% 100%, 0 50%);
  -o-object-fit: cover;
     object-fit: cover;
  width: 188px;
  height: 188px;
  overflow: hidden;
  background-color: var(--wp--preset--color--accent-6);
}
#workshop-featured-img-inner.has-workshop-placeholder {
  background-image: url(../images/livre-illustration-formation-defaut-transparent.a18a503e.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
}

.workshop__featured-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 188px;
  height: 188px;
}

#workshop-description {
  background-color: #fff;
  border-radius: var(--wp--preset--spacing--50);
  padding: var(--wp--preset--spacing--50);
}

.workshop__aside__item--title {
  font-size: var(--wp--preset--font-size--medium);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.workshop__contact-item {
  display: flex;
  gap: 0.5rem;
}

.workshop__contact-values {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.workshop__contact-value {
  margin: 0;
}

.workshop__contact-icon {
  width: var(--wp--preset--spacing--50);
  height: var(--wp--preset--spacing--50);
}

.workshop__aside-item__heading {
  margin: 0;
}

.workshop__artist-list {
  margin-top: 0;
  list-style: none;
  padding: 0;
}

/* Animated Path */
.animated-path {
  fill: none;
  stroke: var(--wp--preset--color--accent-2);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.animated-path__deco__sm-left {
  animation: drawMobileLeft 1s cubic-bezier(0.73, 1.33, 0.91, 2.03) forwards;
  stroke-dasharray: 400;
  /* Total path length */
  stroke-dashoffset: -400;
  /* Start hidden */
}

.animated-path__deco__sm-right {
  animation: drawMobileRight 1s ease 1s forwards;
  stroke-dasharray: 800;
  /* This should be the length of your path */
  stroke-dashoffset: -800;
  /* Start negative to animate forward */
}

/* Keyframe Animation */
@keyframes drawMobileLeft {
  from {
    stroke-dashoffset: -400;
    /* Hide path initially */
  }
  to {
    stroke-dashoffset: 0;
    /* Reveal path from left to right */
  }
}
/* Keyframe Animation */
@keyframes drawMobileRight {
  from {
    stroke-dashoffset: 800;
    /* Hide path initially */
  }
  to {
    stroke-dashoffset: 0;
    /* Reveal path from left to right */
  }
}
/* Animated Path */
.animated-path__deco__full {
  fill: none;
  stroke: var(--wp--preset--color--accent-2);
  /* Or your desired color */
  stroke-width: 70;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 4000;
  /* Total path length */
  stroke-dashoffset: -4000;
  /* Start hidden */
  animation: drawFull 2s linear forwards;
}

/* Keyframe Animation */
@keyframes drawFull {
  from {
    stroke-dashoffset: -4000;
    /* Hide path initially */
  }
  to {
    stroke-dashoffset: 0;
    /* Reveal path from left to right */
  }
}
@media (min-width: 800px) {
  #workshop-fullsize-line {
    display: block;
    min-width: 1340px;
  }
}
@media (min-width: 1060px) {
  .workshop__curve-deco-sm {
    display: none;
  }
  #workshop-fullsize-line {
    display: flex;
    min-width: 1060px;
  }
}
@media (min-width: 1340px) {
  .wp-block-cnt-workshop {
    display: grid;
    min-height: 300px;
  }
  #workshop-fullsize-line {
    min-width: 2456px;
  }
  #workshop-inner {
    grid-template-rows: 150px auto 1fr;
    grid-template-columns: minmax(250px, 415px) 1fr;
  }
  .workshop__curve-deco-sm {
    display: none;
  }
  #workshop-aside {
    padding: 0;
    grid-column: 1/2;
    grid-row: 2/4;
    margin: 0;
    gap: var(--wp--preset--spacing--40);
  }
  #workshop-aside-general {
    margin: 0;
    min-height: 400px;
  }
  #workshop-heading {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  #workshop-featured-img-container {
    justify-content: start;
  }
  #workshop-featured-img-inner {
    width: 250px;
    height: 250px;
  }
  .workshop__featured-image {
    width: 250px;
    height: 250px;
  }
  #workshop-excerpt {
    grid-column: 2/3;
    grid-row: 2/3;
    min-height: 400px;
  }
  #workshop-excerpt-inner {
    padding-top: 180px;
    text-align: left;
  }
  #workshop-description {
    grid-column: 2/3;
    grid-row: 3/4;
    margin-top: 0;
    margin-left: 0;
  }
  #workshop-heading,
  #workshop-excerpt {
    margin-right: 0;
    margin-left: 0;
  }
}

/*# sourceMappingURL=style-index.css.map*/