/* #region COMMON */
.buddypress {
	.entry-content {
		display: flow-root;
	}

	h2 {
		border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
		color: var(--wp--preset--color--interstellar-blue);
		margin: 0 0 15px 0;
		padding-bottom: 5px;

		&:not(:first-of-type) {
			margin-top: 50px;
		}
	}

	input {
		&[type='date'],
		&[type='email'],
		&[type='password'],
		&[type='search'],
		&[type='tel'],
		&[type='text'],
		&[type='url'] {
			@media (width >= 783px) {
				max-width: 400px;
				width: 100% !important;
			}

			@media (width <= 782px) {
				width: 85% !important;
			}
		}

		&[type='submit'] {
			margin-top: 24px;
		}
	}

	.masthead {
		background-color: var(--wp--preset--color--atlantic-depths);
		margin: 0;

		@media (width >= 783px) {
			padding: 54px 76px;
		}

		@media (width <= 782px) {
			padding: 35px 38px 27px 38px;
		}

		h1 {
			color: white;
			margin: 0;
		}

		span {
			color: white;
			display: block;
			font-family: var(--wp--preset--font-family--bebas-neue);
			letter-spacing: .5px;
			text-transform: uppercase;
		}
	}

	.notify {
		margin-top: 25px;
	}

	textarea {
		@media (width >= 783px) {
			max-width: 600px;
			width: 100%;
		}

		@media (width <= 782px) {
			width: 90%;
		}
	}

	.wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
		min-width: 0;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.wp-block-columns {
		align-items: normal;
		box-sizing: border-box;
		flex-wrap: nowrap;
	}
}

#template-notices {
	font-size: 16px;
	text-align: center;

	div {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding: 16px;

		&.error {
			background-color: var(--wp--preset--color--petal-bloom);
			border-bottom-color: var(--wp--preset--color--strawberry-cream);
			color: var(--wp--preset--color--spinel-red);
		}

		&.updated {
			background-color: var(--wp--preset--color--light-light-lichen);
			border-bottom-color: var(--wp--preset--color--tareyton);
			color: var(--wp--preset--color--dark-jungle);
		}
	}

	p {
		margin: 0;
	}
}
/* #endregion */

/* #region ACTIVATE */
.buddypress.activate {
	/* #region VARIABLES */
	--column-gap: 50px;
	/* #endregion */

	.entry-content {
		background-color: white !important;
	}

	.wp-block-column {
		align-items: center;
		display: flex;
		flex-flow: row wrap;
		gap: 10px var(--column-gap);

		>div {
			&:nth-of-type(1) {
				@media (width >=783px) {
					flex: 1 1 calc(22% - var(--column-gap));
				}

				@media (width <=782px) {
					flex: 1 1 100%;
				}

				a {
					margin-top: 15px;
				}

				strong {
					color: var(--wp--preset--color--blue-cola);
				}
			}

			&:nth-of-type(2) {
				@media (width >=783px) {
					flex: 1 1 calc(48% - var(--column-gap));
				}

				@media (width <=782px) {
					flex: 1 1 100%;
				}
			}

			&:nth-of-type(3) {
				@media (width >=783px) {
					flex: 1 1 calc(30% - var(--column-gap));
				}

				@media (width <=782px) {
					flex: 1 1 100%;
				}

				strong {
					color: var(--wp--preset--color--interstellar-blue);
					margin-bottom: 15px;
				}
			}

			input[type='text'] {
				max-width: 199px;
			}

			img {
				height: auto;
				width: 100%;
			}

			strong {
				display: block;
				font-family: var(--wp--preset--font-family--bebas-neue);
				font-size: 34px;
				letter-spacing: .5px;
			}
		}
	}
}
/* #endregion */

/* #region GROUPS */
.buddypress.groups {
	.wp-block-buttons svg {
		height: 22px;
	}
}

.buddypress.groups.delete-group .wp-block-column {
	form {
		margin-top: 50px;
	}
}

