/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
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.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* 
#002B45	 bleue
#CAA87C	 or
*/
.txtcenter {text-align: center;}

.bonjour {color: white !important; text-transform: uppercase; font-size: 13px;}


.add_to_cart_inline {border: 0 !important;}
.add_to_cart_inline .woocommerce-Price-amount {margin-right: 10px;}

.woocommerce-error, .woocommerce-info, .woocommerce-message {background-color: white}
.woocommerce-info {border-top-color: #DB9C03;}
.woocommerce-info::before {color: #DB9C03;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background-color: #DB9C03;}

/* mon comte */
.woocommerce-MyAccount-content button.button {margin-top: 20px;}
.woocommerce-MyAccount-navigation ul {list-style-type: none; margin: 0; padding: 0 30px 0 0;}
.woocommerce-MyAccount-navigation li {list-style-type: none; padding: 5px 10px; border-top: 1px solid #005DA8}
.woocommerce-MyAccount-navigation li:first-child {border: 0}
.woocommerce-MyAccount-navigation li a {color: #005DA8; display: block;}
.woocommerce-MyAccount-navigation li.is-active {background-color:#005DA8;}
.woocommerce-MyAccount-navigation li.is-active a {color: white;}

/* login */
#customer_login {max-width: 600px; padding: 0 2rem; margin: auto}
#customer_login h2 {font-size: 50px !important; text-align: center}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {margin: 1em 0 2em;}

/* panier */
.cart_totals h2 {font-size: 50px !important;}
button[name=apply_coupon] {height: 37px !important; color: white !important;}
button[name=update_cart] {height: 37px !important; color: white !important;}
.woocommerce-cart table.cart td.actions .coupon .input-text {width: 200px;}
.woocommerce table.shop_table {border-collapse: collapse}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {background-color: #DB9C03;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {background-color: #005DA8;}

/* commande */
#customer_details {margin-bottom: 3rem;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #DB9C03}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #005DA8}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: none; display: inline-block; padding: 1em 2em}
.woocommerce #payment .place-order {text-align: center}

.content-checkout {display: flex; flex-wrap: nowrap; justify-content: space-between}
.woocommerce .col2-set, .woocommerce-page .col2-set {width: 48%}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {width: 100%; float: none;}
#order_review {width: 48%}
.order-again {display: none !important}
.woocommerce-order-received .subscription-actions {display: none !important}
.woocommerce-order-received .woocommerce-order-details + p {display: none !important}


.abonne_partage_control {margin-top: 2rem;}
.bloc-famille {max-width: 500px; margin: 0 0 2rem 0;}
.bloc-famille.sep {height: 20px;}
.bloc-famille-title {display: block; font-weight: 800; font-size: 1.1rem; text-transform: uppercase; margin: 1rem 0 .5rem}
.info-sociosnumero {font-weight: 800; display: block; margin: .2rem 0 0 0}  

.form-control {margin-bottom: 1rem;}
.form-control label {display: block; margin-bottom: .2rem;}
.form-control.flex {display: flex; flex-wrap: nowrap; align-items: flex-end; margin-block: 0;}
.form-control.input {width: 100%}
#getInfoSocio {height: 42px; background: #005DA8}
#getInfoSocio:hover {color: white !important}

.bloc-submit {margin: 1rem 0 0 0; text-align: center; max-width: 500px}
.submitGestionPack {height: 42px; }

.listeMembreFamille {margin: 1rem 0; padding: 1rem 0; border-bottom: 1px solid #ccc;}
.listeMembreFamille-line {display: flex; align-items: center; justify-content: space-between; margin: 0 0 5px;}
.listeMembreFamille-line .remove_user_famille {border: 0; padding: 5px 10px; background: #393939; font-weight: 600;}

.button.button_order_thankyou_famille {color: white;}

/*single*/
.woocommerce-variation-price {text-align: center; margin-bottom: 20px;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #005DA8}
.woocommerce div.product form.cart .reset_variations {display: none !important}
.woocommerce div.product.elementor form.cart table.variations td.label {display: none;}
.woocommerce div.product.elementor form.cart table.variations td.value {width: 100%;}
.woocommerce div.product.elementor form.cart table.variations td.value select {width: 100%; position: relative; border: 1px solid #005DA8; margin: 0; padding: 5px; height: auto; background: white;}
.woocommerce div.product.elementor form.cart table.variations td.value::before {display: none;}

#wc-stripe-cc-form .form-row {margin: 0 !important; padding: 0 !important}
#wc-stripe-cc-form .form-row label {line-height: 1 !important}

.elementor-slideshow__title {display: none !important}

body:not(.member-logged-in) #inside .elementor-widget-button {display: none !important}
.elementor-posts .woocommerce .wc-memberships-restriction-message {display: none;}

@media only screen and (max-width: 1280px) {
	.nav a {padding: 20px 10px !important;}
}

@media only screen and (max-width: 767px) {
	.elementor-posts--skin-classic .elementor-post {flex-direction: column}
	.elementor-widget-posts article {flex-direction: column}
	.elementor-posts--skin-classic .elementor-post__text {padding: 20px !important;}
	
	.content-checkout {flex-wrap: wrap}
	.woocommerce .col2-set, .woocommerce-page .col2-set {width: 100%}
	#order_review {width: 100%} 
}