/*----------------------------------------------------------------- */
/* LOGIN
/*----------------------------------------------------------------- */

/* --- FONTS --- */
@font-face {
	font-family: "Unbounded";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../../../../../uploads/2026/06/unbounded-v12-latin-ext-500.woff2") format("woff2");
}

@font-face {
	font-family: "Unbounded";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../../../../../uploads/2026/06/unbounded-v12-latin-ext-600.woff2") format("woff2");
}

@font-face {
	font-family: "Unbounded";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("../../../../../uploads/2026/06/unbounded-v12-latin-ext-800.woff2") format("woff2");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../../../../../uploads/2026/06/open-sans-v44-latin-ext-regular.woff2") format("woff2");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../../../../../uploads/2026/06/open-sans-v44-latin-ext-600.woff2") format("woff2");
}

/* --- VARIABLES --- */
:root {
	--color__alert_danger-bg: rgba(200, 58, 44, 0.18);
	--color__alert_danger-border: rgba(200, 58, 44, 0.45);
	--color__alert_dark-bg: rgba(36, 30, 71, 0.6);
	--color__alert_dark-border: rgba(255, 255, 255, 0.18);
	--color__alert_general-bg: rgba(78, 56, 141, 0.35);
	--color__alert_general-border: rgba(133, 107, 173, 0.5);
	--color__alert_info-bg: rgba(133, 107, 173, 0.28);
	--color__alert_info-border: rgba(211, 151, 194, 0.45);
	--color__alert_success-bg: rgba(47, 125, 79, 0.22);
	--color__alert_success-border: rgba(47, 125, 79, 0.5);
	--color__alert_warning-bg: rgba(243, 155, 28, 0.18);
	--color__alert_warning-border: rgba(243, 155, 28, 0.45);
	--color__black: #000;
	--color__blue: #fabd6c;
	--color__blue-dark: #d13017;
	--color__blue-light: #f39b1c;
	--color__pink: #ed6e28;

	/* COLORS
	----------------------------------------- */
	--color__body-bg: linear-gradient(135deg, #241e47 0%, #4e388d 100%);
	--color__content-bg: #2e2758;
	--color__content-heading: #fff;
	--color__content-text: rgba(255, 255, 255, 0.85);
	--color__form-bg-extra: #241e47;
	--color__form-border: rgba(255, 255, 255, 0.28);
	--color__form-placeholder: rgba(255, 255, 255, 0.55);
	--color__green: #7fc79c;
	--color__menu-links-bg: #ed6e28;
	--color__orange: #fabd6c;
	--color__red: #f08d80;
	--color__white: #fff;

	/* FONTS
	----------------------------------------- */
	--font-family__default:
		"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-family__heading:
		"Unbounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-size__default: 1.6rem;
	--font-size__rem-constant: 62.5%;
	--font-size__small: 1.5rem;
	--font-size__small-extra: 1.2rem;
	--font-weight__normal: 400;
	--font-weight__semibold: 600;

	/* PADDINGS | MARGINS | BORDERS
	----------------------------------------- */
	--padding__default: 40px;

	/* ANIMATIONS
	----------------------------------------- */
	--transition-duration__default: 0.5s;
}

@media (max-width: 760px) {
	:root {
		/* PADDINGS | MARGINS | BORDERS
		----------------------------------------- */
		--padding__default: 20px;
	}
}

/* --- GENERAL --- */
html {
	font-size: var(--font-size__rem-constant);
	line-height: normal; /* fix normalize.css */

	position: relative;

	overflow-x: hidden;

	box-sizing: border-box;
	min-height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

::selection {
	color: var(--color__white);
	background: var(--color__blue);
}

::selection {
	color: var(--color__white);
	background: var(--color__blue);
}

body {
	font-family: var(--font-family__default);
	font-size: var(--font-size__default);
	font-weight: var(--font-weight__normal);

	text-align: left;

	color: var(--color__content-text);
	background: var(--color__body-bg);

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,
a:visited {
	transition:
		text-decoration var(--transition-duration__default),
		color var(--transition-duration__default),
		background-color var(--transition-duration__default),
		border-color var(--transition-duration__default);
	text-decoration: underline;

	color: var(--color__content-text);
}

a:hover {
	text-decoration: none;
	text-decoration: underline transparent solid;

	color: var(--color__content-text);
}

a:focus,
a:active {
	color: var(--color__blue);
}

button {
	font-size: var(--font-size__default); /* fix normalize.css */

	padding: 0;

	cursor: pointer;
	transition:
		color var(--transition-duration__default),
		background-color var(--transition-duration__default),
		text-decoration var(--transition-duration__default);

	color: var(--color__blue);
	border: none;
	background: none;
}

button:hover {
	color: var(--color__blue-light);
}

button:focus {
	outline: none;
}

/* --- FORMS --- */
form label {
	font-family: var(--font-family__default);
	font-size: var(--font-size__small-extra);
	font-weight: var(--font-weight__semibold);

	position: relative;

	display: inline-block;

	margin-bottom: 8px;

	cursor: pointer;
	text-transform: uppercase;
}

form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="password"],
form input[type="tel"],
form input[type="number"],
form input[type="search"],
form textarea,
form select {
	line-height: 38px;

	width: 100%;
	height: 38px;
	margin-bottom: 15px;
	padding: 8px 12px;

	transition: border-color var(--transition-duration__default);

	color: var(--color__content-text);
	border: 1px solid var(--color__form-border);
	border-radius: 4px;
	outline: none;
	background: transparent;
}

form textarea {
	line-height: normal;

	height: 120px;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="password"]:focus,
form input[type="tel"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form textarea:focus,
form select:focus {
	border-color: var(--color__pink);
}

form ::placeholder {
	opacity: 0.8 !important;
	color: var(--color__form-placeholder) !important;
}

form input[type="search"]::-webkit-search-decoration,
form input[type="search"]::-webkit-search-cancel-button,
form input[type="search"]::-webkit-search-results-button,
form input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

form button[type="submit"],
form input[type="submit"] {
	font-family: var(--font-family__heading);
	font-size: var(--font-size__default);
	font-weight: var(--font-weight__semibold);

	position: relative;

	padding: 8px 22px;

	cursor: pointer;
	transition:
		color var(--transition-duration__default),
		background-color var(--transition-duration__default);
	text-decoration: none;

	color: var(--color__white);
	border: none;
	border-radius: 5px;
	background-color: var(--color__pink);
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

form button[type="submit"]:hover,
form input[type="submit"]:hover {
	text-decoration: none;

	color: var(--color__white);
	background: var(--color__blue-dark);
}

form button[type="submit"]:focus,
form input[type="submit"]:focus {
	outline: none;
}

form .form__field_select {
	position: relative;
}

form .form__field_select select {
	cursor: pointer;
}

form .form__field_select select option {
	color: var(--color__black);
}

form .form__field_select .form__field_select-arrow {
	position: absolute;
	top: 13px;
	right: 12px;

	display: block;

	width: 8px;
	height: 8px;

	transition:
		transform var(--transition-duration__default),
		top var(--transition-duration__default);
	transform: rotate(-45deg);

	border-bottom: 1px solid var(--color__content-text);
	border-left: 1px solid var(--color__content-text);
}

form .form__field_select select:focus + .form__field_select-arrow {
	top: 17px;

	transform: rotate(135deg);
}

/* --- LOGIN FORM --- */
body.login {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	min-height: 100vh;
	padding: var(--padding__default);

	gap: var(--padding__default);
}

#login {
	width: 100%;
	max-width: 380px;
}

/* .login h1
{
	font-family: var(--font-family__heading);
	font-size: 4rem;
	font-weight: var(--font-weight__normal);
	line-height: 40px;

	display: block;

	margin: 0 0 var(--padding__default) 0;

	text-align: center;
	letter-spacing: 0.5rem;

	color: var(--color__content-heading);
}

.login h1 a
{
	text-decoration: none;

	color: var(--color__content-heading);
}

.login h1 a:hover
{
	color: var(--color__blue);
} */

.login h1 {
	font-size: 0;

	text-align: center;
}

.login h1 a:before {
	display: inline-block;

	width: 180px;
	height: 123px;
	margin: 0 0 20px 0;

	content: "";

	background: url("../../../../../uploads/2026/06/wg-logo-light.svg") no-repeat center;
	background-size: contain;
}

.login p {
	margin: 0;
}

.login a {
	text-decoration: none;
}

.login a:hover {
	color: var(--color__blue);
}

.login form {
	position: relative;
	z-index: 10;

	padding: 20px 30px;

	transition:
		background-color var(--transition-duration__default),
		color var(--transition-duration__default);

	color: var(--color__content-text);
	border-radius: 5px;
	background: var(--color__content-bg);
}

.login input,
.login textarea,
.login select {
	margin: 0 !important;
}

.login #loginform {
	display: grid;
	align-items: center;

	gap: 15px;
	grid-template-columns: 1fr 1fr;
}

.login #registerform {
	display: grid;
	align-items: center;

	gap: 15px;
	grid-template-columns: 1fr;
}

.login #loginform > p:first-child,
.login #loginform > .user-pass-wrap {
	grid-column: span 2;
}