.buddypress.groups.directory .wp-block-column {
	/* #region VARIABLES */
	--group-gap: 25px;
	/* #endregion */

	.groups {
		margin-top: 25px;

		.group {
			align-items: center;
			display: flex;
			gap: var(--group-gap);
			justify-content: space-between;
			padding: 20px 0;

			&:not(:last-of-type) {
				border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
			}

			> div {
				&:first-of-type {
					flex: 1 1 calc(70% - var(--group-gap));

					p {
						margin: 0;
					}
				}

				&:last-of-type {
					flex: 1 1 calc(30% - var(--group-gap));
					text-align: right;

					color: var(--wp--preset--color--interstellar-blue);
					font-family: var(--wp--preset--font-family--bebas-neue);
					font-weight: 700;
					letter-spacing: .5px;
				}
			}
		}
	}

	.hidden {
		display: none;
	}
}

.buddypress.groups.home .wp-block-column {
	/* #region VARIABLES */
	--member-gap: 25px;
	/* #endregion */

	.bp-screen-reader-text,
	#subnav {
		display: none;
	}

	.members {
		margin-top: 25px;

		.member {
			align-items: center;
			display: flex;
			gap: var(--member-gap);
			justify-content: space-between;
			padding: 20px 0;

			&:not(:last-of-type) {
				border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
			}

			> div {
				&:first-of-type {
					flex: 1 1 calc(5% - var(--member-gap));
				}

				&:last-of-type {
					flex: 1 1 calc(95% - var(--member-gap));

					span {
						&:first-of-type {
							color: var(--wp--preset--color--interstellar-blue);
						}

						&:not(:first-of-type) {
							color: var(--wp--preset--color--stone-cold);
						}
					}
				}
			}

			a {
				font-size: 20px;
			}

			img {
				border-radius: 30px;
				height: auto;
				width: 50px;
			}

			span {
				display: block;
				font-family: var(--wp--preset--font-family--bebas-neue);
				font-weight: 700;
				letter-spacing: .5px;
				margin-top: 3px;
			}
		}
	}
}

.buddypress.groups.manage-members .wp-block-column {
	/* #region VARIABLES */
	--member-gap: 25px;
	/* #endregion */

	.members {
		margin-top: 25px;

		.member {
			align-items: center;
			display: flex;
			flex-flow: row wrap;
			gap: var(--member-gap);
			justify-content: space-between;
			padding: 20px 0;

			&:not(:last-of-type) {
				border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
			}

			> div {
				&:nth-of-type(1) {
					flex: 1 1 calc(5% - var(--member-gap));

					img {
						border-radius: 30px;
						height: auto;
						width: 50px;
					}
				}

				&:nth-of-type(2) {
					@media (width >= 783px) {
						flex: 1 1 calc(80% - var(--member-gap));
					}

					@media (width <= 782px) {
						flex: 1 1 calc(95% - var(--member-gap));
					}

					a {
						font-size: 20px;
					}

					span {
						display: block;
						font-family: var(--wp--preset--font-family--bebas-neue);
						font-weight: 700;
						letter-spacing: .5px;
						margin-top: 3px;

						&:first-of-type {
							color: var(--wp--preset--color--interstellar-blue);
						}

						&:not(:first-of-type) {
							color: var(--wp--preset--color--stone-cold);
						}
					}
				}

				&:nth-of-type(3) {
					@media (width >= 783px) {
						flex: 1 1 calc(15% - var(--member-gap));
					}

					@media (width <= 782px) {
						flex: 1 1 100%;
					}
				}
			}
		}
	}

	#members-dir-search {
		display: none;
	}
}
/* #endregion */

