/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 27 2025 | 14:31:08 */
/* FORMULAIRES : HTML blocs Backery */ 
:root {
	--border-input: #676767;
	--sup-important: red;
}

.sct-syncro {
	.nectar_icon_wrap {
		display: none;
		visibility: hidden;
	}	
	
	.vc_custom_heading {
	}
}

@media(max-width: 820px) {
	.sct-syncro {
		.wpb_wrapper {
			.column_container {
				.vc_custom_heading {
					font-size: 32px !important;
					line-height: 1.2em !important;
				}
			}
		}
	}
}

.form-default {
	sup { 
		font-size: 1em;
		color: var(--sup-important) !important;
		vertical-align: 1px;
	}
	
	.form-group {
	
		.form-label {
			sup {
				color: var(--sup-important);
			}
		}
		
		.form-input {
			.form-control {
				color: var(--nectar-accent-color) !important;
				border: 1px solid var(--border-input) !important;
				background-color: white !important;
				border-radius: 4px !important;
			}
		}
		
		/* BOUTON : Valider */
		&.submit {
			display: flex;
			align-items: stretch;
			justify-content: space-between;
			margin-top: 10px;
			
			.form-input {
				&.submit-button {
					.btn {
						color: var(--nectar-accent-color);
						background-color: white;
						padding: 10px 22px !important;
						
						&:hover, &:active {
							color: white;
							background-color: var(--nectar-accent-color);
						}
					}
				}
			}
			.gm-forgot-password {
				* {
					color: white;
				}
			}
		}
	}
}

.login-form {
    display: none;
	
	&.is-active {
		display: block;
	}
}

/* Visuel des pictos actifs/inactifs (exemple) */
.login-type-choices {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 30px;
	
	.login-choice {
		display: flex;
		flex-flow: column;
		gap: 10px;
		
		cursor: pointer;
		opacity: 0.5;
		text-align: center;
		transition: all 0.3s;
		
		div:not(.picto) {
			color: #fff;
		}
		.picto {
			width: 90px;
			max-height: 90px;
			
			svg {
				width: auto;
				height: 100%;
				object-fit: cover;
			}
		}
		
		&.is-active {
			opacity: 1;
		}
	}
}