/*BODY*/
.title-page, h1, h2, h3, h4, h5, h6 {
    font-family: 'Abril Fatface', serif;
}
.nav__itemlvl1 {
    font-family: 'Anonymous Pro', monospace;
}
.nav__itemlvl1:hover {
    color: var(--primary-color);
    font-weight: 700;
}

/*BUTTON*/
.custombutton {
  padding: 1.3em 3em;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 700;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}

.custombutton:hover {
    background-color: #303030;
    box-shadow: 0px 15px 20px black;
    color: white;
    transform: translateY(-7px);
}

.custombutton:active {
  transform: translateY(-1px);
}

.catbutton {
  padding: 1.3em 3em;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 700;
  color: #fff;
  background-color: #303030;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}

.catbutton:hover {
    background-color: #fff;
    box-shadow: 0px 15px 20px black;
    color: black;
    transform: translateY(-7px);
}

.catbutton:active {
  transform: translateY(-1px);
}

/*CATEGORIES*/
.prod-list__title {
    font-family: 'Anonymous Pro', monospace;
}
.bloc--text {
    padding: 1rem;
    background-color: #f2f2f2;
}

/*PRODUITS*/

body.wiziblocks-on .prod .prod__name {
    font-family: 'Abril Fatface', serif!important;
      font-size: 1.2rem!important;
}
.prod-infos__desc {
    margin-top: 0px!important;
    padding: 1rem;
    background-color: #f2f2f2;
}

/*CONTACT*/
.contactezNous {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    background: url(https://media.cdnws.com/_i/348931/RAW-91/821/91/crazydogmomandsushi-fond-contact.jpeg) center no-repeat;
    gap: 2rem;
    padding: 6rem;
    flex-wrap: nowrap;
}
 
  .titleContact {
     color: white!important;
    text-align: center;
   }
.contactbutton {
  padding: 1.3em 3em;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 700;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}

.contactbutton:hover {
    background-color: #000;
    box-shadow: 0px 15px 20px black;
    color: #fff;
    transform: translateY(-7px);
}

.contactbutton:active {
  transform: translateY(-1px);
}


/*SPECIAL*/
.categories div div div div a picture img {
  opacity: 0.8!important;
}

.categories div div div div a picture img:hover {
      opacity: 1!important;
}
@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}
.slide-top{-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}

/* STARTER */
h1, .prod-list__title, .prod-list__title, .title-page, h1 {  }
h2, h3, h4, h5, h6, .nav__itemlvl1 { }

/*Permet d'appliquer un effet sur le logo lorsqu'il est trop sombre en entête qui scroll*/
.header.new-menu.header--fixed.header--transparent.header--notTranslate img.header__logo__a__img, .header.new-menu.header--fixed.header--transparent.header--translate .header__content.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned {}


/*Fonction qui permet d'afficher une image dans les textes de wiziblock sans qu'elles soient étirées*/
img.resize {
    position: initial !important;
    top: initial !important;
    left: initial !important;
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    transform: initial !important;
    min-width: initial !important;
    min-height: initial !important;
    max-width: initial !important;
    width: initial !important;
    height: initial !important;
    -o-object-fit: initial !important;
    object-fit: initial !important;
    opacity: initial !important;
    background-position: initial !important;
    background-size: initial !important;
    background-repeat: initial !important;
}

.prod__slider__wrapper.slick-initialized:after, .prod__slider__wrapper.slick-initialized:before { background: transparent;}
.prod.product-list-classic {    justify-content: center;}

@media (min-width: 1024px) {
    .nav-perso-off .nav__label .nav__a {
        font-size: 1rem;
    }
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd .form__fieldset {
  width: 100%;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--long-answer {
  grid-column: 1 / -1;
}

#e4ef9632-0cc2-490e-8045-d435f75a6bdd 
.form__field--btnArea {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  #e4ef9632-0cc2-490e-8045-d435f75a6bdd .form {
    grid-template-columns: 1fr;
  }
}

.prod-infos p:not(:empty):not(:last-child) {
    margin-bottom: 16px;
}
/* END STARTER */ 


.nav__itemlvl1:hover {
    color: #e86198;
    font-weight: 700;
}

 .menu img.images-texts-link__wrapper__lists__item__img {
    opacity: 0.8;
    transition: 0.8s ease-out  !important;
}

.menu img.images-texts-link__wrapper__lists__item__img:hover {
    opacity: 1;
      transition: 0.8s ease-out !important;
}

footer#footer {
    background: linear-gradient(90deg, rgba(232, 97, 152, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(15, 158, 188, 1) 100%) !important;
}

/*Anim gauche droite bloc*/

@media (max-width: 2100px) and (min-width: 1200px) {
      .reassu {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }

      .menu {
        animation: slide1 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
@keyframes slide2 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}

@keyframes slide1 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}