/* #region MEMBERS */
.buddypress.members .wp-block-column {
	/* #region VARIABLES */
	--member-gap: 25px;
	/* #endregion */

	.bps-filters {
		background-color: var(--wp--preset--color--light-light-lichen);
		border: 1px solid var(--wp--preset--color--tareyton);
		color: var(--wp--preset--color--dark-jungle);
		margin-top: 25px;
		padding: 16px;

		a {
			color: var(--wp--preset--color--interstellar-blue);
			font-family: var(--wp--preset--font-family--bebas-neue);
			font-weight: 700;
			letter-spacing: .5px;
		}
	}

	.members {
		margin-top: 25px;

		.member {
			align-items: center;
			display: flex;
			gap: var(--member-gap);
			justify-content: space-between;
			padding: 20px 0;

			&:not(:last-of-type) {
				border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
			}

			> div {
				&:first-of-type {
					flex: 1 1 calc(5% - var(--member-gap));
				}

				&:last-of-type {
					flex: 1 1 calc(95% - var(--member-gap));

					span {
						&:first-of-type {
							color: var(--wp--preset--color--interstellar-blue);
						}

						&:not(:first-of-type) {
							color: var(--wp--preset--color--stone-cold);
						}
					}
				}
			}

			a {
				font-size: 20px;
			}

			img {
				border-radius: 30px;
				height: auto;
				width: 50px;
			}

			span {
				display: block;
				font-family: var(--wp--preset--font-family--bebas-neue);
				font-weight: 700;
				letter-spacing: .5px;
				margin-top: 3px;
			}
		}
	}

	.pagination {
		text-align: center;

		.page-numbers {
			margin: 0 0 0 15px !important;
		}
	}
}
/* #endregion */

/* #region MESSAGES */
.buddypress.messages.inbox .wp-block-column {
	/* #region VARIABLES */
	--thread-gap: 25px;
	/* #endregion */

	.actions {
		margin-bottom: 30px;

		label {
			display: none;
		}
	}

	.thread {
		display: flex;
		gap: var(--thread-gap);
		padding: 20px 0;

		@media (width >= 783px) {
			align-items: center;
			justify-content: space-between;
		}

		&:not(:last-of-type) {
			border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
		}

		&.unread {
			> div:nth-of-type(2) a {
				font-weight: 700;
			}
		}

		> div {
			svg {
				height: 28px;
			}

			&:nth-of-type(1) {
				@media (width >= 783px) {
					flex: 1 1 calc(25% - var(--thread-gap));
				}

				@media (width <= 782px) {
					flex: 1 1 calc(30% - var(--thread-gap));
				}

				a {
					font-size: 14px;
				}

				.delete {
					display: inline-block;
					margin-top: 15px;

					@media (width >= 783px) {
						display: none;
					}
				}

				span {
					color: var(--wp--preset--color--interstellar-blue);
					font-family: var(--wp--preset--font-family--bebas-neue);
					font-weight: 700;
					letter-spacing: .5px;
				}
			}

			&:nth-of-type(2) {
				flex: 1 1 calc(70% - var(--thread-gap));

				span {
					font-size: 14px;
				}
			}

			&:nth-of-type(3) {
				flex: 1 1 calc(5% - var(--thread-gap));
				text-align: center;

				@media (width <= 782px) {
					display: none;
				}
			}
		}
	}
}

.buddypress.messages.view .wp-block-column {
	.author {
		color: var(--wp--preset--color--interstellar-blue);
		font-family: var(--wp--preset--font-family--bebas-neue);
		font-weight: 700;
		letter-spacing: .5px;

		span {
			color: var(--wp--preset--color--french-blue);
		}
	}

	form {
		margin-top: 50px;
	}

	input[type='submit'] {
		display: none;
	}

	.messages .message:not(:last-of-type) {
		border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
		margin-bottom: 18px;
	}
}
/* #endregion */

