/*
Theme Name: Astra child
Description: Theme enfant de Astra. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: astra
Version: 1.0
*/

/*! ************************************************************************************ */
/*! ************************************************************************     GENERAL */
/*! ************************************************************************************ */
:root {
	--footer_green: linear-gradient(
		14deg,
		rgba(51, 102, 0, 1) 0%,
		rgba(51, 126, 0, 1) 24%,
		rgba(51, 140, 0, 1) 49%,
		rgba(51, 148, 0, 1) 74%,
		rgba(51, 153, 0, 1) 96%
	) !important;
	--h2_green: #99cc00;
	--hover_grey: #e8e8e8;
	--test_border: 1px solid red;
	--test_background: red;
}

/*! ************************************************************************************ */
/*! ************************************************************************      FOOTER */
/*! ************************************************************************************ */
.site-footer {
	background: var(--footer_green) !important;
	color: white !important;
}
.site-primary-footer-wrap h4 {
	color: #dfe0e0 !important;
}

.ast-builder-html-element p {
	margin-bottom: unset !important;
}
.ast-builder-html-element p a,
.site-primary-footer-wrap h4 a,
.footer-social-inner-wrap a {
	text-decoration: none !important;
	position: relative;
	color: inherit;
}
.ast-builder-html-element p a::after,
.site-primary-footer-wrap h4 a::after,
.footer-social-inner-wrap a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	background-color: var(--hover_grey);
	transition: width 0.3s ease-out;
}
.ast-builder-html-element p a:hover::after,
.site-primary-footer-wrap h4 a:hover::after,
.footer-social-inner-wrap a:hover::after {
	left: 0;
	right: auto;
	width: 100%;
}
.ast-builder-html-element p:hover {
	color: var(--hover_grey) !important;
}


/*! ************************************************************************************ */
/*! *******************************************************      MON COMPTE/SE CONNECTER */
/*! ************************************************************************************ */
.page-id-18 .woocommerce-form-login {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.page-id-18 .woocommerce-form-login .woocommerce-form-row--wide {
	width: 60%;
}
.page-id-18 .form-row:nth-child(3) {
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-id-18 .form-row:nth-child(3) button {
	width: 100%;
}