/*
Theme Name: Divi Child-adamo
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.22.1.1692425479
Updated: 2023-08-19 10:11:19

*/

/* woocoomerce page commande */
@import url('https://cdn-uicons.flaticon.com/uicons-solid-rounded/css/uicons-solid-rounded.css');
/* woocommerce checkout fields----------------------------------*/

.woo_checkout_hidden {
  visibility: hidden;
  display: none !important;
}

/*---------------menu----------------------------------------- */

.button-menu-not-connected {
}
/*-----------------------Woocommerce-------------------------- */
pre {
  color: rgb(7, 7, 7);
  background-color: #eeeeee;
}

body div.woocommerce {
  color: white !important;
  font-weight: 300;
}

body div.woocommerce h3,
body div.woocommerce h2 {
  color: #efbb00 !important;
  line-height: 1.5em;
  text-shadow: 2px 5px 1px black;
}

.woocommerce table.my_account_orders {
  color: white !important;
}

.woocommerce table.shop_table .entry-content thead th,
.entry-content tr th {
  color: white !important;
}

.woocommerce a.button,
.woocommerce-page a.button {
  background-color: red;
  color: white !important;
  border: none !important;
}

.woocommerce-page button.button {
  background-color: rgb(11, 146, 33);
  color: white !important;
  border: none;
}

.woocommerce-page button.button:hover {
  letter-spacing: 2px;
  background-color: rgb(11, 146, 33);
  color: white !important;
  border: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  list-style: none;
  padding: 1em 0;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-color: #eeeeee;
  background-color: #00000038;
  backdrop-filter: blur(9px);
}
woocommerce-terms-and-conditions-checkbox-text {
  color: #eeeeee !important;
}

/*--------------------------thankyou.php--------------------------*/

/*------------------------- fixed menu ---------------------------*/
.menu-second {
  position: fixed;
  transition: all 1000ms linear;
  z-index: 999;
  height: auto;
  width: 0;
  border-radius: 5px;
  padding: 20px 20px;
  top: 20vh;
  left: 110vw;
  animation: fadeOut 1000ms;
}

@keyframes fadeOut {
  from {
    opacity: 1;
    width: 10%;
  }
  to {
    opacity: 0;
    width: 0;
  }
}

.fixed-second-menu {
  position: fixed;
  transition: all 100ms linear;
  z-index: 99900;
  height: auto;
  width: 10%;
  border-radius: 5px;
  padding: 20px 20px;
  top: 20vh;
  left: 110vw;
  transform: translatex(-25vw);
  animation: fadeIn 1000ms;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    width: 0;
  }
  to {
    opacity: 1;
    width: 10vw;
  }
}

