//html {
//	font-size: $base-font-desktop-size;
//}

//body {
//	background: $font-white;
//	font-family: $roboto;
//}

.rgbc-reset {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ul,
	ol,
	hr,
	blockquote {
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		font-weight: normal;
	}

	hr {
		border: none;
	}

	h6 {
		font-size: unset;
	}

	figure {
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
	}

	a,
	button,
	input,
	textarea {
		outline: none;
	}

	a {
		text-decoration: none;
	}

	pre {
		margin: 0;
	}

	ul {
		margin: 0;
		padding: 0;
		padding-inline-start: 0;
		list-style: none;
	}

	ol {
		padding-inline-start: 0;
	}

	img {
		aspect-ratio: auto;
	}

	input,
	textarea {
		border: none;
		border-radius: 0;
	}

	button {
		padding: 0;
		line-height: 0;
		background: transparent;
		border: none;
		cursor: pointer;
	}

	strong {
		font-weight: normal;
	}
}

#wpcontent {
	padding-left: 0;
}
#wpfooter {
	display: none;
}
#wpbody-content {
	padding-bottom: 0;
}

.rgbc-content-wrapper {
	font-size: $base-font-desktop-size;
	background: $font-white;
	font-family: $roboto;
	width: 100%;
	min-height: calc(100vh - 32px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	direction: ltr;

	&:not(&_install) {

		@media screen and (max-width: $desktop-mid) {
			font-size: $base-font-desktop-mid-size;
		}
	}

	&_checkout {
		opacity: 1;
	}

	&_checkout-hidden {
		opacity: 0;
		transition: opacity 0.3s;
	}

}
.rgbc-header,
.rgbc-footer {
	flex: 0 0 auto;
}
.rgbc-main {
	position: relative;
	flex: auto;
	@include calc(margin-left, 50px);
	@include calc(margin-right, 50px);
	&_black {
		display: flex;
		flex-direction: column;
	}
	&_black &__wrapper {
		flex: auto;
		@include calc(margin-bottom, 78px);
		background: $font-black;

		&_suspended {
			@include calc(margin-bottom, 48px);
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}

	&_suspended {
		@include calc(margin-top, 78px);
	}
}

.rgbc-adaptive-font-size {

	@media screen and (max-width: $desktop-mid - 1) {
		font-size: $base-font-desktop-mid-size;
	}
}

.el-hover {
	transition: opacity 0.3s;
	&:hover {
		opacity: 0.7;
		color: inherit;
	}
	&:active, &:focus {
		color: inherit;
	}
}
.rgbc-link {
	text-decoration: underline !important;
}
.rgbc-link-yellow {
	&:hover, &:active, &:focus {
		color: $orange;
	}
}

.rgbc-content-container {
	@include calc(width, 1232px);
	margin-left: auto;
	margin-right: auto;
}

.rgbc-input-error {
	border-color: $error;
}

.rgbc-field-error {
	position: absolute;
	left: 3.125em;
	top: 5.6em;
	&__item {
		color: red;
	}
}

.rgbc-messages {
	display: none;
	margin-bottom: 3.25rem;
}