.login .submit {
	text-align: right;
}

.login #lostpasswordform .submit {
	margin-top: 15px;
}

.login .wp-pwd {
	position: relative;
}

.login #reg_passmail {
	font-size: var(--font-size__small);
}

.login #nav,
.login #backtoblog {
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;

	text-align: center;

	background: var(--color__form-bg-extra);
}

.login #nav {
	position: relative;
	z-index: 5;

	margin-top: -5px;
	padding-top: 25px;
}

.login #backtoblog {
	padding-top: 15px;
	padding-bottom: 20px;

	border-radius: 0 0 5px 5px;
}

.login .language-switcher,
.login .wpml-login-ls {
	width: 100%;
	max-width: 380px;

	text-align: center;
}

.login .language-switcher form,
.login .wpml-login-ls form {
	display: grid;

	gap: 0 15px;
	grid-template-columns: 1fr auto;
}

.login .wpml-login-ls form {
	padding: 20px 30px !important;

	background: var(--color__content-bg) !important;
}

.login .language-switcher form label,
.login .wpml-login-ls form label {
	text-align-last: left;

	grid-column: span 2;
}

.login .language-switcher .dashicons {
	display: none;
}

.login form select {
	line-height: normal;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.login .wp-hide-pw {
	position: absolute;
	top: 1px;
	right: 1px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;

	border-radius: 4px;
}

.login .wp-hide-pw .dashicons {
	display: block;

	width: 22px;
	height: 22px;

	content: "";
	transition: background-color var(--transition-duration__default);

	background-color: var(--color__content-text);
}

.login .wp-hide-pw:hover .dashicons {
	background: var(--color__blue);
}

.login .wp-hide-pw .dashicons-visibility {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M12 9a3.02 3.02 0 0 0-3 3c0 1.642 1.358 3 3 3 1.641 0 3-1.358 3-3 0-1.641-1.359-3-3-3z'%3E%3C/path%3E%3Cpath d='M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5zm0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5z'%3E%3C/path%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M12 9a3.02 3.02 0 0 0-3 3c0 1.642 1.358 3 3 3 1.641 0 3-1.358 3-3 0-1.641-1.359-3-3-3z'%3E%3C/path%3E%3Cpath d='M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5zm0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5z'%3E%3C/path%3E%3C/svg%3E");
}

.login .wp-hide-pw .dashicons-hidden {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M12 19c.946 0 1.81-.103 2.598-.281l-1.757-1.757c-.273.021-.55.038-.841.038-5.351 0-7.424-3.846-7.926-5a8.642 8.642 0 0 1 1.508-2.297L4.184 8.305c-1.538 1.667-2.121 3.346-2.132 3.379a.994.994 0 0 0 0 .633C2.073 12.383 4.367 19 12 19zm0-14c-1.837 0-3.346.396-4.604.981L3.707 2.293 2.293 3.707l18 18 1.414-1.414-3.319-3.319c2.614-1.951 3.547-4.615 3.561-4.657a.994.994 0 0 0 0-.633C21.927 11.617 19.633 5 12 5zm4.972 10.558-2.28-2.28c.19-.39.308-.819.308-1.278 0-1.641-1.359-3-3-3-.459 0-.888.118-1.277.309L8.915 7.501A9.26 9.26 0 0 1 12 7c5.351 0 7.424 3.846 7.926 5-.302.692-1.166 2.342-2.954 3.558z'%3E%3C/path%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath d='M12 19c.946 0 1.81-.103 2.598-.281l-1.757-1.757c-.273.021-.55.038-.841.038-5.351 0-7.424-3.846-7.926-5a8.642 8.642 0 0 1 1.508-2.297L4.184 8.305c-1.538 1.667-2.121 3.346-2.132 3.379a.994.994 0 0 0 0 .633C2.073 12.383 4.367 19 12 19zm0-14c-1.837 0-3.346.396-4.604.981L3.707 2.293 2.293 3.707l18 18 1.414-1.414-3.319-3.319c2.614-1.951 3.547-4.615 3.561-4.657a.994.994 0 0 0 0-.633C21.927 11.617 19.633 5 12 5zm4.972 10.558-2.28-2.28c.19-.39.308-.819.308-1.278 0-1.641-1.359-3-3-3-.459 0-.888.118-1.277.309L8.915 7.501A9.26 9.26 0 0 1 12 7c5.351 0 7.424 3.846 7.926 5-.302.692-1.166 2.342-2.954 3.558z'%3E%3C/path%3E%3C/svg%3E");
}

.login .caps-warning {
	display: none;
}

.login .forgetmenot label {
	font-size: var(--font-size__small);
	font-weight: var(--font-weight__normal);

	display: inline-block !important;

	margin: 0;
	padding-left: 22px;

	text-transform: none;
}

.login .forgetmenot input[type="checkbox"] {
	display: none;
}

.login .forgetmenot label:before {
	position: absolute;
	top: 2px;
	left: 0;

	display: block;

	width: 16px;
	height: 16px;

	content: "";
	transition:
		background var(--transition-duration__default),
		border-color var(--transition-duration__default);

	border: 1px solid var(--color__form-border);
	border-radius: 4px;
	background: transparent;
}

.login .forgetmenot label:after {
	position: absolute;
	top: 7px;
	left: 4px;

	display: block;

	width: 9px;
	height: 5px;

	content: "";
	transition: opacity var(--transition-duration__default);
	transform: rotate(-45deg);

	opacity: 0;
	border-bottom: 2px solid var(--color__white);
	border-left: 2px solid var(--color__white);
}

.login .forgetmenot input[type="checkbox"]:checked + label:before {
	border-color: var(--color__pink);
	background: var(--color__pink);
}

.login .forgetmenot input[type="checkbox"]:checked + label:after {
	opacity: 1;
}

@media (max-width: 760px) {
	.login form {
		padding: 15px;
	}

	.login #nav,
	.login #backtoblog {
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* --- NOTICES --- */
.login .notice {
	display: block;

	margin-bottom: 15px;
	padding: 12px 20px;

	transition:
		background-color var(--transition-duration__default),
		border-color var(--transition-duration__default);

	/* border: 1px solid transparent; */

	border: none;
	border-radius: 4px;
}

.login .notice-info {
	color: var(--color__blue);
	border-color: var(--color__alert_general-border);
	background-color: var(--color__alert_general-bg);
}

.login .notice-succes {
	color: var(--color__green);
	border-color: var(--color__alert_success-border);
	background-color: var(--color__alert_success-bg);
}

.login .notice-warning {
	color: var(--color__orange);
	border-color: var(--color__alert_warning-border);
	background-color: var(--color__alert_warning-bg);
}

.login .notice-error {
	color: var(--color__red);
	border-color: var(--color__alert_danger-border);
	background-color: var(--color__alert_danger-bg);
}