.menu-second ul,
.fixed-second-menu ul {
  list-style: none;
  display: flex;
  justify-items: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.menu-second li,
.fixed-second-menu li {
  margin: 0.5em 0;
  padding: 0.6em 5px;
  border: 1px dashed #eeeeee;
  border-radius: 8px;
  width: 15vh;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.8em;
}
/*------------ Orderable ---------------*/
.orderable-products-list__item .orderable-product {
  backdrop-filter: blur(10px);
  background-color: rgba(53, 37, 19, 0.41);
}

h2.orderable-product__title {
  letter-spacing: 3px;
}

.orderable-product__description {
  font-weight: 200;
  letter-spacing: 1px;
  word-wrap: break-word;
}

.orderable-button {
  /* visibility: hidden;*/
  border-radius: 5px !important;
  border-color: #038d21;
  background-color: #038d21;
  color: white;
  text-transform: uppercase;
}

.orderable-button:hover {
  border-radius: 5px !important;
  border-color: none !important;

  color: white;
}

.orderable-product__actions-price .amount {
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1;
  color: rgb(228, 147, 26);
  letter-spacing: 1px;
  text-shadow: 2px 2px 0 black;
}

.orderable-drawer-overlay {
  background-color: #03320399;
}

.orderable-drawer-overlay .orderable-drawer {
  background-color: #ff5e00c2;
}

.orderable-drawer .orderable-button {
  border-color: #038d21 !important;
  color: rgb(255, 255, 255);
}

.orderable-drawer .orderable-button:hover {
  border-color: #038d21 !important;
  color: rgb(255, 255, 255);
}
.orderable-accordion__item-content p {
  padding: 25px 0;
}
.orderable-drawer .orderable-product__actions-price .amount {
  font-weight: 800;
  font-size: 3rem;
  line-height: 1;
  color: rgb(228, 147, 26);
  letter-spacing: 1px;
  text-shadow: none;
}

.titre-vegetarien {
  position: relative !important;
}

h2.titre-vegetarien::after {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/legume.svg');
  background-size: cover;
  position: absolute;
  height: 1.4em;
  width: 1.4em;
  top: 50%;
  right: 5px;
  transform: translate(130%, -50%);
  z-index: 50;
}

h2.titre-vegetarien::before {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/legume.svg');
  background-size: cover;
  position: absolute;
  height: 1.4em;
  width: 1.4em;
  top: 50%;
  left: 5px;
  transform: translate(-130%, -50%);
  z-index: 50;
}

h2.titre-fromage::after {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/fromage.png');
  background-size: cover;
  position: absolute;
  height: 1.4em;
  width: 1.4em;
  top: 50%;
  right: 5px;
  transform: translate(130%, -50%) scale(-1);
  z-index: 50;
}

h2.titre-fromage::before {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/fromage.png');
  background-size: cover;
  position: absolute;
  height: 1.4em;
  width: 1.4em;
  top: 50%;
  left: 5px;
  transform: translate(-130%, -50%);
  z-index: 50;
}

h2.titre-poissons::before {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/thon.png');
  background-size: cover;
  position: absolute;
  height: 1.8em;
  width: 1.8em;
  top: 50%;
  left: 5px;
  transform: translate(-130%, -50%);
  z-index: 50;
}

h2.titre-poissons::after {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/thon.png');
  background-size: cover;
  position: absolute;
  height: 1.8em;
  width: 1.8em;
  top: 50%;
  right: 5px;
  transform: translate(130%, -50%) scalex(-1);
  z-index: 50;
}

h2.titre-vollay::before {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/poulet-1.png');
  background-size: cover;
  position: absolute;
  height: 1.8em;
  width: 1.8em;
  top: 50%;
  left: 5px;
  transform: translate(-130%, -50%);
  z-index: 50;
}

h2.titre-vollay::after {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/poulet-1.png');
  background-size: cover;
  position: absolute;
  height: 1.8em;
  width: 1.8em;
  top: 50%;
  right: 5px;
  transform: translate(130%, -50%) rotate(180deg);
  z-index: 50;
}

h2.titre-boeuf::before {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/viande.png');
  background-size: cover;
  position: absolute;
  height: 1.8em;
  width: 1.8em;
  top: 50%;
  left: 5px;
  transform: translate(-130%, -50%) scalex(-1);
  z-index: 50;
}

h2.titre-boeuf::after {
  content: '';
  background-image: url('/wp-content/uploads/2023/08/viande.png');
  background-size: cover;
  position: absolute;
  height: 1.8em;
  width: 1.8em;
  top: 50%;
  right: 5px;
  transform: translate(130%, -50%);
  z-index: 50;
}
/*----------------page contact ------------------------*/
.et_pb_contact_form_0 {
  background-color: #eeeeee;
  padding: 0.9em;
}
.contact-table {
  color: #eeeeee;
  border-radius: 8px;
  border: none !important;
  font-size: 18px;
}

table,
td,
th,
tr {
  border: none !important;
}
tr {
  height: 50px;
}

@media only screen and (min-width: 768px) {
  #et_pb_contact_form_0 {
    background-color: #eeeeee;
    position: relative;
    box-shadow: 2px 0 1em rgba(72, 71, 71, 0.63);
    border-radius: 8px;
    height: 50vh;
  }

  #et_pb_contact_form_0::after {
    content: ' ';
    height: 41vh;
    width: 45vw;
    background-image: url('/wp-content/uploads/2023/08/pizza-formulaire-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: -900;
    /*box-sizing: border-box;*/
    /*transform: translate(-60px, -20px) rotate(190deg);*/
  }
}

@media only screen and (max-width: 768px) {
  #et_pb_contact_form_0::after {
    transform: translate(-80%, 10%);
    z-index: -900;
  }

  .contact-table-div2 {
    padding-top: 10px;
  }
}