/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* header */
.home .ux-logo-1{opacity: 100; display: block}
.home .ux-logo-2{opacity: 0; width: 0; transition: .3s ease-in-out; transform: translateY(-10%); position: absolute}
.home .elementor-sticky--effects .ux-logo-1{opacity: 0; width: 0; transition: .3s ease-in-out; transform: translateY(-50%);position: absolute}
.home .elementor-sticky--effects .ux-logo-2{opacity: 100; width: 100%; transition: .6s ease-in-out; transform: translateY(0%); position: relative}
.ux-logo-1{display: none}
.ux-account-link {display: none !important;}
body.logged-in .ux-account-login {display: none !important;}
body.logged-in .ux-account-link {display: inline-flex !important;}

/* general */
.ux-green b {color: #6BA54A;}
.ux-black b {color: #000;}
.elementor-icon-box-title {margin: 0;}

/* Woocommerce */
.u-column1.col-1 {border-right: 1px solid #00000024;padding: 30px 50px 30px 30px;}
.u-column2.col-2 {padding: 30px 30px 30px 0;}
.e-my-account-tab.e-my-account-tab__dashboard h2{font-family: "Myriad Pro", Sans-serif;font-size: 32px;}
.e-my-account-tab.e-my-account-tab__dashboard form.woocommerce-form.woocommerce-form-login.login,
.e-my-account-tab.e-my-account-tab__dashboard form.woocommerce-form.woocommerce-form-register.register
{padding: 0;margin: 0;border: none;}
.e-my-account-tab.e-my-account-tab__dashboard form.woocommerce-form.woocommerce-form-login.login label,
.e-my-account-tab.e-my-account-tab__dashboard form.woocommerce-form.woocommerce-form-register.register label
{color: #000;font-family: "Myriad Pro", Sans-serif;}
.e-my-account-tab.e-my-account-tab__dashboard form.woocommerce-form.woocommerce-form-login.login input,
.e-my-account-tab.e-my-account-tab__dashboard form.woocommerce-form.woocommerce-form-register.register input
{background: #fff !important;border: 1px solid #00000024 !important;}
.woocommerce-privacy-policy-text p {color: #000 !important;}
.woocommerce-privacy-policy-text a {color: #6BA54A !important;}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button
{background: #6BA54A;border: 2px solid #6BA54A;border-radius: 20px;color: var(--forms-buttons-normal-text-color, #fff);padding: var(--forms-buttons-padding, 12px 32px);letter-spacing: 0.5px;text-transform: uppercase;}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover
{color: #000;transition-duration: var(--forms-buttons-hover-transition-duration, .3s);background: #fff;border-color: #000;}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a {color: #6BA54A;font-size: 15px;}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a:hover {color: #000;}

/* loop produits */
.ux-description-product {position: absolute;top: 100%;inset-inline: 0;visibility: hidden;opacity: 0;}
.ux-loop-product:hover{box-shadow: 0px 0px 10px #0000002e;z-index: 2;}
.ux-loop-product:hover .ux-description-product {visibility: visible;opacity: 1;transition: opacity .3s ease,visibility 0s ease;background: #fff;z-index: 2;box-shadow: 0px 13px 10px #0000002e;margin-top: -15px;padding-top: 10px;}

/* off canvas connexion */
.ux-connexion .elementor-form .elementor-button.elementor-size-sm {width: 100%;}

/* page paiement */
.elementor-widget-woocommerce-cart .woocommerce .coupon-col-start {padding-inline-end: 15px;}
.woocommerce form .form-row .input-text{padding: 13px 10px;}
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th,
.woocommerce-cart-form__cart-item.cart_item td,
.cart-subtotal td,
.woocommerce-shipping-totals.shipping td
{border-bottom: 1px solid #ddd !important;}

/* validation de la commande */
.e-checkout__column.e-checkout__column-end .e-checkout__column-inner {
  background: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px #00000017;
}

/* mon compte */
.woocommerce-MyAccount-navigation::before {
	content:"Mon compte";
  color: var( --e-global-color-secondary );
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
  font-size: 22px;
  border-bottom: 1px solid #ddd;
  display: block;
	padding: 0 10px 5px 23px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation {padding-right: 30px;border-right: 1px solid #ddd;width: 21% !important;}
.woocommerce-info::before {
  color: #6BA54A;
}
.woocommerce-info {
  border-top-color: #6BA54A;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {background-color: #f8f8f8;}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  background: #fff;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a.button.alt:hover, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a.button:hover {
  background-color: #fff;
  color: #6BA54A;
}

/* animation */
.ux-image.fadeInLeft {animation-name: uxleft !important;animation-duration: 3s !important;}
@keyframes uxleft {
0% {-webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);}
100% {-webkit-clip-path: inset(0);clip-path: inset(0);}
}
.ux-image.fadeInRight {animation-name: uxright !important;animation-duration: 3s !important;}
@keyframes uxright {
0% {-webkit-clip-path: inset(0 0 0 100%);clip-path: inset(0 0 0 100%);}
100% {-webkit-clip-path: inset(0);clip-path: inset(0);}
}