/* OTHER */

.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white p {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1)) !important;
}

.chip:not([class^=padding-]):not([class*=" padding-"]) {
    padding: var(--space-xxs);
}

.chip-text-size {
	font-size: var(--text-md, 0.8rem);
}

@media (min-width: 1023px) {
	.chip-text-size {
		font-size: var(--text-md, 1.125rem);
	}
}

.icon--xxxxl {
	--size: 256px;
}

/* BUTTONS */

.btn {
	text-transform: uppercase!important;
}

.btn--accent {
	background-color: var(--color-accent);
}

.btn--accent:hover {
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	opacity: 0.8;
}

.btn--primary:hover {
	background-color: var(--color-primary-light);
	border-color: var(--color-primary-light);
}

/* HEAD */

@media (min-width: 1023px) {
	:root{
		--f-header-height: 80px;
	}
}

.hide-nav--off-canvas {
	transform: translateY(calc(-100% - var(--space-xxxxs)))!important;
}

.hide-nav {
	top: var(--space-xxxxs);
}

.f-header__nav {
	background-color: var(--color-primary);
}

.f-header__item  a {
	transition: all 0.3s;
}

.f-header__item a:hover {
	color: var(--color-bg-dark);
}

@media (min-width: 1023px) {
	.f-header__item {
		margin-right: var(--space-xxxs);
	}
	.f-header__item  a {
		border-radius: var(--radius-md);
		padding: var(--space-xxxs) var(--space-xs);
	}
	.f-header__item  a:hover {
		background-color: var(--color-white);
		color: var(--color-primary);
	}
}

.f-header__nav-control {
	color: var(--color-bg-dark);
}

@media (max-width: 1023px) {
	.f-header__nav {
		left: var(--space-xxxxs);
		right: var(--space-xxxxs);
		width: unset;
	}

	.f-header__item {
		border: none;
	}

	.f-header__nav::before {
		border: none;
	}
}

/* FOOTER */

.footer-v3__container {
	border-bottom: 1px solid hsla(210, 54%, 95%, 0.2);
}

@media (min-width: 1023px) {
	.footer-v3__container {
		grid-template-columns: auto auto;
	}
	
	.footer-v3__nav-list {
		justify-content: end;
	}
}

.footer-v3__nav-item a {
	color: var(--color-white);
	font-size: 1.125rem;
	text-decoration: none;
	transition: all 0.3s;
}

.footer-v3__nav-item a:hover {
	color: var(--color-bg-dark);
}

@media (min-width: 1023px) {
	.footer-v3__nav-item {
		padding: 0;
		margin-right: var(--space-xxxs);
	}
	.footer-v3__nav-item a {
		border-radius: var(--radius-md);
		padding: var(--space-xxxs) var(--space-xs);
	}
	.footer-v3__nav-item a:hover {
		background-color: var(--color-white);
		color: var(--color-primary);
	}
}

.footer-v3__nav-item::after {
	display: none;
}

/* ADVANTAGES */

.icon-item svg path {
	fill: var(--color-accent);
}

@media (max-width: 1023px) {
	.icon-item svg {
		--size: var(--icon-md);
	}
}

/* PROMO */

@media (max-width: 1023px) {
	.promo-icon svg {
		--size: var(--icon-xxl);
	}
}

/* PROMO_FORM */

@media (min-width: 1023px) {
	.form-text {
		min-height: 296px;
	}
}

/* SOCIALS */

.sticky-sharebar {
	height: unset;
	right: var(--space-sm);
	bottom: var(--space-sm);
	top: unset;
}

.sticky-sharebar__list {
	background-color: #00A9EB;
}

.sticky-sharebar__btn {
	--size: 2.6em;
}

.sticky-sharebar__btn .icon {
	color: var(--color-white);
	--size: 1.8em;
	padding-right: var(--space-xxxxs);
}

.sticky-sharebar__btn:hover .icon {
	color: var(--color-primary);
}

.sticky-sharebar__btn::before {
	background-color: var(--color-bg-dark);
}