/*
Theme Name: Astra Child
Template: astra
Description: Template par S3D 
*/


/* Formulaires */

.s3d-login-form, .s3d-add-form, .s3d-pwd-form, .s3d-reset-form {
	max-width:90%;
	margin:0 auto;
}

.s3d-login-form, .s3d-pwd-form, .s3d-reset-form {
	width:400px;
}

.s3d-input-container {
	margin-bottom:20px;
	width:100%;
}

.s3d-input-container label {
	font-size:17px;
	font-weight:400;
	color:var(--e-global-color-d70642e);
}

.s3d-input-container .s3d-input {
	border:1px solid #a5a5a5;
	border-radius:5px;
	background:#fff;
	height:40px;
	padding:10px;
	font-size:18px;
	font-weight:200;
	color:var(--e-global-color-secondary);
}

.s3d-input-container.s3d-input-checkbox {
	
}


.s3d-input-container .s3d-input:focus {
	outline :0;
	border:1px solid var(--e-global-color-secondary);
}

.s3d-input-btn {
    background: var(--e-global-color-primary) !important;
    width: 200px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    border:none;
    text-transform: uppercase;
    margin: 0 auto;
    transition: .5s;
	padding:0 10px !important;
	margin-top:40px;
}

.s3d-input-btn:hover {
	background:var(--e-global-color-secondary) !important;
}

 input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
      -webkit-text-fill-color: var(--e-global-color-secondary) !important;
      transition: background-color 5000s ease-in-out 0s;
  }

.s3d-form-text {
	text-align:left;
	
	font-size:13px;
	font-weight:400;
	color:var(--e-global-color-secondary);
	text-decoration:none !important;
}

.s3d-form-text a {
		color:var(--e-global-color-secondary);
		text-decoration:none !important;
		font-weight:400;
}

.s3d-new-account {
	font-weight:700;
}

.s3d-form-text a:hover {
	text-decoration:underline !important;
}

.s3d-new-account {
	margin-top:5px;
}

.s3d-form-error {
	color:#d6363f;
	margin-top:5px;
	font-size:13px;
}

.s3d-form-succes {
	color: var(--e-global-color-primary);
	margin-top:5px;
	font-size:13px;
}

.s3d-grid-two {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:2rem;
}

.s3d-grid-tree {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:2rem;
}