/* #region PROFILES */
.buddypress.profile.edit .wp-block-column {
	/* #region VARIABLES */
	--input-gap: 30px;
	/* #endregion */

	.avatar-notice {
		background-color: var(--wp--preset--color--vaporized);
		border: 1px solid var(--wp--preset--color--winter-wizard);
		color: var(--wp--preset--color--sandalwood-grey-blue);
		font-size: 16px;
		margin-bottom: 50px;
		padding: 16px;

		p {
			margin: 0;
		}
	}

	form {
		.field_type_birthdate,
		.field_type_checkbox,
		.field_type_country,
		.field_type_datepicker,
		.field_type_file,
		.field_type_image,
		.field_type_oembed,
		.field_type_radio,
		.field_type_selectbox,
		.field_type_telephone,
		.field_type_textarea,
		.field_type_textbox,
		.field_type_web {
			margin-top: 20px;
		}

		.bp-required-field-label,
		.clear-value {
			display: none;
		}

		.field_type_checkbox,
		.field_type_radio {
			div {
				display: flex;
				flex-flow: row wrap;
				align-items: center;
				gap: 10px var(--input-gap);
			}

			label {
				color: var(--wp--preset--color--stone-cold);
				font-family: var(--wp--preset--font-family--arial);
				font-size: calc(var(--wp--preset--font-size--normal) * .875);
				font-weight: normal;
				letter-spacing: normal;
				margin-bottom: 0;
				text-transform: none;

				@media (width >= 783px) {
					flex: 1 1 calc(33.3333333333% - var(--input-gap));
					max-width: calc(33.3333333333% - var(--input-gap));
				}

				@media (width <= 782px) {
					flex: 1 1 100%;
				}
			}

			legend {
				padding: 0;
			}

			input {
				margin-left: 0;
				margin-right: 8px;
			}
		}

		.field_type_file,
		.field_type_image {
			&.completed {
				input[type="file"],
				label {
					display: none;
				}
			}

			input[type='button'] {
				appearance: none;
				background: var(--wp--preset--color--french-blue);
				border-color: var(--wp--preset--color--french-blue);
				border-radius: 0;
				border: 0;
				color: white;
				display: inline-block;
				font-family: var(--wp--preset--font-family--bebas-neue);
				font-size: 15px;
				font-weight: 700;
				height: 53px;
				letter-spacing: .5px;
				line-height: 53px;
				min-width: 140px;
				padding: 0 21px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
				user-select: none;
				vertical-align: middle;

				@media (hover: hover) {
					&:hover {
						background: var(--wp--preset--color--interstellar-blue);
						border-color: var(--wp--preset--color--interstellar-blue);
						color: white;
						cursor: pointer;

						&:disabled {
							cursor: default;
						}
					}
				}

				&:active,
				&:focus {
					background-color: var(--wp--preset--color--french-blue);
					border-color: var(--wp--preset--color--french-blue);
					color: white;
				}
			}
		}

		> .field_placeholder {
			margin-bottom: -6px;

			&:first-of-type {
				margin-top: 0;
			}

			&:not(:first-of-type) {
				margin-top: 50px;
			}

			input,
			legend {
				display: none;
			}

			p {
				border-bottom: 3px solid var(--wp--preset--color--springtime-rain);
				color: var(--wp--preset--color--interstellar-blue);
				font-family: var(--wp--preset--font-family--bebas-neue);
				font-size: var(--wp--preset--font-size--h-4);
				font-weight: 700;
				letter-spacing: .5px;
				line-height: 1;
				margin: 0 0 15px 0;
				padding-bottom: 5px;
			}
		}

		.field_type_birthdate {
			.description {
				font-size: calc(var(--wp--preset--font-size--normal) * .9375);
				margin-top: 0;
			}

			.input-options label {
				color: var(--wp--preset--color--stone-cold);

				&:not(:first-of-type) {
					margin-top: 25px;
				}
			}
		}

		.field_type_file {
			&.completed {
				a {
					display: none;
				}
			}

			iframe,
			object {
				display: block;
				height: 500px;
				margin-top: 25px;
				width: 100%;
			}

			iframe {
				border: 0;
			}
		}

		input[type='submit'] {
			margin-top: 44px;
		}

		.required-field:not(.completed) {
			border: 2px solid var(--wp--preset--color--bitcoin);
			padding: 15px 20px 16px 20px;
		}

		select {
			background-color: var(--wp--preset--color--lynx-white);
			background-image: url('../img/select-dark.png');
			border-color: var(--wp--preset--color--inky-violet);
			color: var(--wp--preset--color--interstellar-blue);

			@media (width >= 783px) {
				max-width: 350px;
				width: 100% !important;
			}

			@media (width <= 782px) {
				width: 85% !important;
			}
		}
	}
}

