/*
 * Unisylva Acces Membre - styles de base
 *
 * Couvre le formulaire [unisylva_login] (connexion, mot de passe oublie,
 * reinitialisation) et le message affiche sur une categorie de documents
 * reservee. Modifiez librement les valeurs ci-dessous, ou surchargez ces
 * classes depuis le CSS de votre theme.
 */

:root {
	--unimem-color-text: #395542;
	--unimem-color-border: #dcdcde;
	--unimem-color-primary: #ED8B00;
	--unimem-color-primary-hover: #395542;
	--unimem-color-error-bg: #f3f1ef;
	--unimem-color-error-border: #395542;
	--unimem-color-success-bg: #f3f1ef;
	--unimem-color-success-border: #BFB8AF;
	--unimem-radius: 5px;
}

/* Conteneurs generaux */
.unimem-login {
	max-width: 420px;
	color: var(--unimem-color-text);
	font-family:"Roboto Slab", sans-serif;
}

.unimem-category-restricted {
	max-width: 600px;
	margin:auto;
	padding:30px;
	text-align:center;
}

/* Messages */
.unimem-login__error,
.unimem-login__success,
.unimem-category-restricted__message {
	padding: 0.75em 1em;
	border-radius: var(--unimem-radius);
	margin: 0 0 1.25em;
}

.unimem-login__error {
	background: var(--unimem-color-error-bg);
	border: 1px solid var(--unimem-color-error-border);
}

.unimem-login__success,
.unimem-category-restricted__message {
	background: var(--unimem-color-success-bg);
	border: 1px solid var(--unimem-color-success-border);
}

.unimem-login__hint {
	margin-bottom: 1.25em;
}

/* Champs de formulaire */
.unimem-login__field {
	margin-bottom: 1em;
}

.unimem-login__field label {
	display: block;
	margin-bottom: 0.35em;
	font-weight: 600;
	
}

.unimem-login__field input[type="text"],
.unimem-login__field input[type="password"] {
	width: 100%;
	padding: 0.55em 0.75em;
	border: 0px solid var(--beigeFonce);
	background: var(--beigeClair);
	border-radius: var(--beigeClair);
	box-sizing: border-box;
}

.unimem-login__remember {
	margin-bottom: 1.25em;
}

.unimem-login__remember label {
	font-weight: normal;
}

/* Boutons principaux (envoyer, se connecter, se deconnecter...) */
.unimem-login__submit button,
.unimem-login__logout,
.unimem-category-restricted__login,
.unimem-login__lost-button,
.unimem-login__nav-button {
	padding: 0.5em 1.2em;
	border: 1px solid var(--unimem-color-primary);
	border-radius: var(--unimem-radius);
	background: var(--unimem-color-primary);
	color: #fff;
	font-size: 0.9em;
	line-height: 1.4;
	cursor: pointer;
	text-decoration: none;
	width:100%!important;
}

.unimem-login__submit button:hover,
.unimem-login__logout:hover,
.unimem-category-restricted__login:hover,
.unimem-login__lost-button:hover,
.unimem-login__nav-button:hover {
	background: var(--unimem-color-primary-hover);
	border-color: var(--unimem-color-primary-hover);
	color: #fff!important;
	text-decoration: none!important;
}

.unimem-login__nav-button:hover {
	color: var(--unimem-color-primary-hover);
	text-decoration: underline;
}

/* Etat connecte */
.unimem-login__status {
	margin-bottom: 1em;
}

.unimem-login__logout-form {
	margin: 0;
}

/* Categorie reservee */
.unimem-category-restricted__action {
	margin-top: 0.5em;
}