/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.category-card{
    padding: 0px 24px;
    background-color: var(--e-global-color-accent);
}


.category-wine{
    padding: 0px 24px;
    background-color: var(--e-global-color-primary);
}



@media (max-width: 768px) {
    .category-card, .category-wine {
		padding: 0px 4px;
	}
}



.center-connector h4.eael-restaurant-menu-title {
    align-items: center;
    display: flex!important;
}

.center-connector .eael-price-title-connector{
    margin-bottom: 8px!important;
}


.content-wine{
    display: flex;
    flex-direction: row;
    gap:4px;
}

.contenance{
    font-weight:400;
    color: var(--e-global-color-text);
}

.contenance-litre{
    font-weight:400;
    color: var(--e-global-color-text);
	font-size: 0.7rem;
    font-style: italic;
}

@media all and (max-width: 767px) {
	.wine span.eael-price-title-connector {
		display:none;
	}

	.wine .eael-restaurant-menu-header {
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 10px;
	}

	.wine span.eael-restaurant-menu-price {
		display: block;
		width: 100%;
	}

	.wine .content-wine {
		display: flex;
		gap: 0.5rem;
	}
}


/*Retourner l'icone téléphone */
i.fas.fa-phone-alt {
    -webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
    margin-left: -5px !important;
}

.navBar i.fas.fa-phone-alt {
    margin-left: 0px!important;
}


.rotate-left{
	transform: rotate(-3deg);
}



.rotate-right{
	transform: rotate(3deg);
}

.contact-phone a,
.footer-phone a {
    font-family: "Poppins";
    font-size: 1rem;
    font-weight: 500;
  }

.contact-phone a{
    color: var(--e-global-color-text);
  }

.footer-phone a {
    color: var(--e-global-color-accent);
  }


@media (max-width: 1024px) {
    .rotate-left {
        transform: rotate(-2deg);
    }
    .rotate-right {
        transform: rotate(2deg);
    }
}

@media (max-width: 768px) {
    .rotate-left, .rotate-right {
        transform: rotate(0deg);
    }
}



@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInDown {
  animation-name: fadeDown;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInLeft {
  animation-name: fadeLeft;
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInRight {
  animation-name: fadeRight;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.fadeInUp {
  animation-name: fadeUp;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.elementor-element.slideInUp {
  animation-name: slideUp;
}


.elementor-lightbox-image{
    border:none!important;
    transform: rotate(0deg)!important;
	border-radius:0px!important;
}