.buddypress.profile.my-profile .wp-block-column {
	/* #region VARIABLES */
	--actions-gap: 35px;
	--comments-div-gap-desktop: 50px;
	--comments-div-gap-mobile: 25px;
	--comments-gap: 35px;
	--details-fieldset-gap: 35px;
	--details-gap: 50px;
	--logs-gap: 35px;
	/* #endregion */

	.actions {
		align-items: center;
		display: flex;
		flex-flow: row wrap;
		gap: var(--actions-gap);

		@media (width <= 782px) {
			padding-bottom: 25px;
		}

		> div {
			@media (width >= 783px) {
				flex: 1 1 auto;
			}

			@media (width <= 782px) {
				flex: 1 1 100%;
			}

			&:first-of-type {
				align-items: center;
				display: flex;
				gap: var(--actions-gap);

				@media (width <= 782px) {
					justify-content: center;
					order: 1;
				}

				a {
					color: var(--wp--preset--color--mortar-grey);
					font-family: var(--wp--preset--font-family--bebas-neue);
					font-size: 22px;
					font-weight: 700;
					letter-spacing: .5px;
					position: relative;
					transition: color .3s ease-in-out;

					&.active {
						color: var(--wp--preset--color--interstellar-blue);

						@media (hover: hover) {
							&:hover {
								cursor: default;
							}
						}

						&::after {
							border-bottom: 3px solid var(--wp--preset--color--blue-cola);
							bottom: -6px;
							content: '';
							display: block;
							height: 1px;
							left: 0;
							position: absolute;
							width: 100%;
						}
					}

					@media (hover: hover) {
						&:hover {
							cursor: pointer;

							&:not(.active) {
								color: var(--wp--preset--color--stone-cold);
							}
						}
					}
				}
			}

			&:last-of-type {
				@media (width <= 782px) {
					order: 0;
				}

				svg {
					height: 22px;
				}

				.wp-block-buttons {
					@media (width <= 782px) {
						gap: 23px;
						justify-content: center;
					}

					a {
						@media (width <= 782px) {
							padding: 9px 11px;
						}
					}
				}
			}
		}
	}

	.tabs {
		.comments {
			> div {
				display: flex;
				flex-flow: row wrap;

				@media (width >= 783px) {
					gap: var(--comments-div-gap-desktop);
				}

				@media (width <= 782px) {
					gap: var(--comments-div-gap-mobile);
				}

				> div {
					&:first-of-type {
						@media (width >= 783px) {
							flex: 1 1 calc(23% - var(--comments-div-gap-desktop));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
						}

						textarea {
							margin-bottom: 25px;

							@media (width >= 783px) {
								width: 91%;
							}

							@media (width <= 782px) {
								width: 94%;
							}
						}
					}

					&:last-of-type {
						@media (width >= 783px) {
							flex: 1 1 calc(77% - var(--comments-div-gap-desktop));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
						}

						> div {
							align-items: center;
							display: flex;
							flex-flow: row wrap;
							gap: 0 var(--comments-gap);
							padding: 15px;

							&:nth-of-type(even) {
								background-color: var(--wp--preset--color--coronation);
							}

							div {
								&:nth-of-type(1) {
									@media (width >= 783px) {
										flex: 1 1 calc(20% - var(--comments-gap));
										max-width: calc(20% - var(--comments-gap));
									}

									@media (width <= 782px) {
										flex: 1 1 100%;
									}
								}

								&:nth-of-type(2) {
									@media (width >= 783px) {
										flex: 1 1 calc(20% - var(--comments-gap));
										max-width: calc(20% - var(--comments-gap));
									}

									@media (width <= 782px) {
										flex: 1 1 100%;
									}

									label {
										color: var(--wp--preset--color--stone-cold);
										font-size: 16px;
									}
								}

								&:nth-of-type(3) {
									@media (width >= 783px) {
										flex: 1 1 calc(60% - var(--comments-gap));
										max-width: calc(60% - var(--comments-gap));
									}

									@media (width <= 782px) {
										flex: 1 1 100%;
										margin-top: 15px;
									}

									p {
										&:first-of-type {
											margin-top: 0;
										}

										&:last-of-type {
											margin-bottom: 0;
										}
									}
								}
							}

							label {
								margin-bottom: 0;
							}
						}
					}
				}
			}
		}

		.details > div {
			display: flex;
			flex-flow: row wrap;
			gap: var(--details-gap);

			> div {
				&:first-of-type {
					@media (width >= 783px) {
						flex: 1 1 calc(25% - var(--details-gap));
					}

					@media (width <= 782px) {
						flex: 1 1 100%;
					}

					figure,
					img {
						box-shadow: 0 2px 8px rgb(0, 0, 0, .08);
					}

					figure {
						aspect-ratio: 16 / 9;
						background-position: center center;
						background-repeat: no-repeat;
						background-size: cover;
						width: 100%;

						@media (hover: hover) {
							&:hover {
								cursor: pointer;
							}
						}
					}

					h2:first-of-type {
						margin-top: 35px;
					}

					img {
						height: auto;
						width: 100%;
					}
				}

				&:last-of-type {
					@media (width >= 783px) {
						flex: 1 1 calc(75% - var(--details-gap));
					}

					@media (width <= 782px) {
						flex: 1 1 100%;
					}

					fieldset {
						align-items: center;
						display: flex;
						flex-flow: row wrap;
						gap: 0 var(--details-fieldset-gap);

						@media (width >= 783px) {
							margin-top: 5px;
						}

						@media (width <= 782px) {
							margin-top: 10px;
						}
					}

					h2 {
						margin-bottom: 0;

						+ fieldset {
							margin-top: 15px;
						}
					}

					label {
						margin-bottom: 0;

						@media (width >= 783px) {
							flex: 1 1 calc(25% - var(--details-fieldset-gap));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
						}
					}

					p {
						font-size: 15px;
						margin: 0;

						@media (width >= 783px) {
							flex: 1 1 calc(75% - var(--details-fieldset-gap));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
						}
					}

					svg {
						height: 28px;
					}
				}
			}
		}

		.logs {
			> div {
				align-items: center;
				display: flex;
				flex-flow: row wrap;
				gap: 0 var(--logs-gap);
				padding: 15px;

				&:nth-of-type(even) {
					background-color: var(--wp--preset--color--coronation);
				}

				div {
					&:nth-of-type(1) {
						@media (width >= 783px) {
							flex: 1 1 calc(20% - var(--logs-gap));
							max-width: calc(20% - var(--logs-gap));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
						}
					}

					&:nth-of-type(2) {
						@media (width >= 783px) {
							flex: 1 1 calc(20% - var(--logs-gap));
							max-width: calc(20% - var(--logs-gap));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
						}

						label {
							color: var(--wp--preset--color--stone-cold);
							font-size: 16px;
						}
					}

					&:nth-of-type(3) {
						@media (width >= 783px) {
							flex: 1 1 calc(30% - var(--logs-gap));
							max-width: calc(30% - var(--logs-gap));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
							margin-top: 15px;
						}
					}

					&:nth-of-type(4) {
						@media (width >= 783px) {
							flex: 1 1 calc(30% - var(--logs-gap));
							max-width: calc(30% - var(--logs-gap));
						}

						@media (width <= 782px) {
							flex: 1 1 100%;
							margin-top: 5px;
						}
					}
				}

				label {
					margin-bottom: 0;
				}
			}
		}

		.resume {
			iframe,
			object {
				display: block;
				aspect-ratio: 1 / 1;
				margin-top: 25px;
				width: 100%;
			}

			iframe {
				border: 0;
			}
		}
	}
}

#dialog-completed-profile {
	background-image: url('/wp-content/themes/royalcaribbean/assets/img/completed.webp');
	background-position: center center;
	background-size: cover;
	height: 350px;
	max-width: 900px;
	position: relative;
	text-align: center;
	width: 100%;

	h1, p {
		color: white;
		margin: 0;
		text-shadow: 5px 5px 60px black;
	}

	div {
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	h1 {
		font-family: var(--wp--preset--font-family--bebas-neue);
		font-weight: 700;
		letter-spacing: .5px;
		margin-bottom: 15px;
		text-transform: uppercase;

		@media (width >= 783px) {
			font-size: 96px;
		}

		@media (width <= 782px) {
			font-size: 54px;
		}
	}

	p {
		line-height: 1;

		@media (width >= 783px) {
			font-size: 24px;
		}

		@media (width <= 782px) {
			font-size: 19px;
		}
	}
}
/* #endregion */

/* #region REGISTER */
.buddypress.register {
	/* #region VARIABLES */
	--column-gap: 50px;
	/* #endregion */

	.entry-content {
		background-color: white !important;
	}

	.wp-block-column {
		align-items: center;
		display: flex;
		flex-flow: row wrap;
		gap: 10px var(--column-gap);

		> div {
			&:nth-of-type(1) {
				@media (width >= 783px) {
					flex: 1 1 calc(22% - var(--column-gap));
				}

				@media (width <= 782px) {
					flex: 1 1 100%;
				}

				a {
					margin-top: 15px;
				}

				strong {
					color: var(--wp--preset--color--blue-cola);
				}
			}

			&:nth-of-type(2) {
				@media (width >= 783px) {
					flex: 1 1 calc(48% - var(--column-gap));
				}

				@media (width <= 782px) {
					flex: 1 1 100%;
				}
			}

			&:nth-of-type(3) {
				@media (width >= 783px) {
					flex: 1 1 calc(30% - var(--column-gap));
				}

				@media (width <= 782px) {
					flex: 1 1 100%;
				}

				strong {
					color: var(--wp--preset--color--interstellar-blue);
					margin-bottom: 15px;
				}
			}

			input[type='email'],
			input[type='password'],
			input[type='text'] {
				max-width: 199px;

				&:first-of-type {
					margin-top: 15px;
				}
			}

			.error {
				background-color: var(--wp--preset--color--petal-bloom);
				border: 1px solid var(--wp--preset--color--strawberry-cream);
				color: var(--wp--preset--color--spinel-red);
				font-size: 16px;
				margin-top: 15px;
				max-width: 199px;
				padding: 16px;
			}

			img {
				height: auto;
				width: 100%;
			}

			input[type='submit'] {
				display: none;
			}

			.pseudo-submit {
				margin-top: 24px;
			}

			.resend-activation-success {
				background-color: var(--wp--preset--color--light-light-lichen);
				border: 1px solid var(--wp--preset--color--tareyton);
				color: var(--wp--preset--color--dark-jungle);
				display: none;
				font-size: 16px;
				margin-top: 15px;
				padding: 16px;
			}

			strong {
				display: block;
				font-family: var(--wp--preset--font-family--bebas-neue);
				font-size: 34px;
				letter-spacing: .5px;
			}
		}

		#pass-strength-result,
		#profile-details-section {
			display: none;
		}

		#basic-details-section {
			input:not(:first-of-type) {
				margin-top: 15px;
			}
		}
	}
}
/* #endregion */

/* #region SETTINGS */
.buddypress.settings .wp-block-column {
	#pass-strength-result {
		display: none;
	}
}
/* #endregion */