/*
Theme Name: FarbyPlus
Text Domain: FarbyPlus
Version: 1.50
Description: Szablon FarbyPlus
Author: Bartosz Wilki
Author URI: https://perbis.pl
Theme URI: https://perbis.pl
 */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap");

:root {
	overflow-x: hidden;
	--font-size-sm: 15px;
	--font-size-regular: 16px;
	--font-size-md: 18px;
	--font-size-20: 20px;
	--font-size-lg: 24px;
	--font-size-xxl: 48px;
	--font-size-64: 64px;
	--font-size-72: 72px;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;
	--color-text-header: #000;
	--color-text-price: #303030;
	--color-text-white: #ffffff;
	--color-text-grey: #646464;
	--color-background-white: #fff;
	--color-background-whitelighter: #fcfcfc;
	--color-background-black: #000;
	--color-primary: #F7851A;
	--color-black-light: #2e2e2e;
	--color-dark: #484848;
	--color-grey-light: #d9d9d9;
	--color-blue: #254ea8;
	--color-blue-dark: #084182;
	--color-background-dark: #212121;
	--line-height-19: 19px;
	--line-height-24: 24px;
	--line-height-31: 31px;
	--line-height-60: 60px;
	--color-dark-blue: #0b1141;
}

@media only screen and (max-width: 1200px) {
	:root {
		--font-size-72: 54px;
		--font-size-xxl: 28px;
		--font-size-lg: 20px;
	}
}

@media only screen and (max-width: 992px) {
	:root {
		--font-size-72: 44px;
		--font-size-xxl: 28px;
		--font-size-lg: 20px;
		--font-size-md: 16px;
	}
}

@media only screen and (max-width: 768px) {
	:root {
		--font-size-72: 32px;
		--font-size-xxl: 20px;
		--font-size-lg: 18px;
		--font-size-md: 16px;
	}
}

* {
	box-sizing: border-box;
	font-size: var(--font-size-regular);
	scroll-behavior: smooth;
}

#about,
#services,
#contact {
	scroll-margin-block-start: 150px;
}

@media (max-width: 991px) {
	* {
		font-size: 16px;
	}
}

body {
	/* display: flex;
	justify-content: center;
	flex-wrap: wrap; */
	font-family: "Space Grotesk", sans-serif;
	font-weight: var(--font-weight-normal);
	background-color: var(--color-background-white);
	margin: 0;
	/* max-height: 100vh; */
	/* overflow-y: auto; */
}

.main {
	width: 100%;
}

.container {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 1.25rem;
}

a {
	text-decoration: none;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

/* SLIDER */

.slider-wrapper {
	position: relative;
}

.slider__text {
	position: absolute;
	top: 50px;
	bottom: 50px;
	left: 0;
	right: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 15%;
}

.slider__header h2 {
	font-weight: var(--font-weight-bold) !important;
	color: var(--color-text-white) !important;
	font-size: 82px !important;
	line-height: 88px !important;
}

.slider__paragraph p {
	font-size: var(--font-size-md) !important;
	font-weight: var(--font-weight-medium) !important;
	color: var(--color-text-white) !important;
}

@media (max-width: 992px) {
	.slider__header h2 {
		font-size: 64px !important;
		line-height: 1em !important;
	}

	.slider__text {
		padding-left: 10%;
	}
}

@media (max-width: 576px) {
	.slider__text {
		padding: 0 20px;
	}
	.slider__paragraph p {
		font-size: 16px !important;
	}
}

@media (max-width: 425px) {
	.slider__header h2 {
		font-size: 32px !important;
	}
}
/* SERVICE */

.service {
	margin: 100px 0px;
}

.service .service-box {
	gap: 86px !important;
}

.service .wp-block-image {
	padding: 0 !important;
}

.service .wp-block-image img {
	width: 100% !important;
}

.gallery-offerts-single {
	margin-bottom: 100px;
	gap: 40px !important;
	flex-wrap: nowrap !important;
}

.service__baner {
	height: 225px;
}

.service__baner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.service__baner,
.footer__baner {
	width: 100%;
	position: relative;
	margin-bottom: 3rem;
}

.service__baner--description,
.footer__baner--description {
	z-index: 5;
	position: absolute;
	top: 2.5rem;
	left: 0;
	right: 0;
}

.service__breadcrump--list {
	list-style: none;
	display: flex;
	margin-bottom: 5px;
}

.service__breadcrump--item a {
	color: var(--color-primary);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
}

.service__breadcrump--arrow {
	padding: 0 0.25rem;
	font-size: 14px;
}

.service__baner--header {
	font-size: var(--font-size-xxl);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-60);
	color: var(--color-text-white);
}

.service__header,
.advantages__header,
.details__header,
.service__header strong,
.advantages__header strong {
	font-size: var(--font-size-lg) !important;
	color: var(--color-black-light) !important;
	font-weight: var(--font-weight-bold) !important;
	width: 100%;
}

.service__header {
	padding: 20px 0px 0px !important;
	margin-bottom: 18px !important;
}

.service p {
	font-size: var(--font-size-md) !important;
}

.service__paragraph--bold,
.advanteges__paragraph--bold,
.details__paragraph--bold,
.service__paragraph--bold strong {
	font-weight: var(--font-weight-normal);
	color: var(--color-text-header);
	font-size: var(--font-size-md);
	line-height: 1.5em;
	margin-bottom: 0.75rem;
}

.service__paragraph,
.advanteges__paragraph,
.list__item,
.details__paragraph {
	font-size: var(--font-size-md);
	line-height: 2em;
	margin-bottom: 0.75rem;
}

.service__paragraph {
	color: var(--color-text-grey);
	padding-top: 16px;
	font-weight: var(--font-weight-light);
}

.service-container {
	position: relative;
	width: 100%;
}

.service-title {
	position: absolute;
	bottom: 35px;
	left: 20px;
	width: 80%;
	color: var(--color-text-white);
	font-weight: var(--font-weight-medium);
	font-size: 20px;
	z-index: 30;
	margin: 0;
	pointer-events: none;
}

.service-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-background-black);
	opacity: 0.75;
	z-index: 20;
	transition: opacity 0.3s ease;
}

.gallery__image:hover .service-mask {
	opacity: 0.2;
}

.gallery__image a {
	display: block;
	width: 100%;
	height: 100%;
}

.advantages,
.details {
	display: flex;
	flex-wrap: wrap;
}

.details__list {
	margin-top: 2px;
	list-style: none;
}

.details__list li::before {
	content: "\2022";
	color: var(--color-primary);
	font-weight: var(--font-weight-bold);
	display: inline-block;
	width: 1em;
}

.details__list li {
	padding: 0 !important;
}

.details__list {
	padding: 0 !important;
}

.details__image,
.advantages__image {
	align-items: center;
	display: flex;
}

.details__image {
	align-items: start;
}

.advantages__image img,
.details__image img {
	width: 100%;
	height: auto;
}

.advantages__text,
.advantages__image,
.details__text,
.details__image {
	width: 50%;
}

.advantages__text {
	padding: 0 2rem 0 0;
}

.details__text {
	padding: 0 0 0 2rem;
}

@media (max-width: 992px) {
	.service__baner--header {
		font-size: 36px;
		line-height: 1.25em;
	}

	.advantages__text {
		width: 100%;
		padding: 0;
	}

	.advantages__image,
	.details__image {
		width: 75%;
		margin-bottom: 1rem;
	}

	.details {
		flex-direction: column-reverse;
	}

	.details__text {
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.service__baner--header {
		font-size: 24px;
	}

	.service__baner {
		height: 150px;
	}

	.service__baner--description {
		top: 1.5rem;
	}

	.service {
		margin-bottom: 3rem;
	}

	.service-mask {
		opacity: 0.5;
	}
}

@media (max-width: 576px) {
	.service__baner {
		height: 125px;
	}

	.service__baner--header {
		font-size: 20px;
	}

	.service__breadcrump--item a {
		font-size: 12px;
	}

	.service__breadcrump--arrow {
		font-size: 11px;
	}

	.service__header,
	.advantages__header,
	.details__header {
		font-size: 20px;
		margin: 1rem 0;
	}

	.service__paragraph--bold,
	.advanteges__paragraph--bold,
	.details__paragraph--bold {
		font-size: 16px;
	}

	.service__paragraph,
	.advanteges__paragraph,
	.list__item,
	.details__paragraph {
		font-size: 14px !important;
	}

	.advantages__image,
	.details__image {
		width: 100%;
	}

	.service {
		margin-bottom: 2rem;
	}
}

@media (max-width: 425px) {
	.service__baner--header {
		font-size: 18px;
	}
}

/* HEADER */
.header {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: white;
	width: 100%;
	padding: 0 1.25rem;
	box-shadow: 0px 16px 48px #00000029;
}

.header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.header__logo {
	margin: 0;
	max-height: 70px;
}

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

.header--right-wrapper {
	padding-top: 14px;
}

.header__contact {
	margin: 0 0 .5rem 0;
	display: flex;
	font-size: var(--font-size-sm);
	justify-content: end;
	align-items: center;
}

.header__contact__icons {
	display: flex;
	gap: 16px;
	justify-content: center;
	align-items: center;
}

.mobile-header__contact__icons {
	display: none;
}

.header__contact--details {
	margin: 0 2.5rem 0 0;
}

.header__icon--fb {
	margin: 0;
	height: 100%;
	width: 100%;
}

.header__icon--contact {
	margin: 0 0.625rem 0 0;
}

.header__contact--bolder {
	text-decoration: none;
	color: unset;
	cursor: pointer;
	transition: all 0.3s ease;
}

.header__contact--bolder:hover {
	color: var(--color-primary);
}

.header__nav--wrapper {
	display: flex;
	justify-content: end;
	align-items: center;
}

.header__nav {
	padding: 0;
}

.header__nav-link,
.nav__button--order {
	color: var(--color-text-header);
	padding: 0.625rem 1.25rem;
}

.header__nav-link {
	font-weight: var(--font-weight-medium);
}

.nav__button--order {
	font-weight: var(--font-weight-bold);
	border: 2px solid var(--color-primary);
	cursor: pointer;
}

.header__icon--search {
	padding-right: 1.25rem;
}

.nav__button--order span {
	font-size: var(--font-size-sm);
}

.header__nav-link:hover,
.nav__button--order:hover {
	color: var(--color-primary);
}

.navbar-toggler {
	color: var(--color-text-header);
}

.mobile-phone-wrapper {
	display: none;
}

.header__icon-link {
	background-color: var(--color-background-black);
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

@media only screen and (max-width: 992px) {
	.header__contact--details {
		display: none;
	}
}

/* Navigation */
.header-logo-link {
	display: flex;
	max-height: fit-content;
}

.mobile-search {
	width: 100%;
}

.mobile-search form {
	width: 100%;
}

.mobile-search input {
	border: none;
	border-bottom: 1px solid var(--color-grey-light);
}

.mobile-search .search-submit {
	border: none;
	background-color: inherit;
}

.menu__icon {
	display: none;
}

.menu__list {
	list-style-type: none;
	margin-bottom: 0;
}

.menu__list > li {
	position: relative;
}

.menu__sub-list {
	position: absolute;
	top: 100%;
	left: 0%;
	background-color: #000;
	padding: 25px;
	min-width: 300px;
	z-index: 15;
	list-style: none;
}

.menu__sub-list li {
	margin-bottom: 10px;
}

.menu__sub-list li:last-child {
	margin-bottom: 0px;
}

.menu__sub-link {
	color: #fff;
}

.menu__sub-link:hover {
	text-decoration: underline;
	color: var(--color-primary);
}

.menu__arrow {
	display: none;
}

body._pc .menu__list > li:hover .menu__sub-list {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	pointer-events: all;
}

body._touch .menu__list > li {
	display: flex;
	align-items: center;
}

body._touch .menu__link,
body._touch .menu__link-dropdown {
	flex: 1 1 auto;
}

body._touch .menu__arrow {
	display: block;
	width: 0;
	height: 0;
	margin-left: 5px;
	transition: transform 0.3s ease 0s;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #fff;
}

body._touch .menu__list > li._active .menu__sub-list {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0);
	pointer-events: all;
}

body._touch .menu__list > li._active .menu__arrow {
	transform: rotate(180deg);
}

.link--white {
	color: var(--color-text-header);
}

.hamburger--white {
	background-color: var(--color-background-white);
}

@media only screen and (max-width: 1200px) {
	.header__logo {
		max-height: 70px;
	}
}

@media (min-width: 992px) {
	.menu__list {
		display: flex;
		align-items: center;
	}

	.menu__sub-list {
		transform: translate(0, 10px);
		opacity: 0;
		visibility: hidden;
		/* to avoid mistaken hover */
		pointer-events: none;
		transition: all 0.3s ease 0s;
	}
}

@media (max-width: 992px) {
	.menu__list {
		padding-left: 0px;
	}

	.menu__icon {
		z-index: 25;
		display: block;
		position: relative;
		width: 2.5rem;
		height: 1.25rem;
		cursor: pointer;
	}

	.header__logo {
		max-height: 50px;
		margin: 0.5rem 0;
	}

	.menu__arrow {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 5px;
		transition: transform 0.3s ease 0s;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 10px solid black !important;
		cursor: pointer;
	}

	.menu__icon span,
	.menu__icon::before,
	.menu__icon::after {
		left: 0;
		position: absolute;
		height: 10%;
		width: 100%;
		transition: all 0.3s ease 0s;
		background-color: var(--color-text-header);
	}

	.menu__icon::before,
	.menu__icon::after {
		content: "";
	}

	.menu__icon::before {
		top: 0;
	}

	.menu__icon::after {
		bottom: 0;
	}

	.menu__icon span {
		top: 50%;
		transform: scale(1) translate(0, -50%);
	}

	.menu__icon._active span {
		transform: scale(0) translate(0, -50%);
		background-color: var(--color-background-black);
	}

	.menu__icon._active::before {
		top: 50%;
		transform: rotate(-45deg) translate(0, -50%);
		background-color: var(--color-text-header);
	}

	.menu__icon._active::after {
		bottom: 50%;
		transform: rotate(45deg) translate(0, 50%);
		background-color: var(--color-background-black);
	}

	.menu__body {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: var(--color-background-white);
		padding: 5.5rem 1.5rem 1.5rem 1.5rem;
		transition: left 0.3s ease 0s;
		/* for scroll on menu */
		overflow: auto;
		z-index: 20;
	}

	.menu__body._active {
		/* use left and not transform/translate because it scroll the .menu__body::before when u scroll menu */
		left: 0;
	}

	.menu__list > li {
		flex-wrap: wrap;
		margin-bottom: 1.5rem;
	}

	.menu__list > li:last-child {
		margin-bottom: 0;
		max-width: max-content;
	}

	.menu__list > li._active .menu__sub-list {
		display: block;
	}

	.menu__link,
	.menu__link-dropdown {
		font-size: var(--font-size-lg);
	}

	.menu__sub-list {
		position: relative;
		flex: 1 1 100%;
		margin-top: 20px;
		display: none;
		background: none;
		margin: 0;
		min-width: 0;
		max-width: 576px;
	}

	.menu__sub-link {
		font-size: var(--font-size-md);
		color: var(--color-text-white);
	}

	.sub-menu--active {
		display: block;
		background-color: #000;
	}

	.menu__sub-list {
		width: 100%;
		max-width: unset;
	}

	.menu__link-dropdown {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.menu__link-dropdown:hover {
		color: var(--color-text-header);
	}

	.menu__link-dropdown.active {
		color: var(--color-primary);
	}

	.header--right-wrapper {
		display: flex;
		align-items: center;
		padding-top: 0;
		gap: 32px;
	}

	.header__contact {
		margin: 0px;
	}
}

@media (max-width: 768px) {
	.header {
		padding: 0 1.25rem;
	}

	.header__contact--bolder {
		display: block;
	}

	.header--right-wrapper {
		gap: 0px;
	}

	.header__icon-link {
		display: flex;
	}

	.header__icon--fb {
		margin: 0 2rem 0 0;
	}

	.header__contact {
		margin: 0 2rem 0 0;
	}

	.header-logo-link {
		display: contents;
	}

	.menu__icon {
		margin: 0;
	}

	.header__contact--details {
		margin: 0 2rem 0 0;
		font-size: 14px;
	}

	.header__logo {
		max-height: 50px;
		margin-right: 1rem;
	}

	.header__logo img {
		width: 100%;
		height: 50px;
	}
}

@media (max-width: 576px) {
	.mobile-header__contact__icons {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		/* padding-left: 52px; */
		margin: 18px 0px;
		align-items: self-start;
		gap: 32px;
	}

	.menu__list {
		padding-left: 0px;
	}

	.menu__list li a {
		padding-inline: 0px;
	}

	.header__contact {
		display: none;
	}

	.mobile-phone-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobile-phone-wrapper .header__contact--details {
		margin: 0;
	}

	.mobile-phone-wrapper .header__contact--details .header__contact--bolder {
		display: inline-block;
		text-decoration: none;
		color: unset;
	}

	.menu__sub-list {
		max-width: 425px;
	}
	.divider {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		background-color: var(--color-grey-light);
		height: 1px;
		width: 100%;
	}

	.menu__list > li:last-child {
		max-width: 100%;
	}

	.nav__button--order {
		text-align: center;
	}
}

@media (max-width: 425px) {
	.header__logo {
		max-height: 65px;
	}

	.mobile-phone-wrapper .header__contact--details .header__contact--bolder {
		letter-spacing: -1px;
	}

	.menu__icon {
		width: 2rem;
	}

	.menu__sub-list {
		max-width: 320px;
	}
}

/* FOOTER BANER */
.footer__baner {
	height: 425px;
}

.footer__baner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.footer__baner--description {
	max-width: 1200px;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.footer__baner-group {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	min-height: 188px;
	padding: 0 1rem;
}

.footer__baner-p-1 {
	width: 100%;
	font-size: 60px;
	color: var(--color-primary);
	font-weight: var(--font-weight-bold);
	margin-bottom: 1rem;
	text-align: center;
}

.footer__baner-p-2 {
	font-size: 24px;
	font-weight: var(--font-weight-light);
	color: var(--color-background-white);
	text-align: center;
}

@media (max-width: 992px) {
	.footer__baner-group {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.footer__baner-p-1 {
		font-size: 48px;
	}

	.footer__baner-p-2 {
		font-size: 20px;
	}

	/*.footer__baner {
    height: 425px;
  }

  .footer__baner img {
    height: auto;
  }*/
}

@media (max-width: 576px) {
	.footer__baner {
		min-height: 500px;
	}

	.footer__baner img {
		height: 100%;
	}

	.footer__baner-group {
		width: 100%;
		min-height: 0;
		margin-bottom: 1rem;
	}

	.footer__baner-p-1 {
		font-size: 36px;
		margin-bottom: 0.5rem;
	}
}

/* FORM */
.form-color-danger {
	color: #dc3545;
}

.form-error {
	font-size: 14px;
	font-weight: var(--font-weight-light);
}

.form-error--hidden {
	display: none;
}

.form-error-active {
	display: block;
	font-size: 14px;
}

.form-wrapper {
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
	gap: 111px;
	/* margin-bottom: 5.5rem; */
}

.form-wrapper--margin {
	margin-bottom: 96px;
}

.form__header {
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-72);
	color: var(--color-black-light);
	margin-bottom: 1rem;
	width: 100%;
}

.form__paragraph {
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-light);
	line-height: 1.5rem;
	color: var(--color-text-grey);
	margin-bottom: 4rem;
}

.input-wrapper--left,
.input-wrapper--right {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
}

.input-wrapper--full {
	width: 100%;
}

.input-wrapper--left {
	padding-right: 1.25rem;
}

.input-wrapper--right {
	padding-left: 1.25rem;
}

.form__label {
	width: 100%;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-light);
	color: var(--color-text-grey);
	margin-top: 1rem;
}

.form__input {
	width: 100%;
	border: none;
	border-bottom: 1px solid var(--color-grey-light);
}

.form__input:focus-visible {
	border-bottom: 1px solid var(--color-primary);
	outline: none;
}

.form__input:focus-visible + .form__label {
	color: var(--color-primary);
}

.form__submit--button,
.offer__button,
.about__button {
	display: inline-block;
	background: none;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-bold);
	border: 2px solid var(--color-primary);
	cursor: pointer;
	transition: all 0.2s ease;
	padding: 0.625rem 1.25rem;
}

.form__submit--button {
	/* padding: 0.5rem 1.25rem; */
	padding: 0.625rem 1.25rem;
}

.slider__button a {
	background: none !important;
	font-size: var(--font-size-md) !important;
	font-weight: var(--font-weight-bold) !important;
	width: 8.5rem !important;
	height: 2.5rem !important;
	border: 2px solid var(--color-primary) !important;
	cursor: pointer !important;
}

.offer__button,
.about__button {
	color: var(--color-text-header);
	padding: 0.625rem 1.25rem;
	margin-top: 1rem;
	/* display: flex;
	justify-content: center; */
}

.about__button {
	margin-top: 9px;
}

.slider__button a {
	color: var(--color-text-header) !important;
	padding: 0.5rem 1.25rem !important;
	margin-top: 1rem !important;
	display: flex !important;
	justify-content: center !important;
}

.slider__button a {
	width: 13rem !important;
	color: var(--color-text-white) !important;
}

.form__submit--button:hover,
.offer__button:hover,
.about__button:hover {
	color: var(--color-primary);
}

.slider__button a:hover {
	color: var(--color-primary) !important;
}

.form__input--group-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2.5rem;
}

.form-wrapper-left,
.form-wrapper-right {
	width: 50%;
}

.form-wrapper-right img {
	width: 100%;
	height: auto;
}

.email-success {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 50px;
	background-color: #d1e7dd;
	color: #0f5132;
	display: flex;
	justify-content: center;
	align-items: center;
}

.email-success__header {
	font-size: 16px;
	font-weight: var(--font-weight-bold);
	width: 100%;
	text-align: center;
}

.email-success__paragraph {
	font-size: 14px;
	font-weight: var(--font-weight-light);
	width: 90%;
	text-align: center;
}

.email-succes__button {
	background: none;
	border: none;
	color: #0f5132;
	font-weight: var(--font-weight-bold);
	cursor: pointer;
}

@media (max-width: 992px) {
	.form-wrapper-right {
		display: none;
	}

	.form-wrapper-left {
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 768px) {
	.form-wrapper--margin {
		margin-bottom: 54px;
	}
}

@media (max-width: 576px) {
	.input-wrapper--left,
	.input-wrapper--right,
	.input-wrapper--full {
		width: 100%;
		padding: 0 0 1.5rem 0;
	}

	.form__input--group-wrapper {
		margin: 0;
	}

	.form__submit--button {
		margin-top: 2rem;
	}
}

/* FOOTER */
.footer {
	width: 100%;
}

.footer--top {
	background-color: var(--color-primary);
	padding: 2.5rem 0;
}

.footer__contact {
	display: flex;
	justify-content: space-between;
}

.footer__contact--wrapper {
	display: flex;
}

.footer__contact--p-1 {
	font-size: var(--font-size-sm);
	line-height: var(--line-height-19);
}

.footer__contact--p-2,
.footer__contact--p-2 a {
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-medium);
	color: var(--color-black-light);
	line-height: var(--line-height-31);
}

img.footer__contact--icon {
	margin: 0 1.25rem 0 0;
	width: 100%;
	height: auto;
	max-width: 52px;
}

.footer--bottom {
	background-color: var(--color-background-dark);
}

.footer__bottom--wrapper {
	padding: 2.5rem 0 3.5rem 0;
	display: flex;
	justify-content: space-between;
	gap: 90px;
}

.footer__sumup,
.footer__nav {
	width: 25%;
	color: var(--color-text-white);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-24);
	font-weight: var(--font-weight-light);
	flex: 1;
}

.footer__sumup--description {
	margin-top: 0.625rem;
}

.footer__header {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
	color: var(--color-primary);
	margin-bottom: 1.5rem;
}

.footer__header__offerts {
	display: flex;
	gap: 32px;
}

.footer__nav ul,
.footer__header__offerts ul{
	padding: 0;
	width: 100%;
}

.footer__nav-link,
.footer__nav-link:hover {
	display: block;
	color: var(--color-text-white);
	margin-bottom: 1.25rem;
}

.footer__nav-link:hover {
	color: var(--color-primary);
}

.footer__icon--wrapper {
	display: flex;
	align-items: center;
}

.footer__icon--fb {
	margin-right: 1.25rem;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.footer__icon--fb img {
	width: 100%;
	height: 100%;
}

.footer__link--wrapper {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem 1.25rem;
	border-top: 1px solid var(--color-dark);
	color: var(--color-text-white);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-24);
	font-weight: var(--font-weight-light);
}

.footer__link--wrapper a {
	font-weight: var(--font-weight-medium);
	color: var(--color-text-white);
}

.go-to-top-button {
	background: none;
	border: none;
	cursor: pointer;
}

.contact-map {
	max-height: 494px;
}

@media only screen and (max-width: 1200px) {
	img.footer__contact--icon {
		max-width: 40px;
	}
	.footer__bottom--wrapper {
		gap: 70px;
	}
	.footer__header__offerts {
		gap: 20px;
	}
}

@media only screen and (max-width: 992px) {
	.footer__bottom--wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	img.footer__contact--icon {
		max-width: 52px;
	}
	.footer__contact {
		flex-direction: column;
	}

	.footer__contact--wrapper {
		width: 360px;
		margin: auto;
		padding: 1.25rem 0;
	}

	.footer__sumup,
	.footer__nav {
		width: 100%;
	}

	.footer__header__offerts {
		gap: 30px;
	}

	.footer__sumup--description {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.footer--top {
		padding: 32px 0px;
	}
	.footer__bottom--wrapper {
		padding: 32px 0px;
	}
}

@media only screen and (max-width: 576px) {
	.footer__bottom--wrapper {
		grid-template-columns: 1fr;
	}
	.footer__sumup--description {
		margin-bottom: 1.25rem;
		width: 100%;
	}
}

@media only screen and (max-width: 425px) {
	.footer__header__offerts {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0rem;
	}

	.footer__contact--wrapper {
		flex-direction: column;
		gap: 20px;
	}
}

/* OFFER */
.offer__name {
	color: var(--color-dark-blue);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
}

.offer__header {
	color: var(--color-black-light);
	font-size: var(--font-size-xxl);
	line-height: 60px;
	font-weight: var(--font-weight-bold);
	margin: 0 0 20px 0;
	hyphens: auto;
}

.offer__paragraph {
	font-weight: var(--font-weight-light);
	color: var(--color-black-light);
	font-size: var(--font-size-md);
	line-height: 30px;
	margin-bottom: 15px;
}

.offer-wrapper--top,
.offer-wrapper--bottom {
	display: flex;
}

.offer-wrapper--top,
.offer-margin {
	margin-bottom: 75px;
}

.offer__text--top {
	padding-left: 111px;
}

.offer__text--bottom {
	padding-right: 40px;
}

.offer__text--bottom {
	width: 50%;
}

.offer {
	margin-bottom: 8rem;
}

@media (max-width: 1200px) {
	.offer-wrapper--top {
		flex-direction: column-reverse;
		margin-bottom: 50px;
	}

	.offer-margin {
		margin-bottom: 50px;
	}

	.offer-wrapper--bottom {
		flex-direction: column;
	}

	.offer__image--top,
	.offer__image--bottom {
		margin: 2rem auto;
	}

	.offer__text--top {
		padding: 0;
	}

	.offer__text--bottom {
		width: 100%;
		padding: 0;
	}

	.offer {
		margin-bottom: 50px;
	}
}

@media (max-width: 768px) {
	.offer__image--top img,
	.offer__image--bottom img {
		width: 100%;
		height: auto;
	}

	.offer__header {
		font-size: 36px;
		line-height: 1.25em;
	}

	.offer__paragraph {
		font-size: 16px;
	}
}

/* Gallery */

.gallery-wrapper {
	width: 100%;
	padding: 90px 0 108px;
	background-color: var(--color-background-dark);
	margin-bottom: 68px;
}

.gallery__header {
	font-size: var(--font-size-72);
	font-weight: var(--font-weight-bold);
	color: var(--color-text-white);
	width: 100%;
	margin: 0;
	margin-bottom: 24px;
	text-align: center;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.gallery__image {
	width: 33%;
	position: relative;
}

.gallery__image a {
	display: flex;
}

.gallery__image a img {
	width: 100%;
	height: 100%;
}

.gallery__image--active {
	display: none;
}

.gallery__image:hover .gallery__image--inactive,
.gallery__image:active .gallery__image--inactive {
	display: none;
}

.gallery__image:hover .gallery__image--active,
.gallery__image:active .gallery__image--active {
	display: flex;
}

@media only screen and (max-width: 1200px) {
	.gallery-wrapper {
		padding: 70px 0 80px;
	}
}

@media (max-width: 992px) {
	.gallery__image {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.gallery-wrapper {
		padding: 54px 0;
		margin-bottom: 54px;
	}
}

@media only screen and (max-width: 576px) {
	.gallery__image {
		width: 100%;
	}
}

/* GALLERY OUR PRODUCTS */

.our-products-gallery {
	margin-top: 92px;
}

@media only screen and (max-width: 1200px) {
	.our-products-gallery {
		margin-top: 80px;
	}
}

/* STAND OUT */

.stand__out__container {
	margin-bottom: 88px;
}

.stand__out__title {
	font-size: var(--font-size-72);
	text-align: center;
	margin: 0px 0px 108px;
	font-weight: var(--font-weight-bold);
}

.stand__out {
	display: flex;
	justify-content: space-between;
	gap: 32px;
}

.stand__out__box {
	flex: 1;
}

.stand__out__box__info__text {
	text-align: center;
}

.stand__out__box__info__text h4 {
	font-size: var(--font-size-xxl);
	font-weight: var(--font-weight-bold);
	margin: 14px 0 12px;
}

.stand__out__box__info__text p {
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-md);
}

.stand__out .stand__out__box .stand__out__box__info img {
	width: 100%;
	height: auto;
	display: block;
}

@media only screen and (max-width: 1200px) {
	.stand__out__title {
		margin: 0px 0px 80px;
	}
	.stand__out {
		gap: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.stand__out {
		display: grid;
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 24px;
	}

	.stand__out__box {
		width: 70%;
	}

	.stand__out__container {
		margin-bottom: 54px;
	}
	.stand__out__title {
		margin: 0px 0px 24px;
	}
}

@media only screen and (max-width: 425px) {
	.stand__out__box {
		width: 100%;
	}
}

/* BANNER BG */

.banner-bg {
	background-image: url("./assets/images/banner-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	padding-block: 100px;
	margin-bottom: 68px;
}

.banner-bg * {
	color: var(--color-text-white);
}

.banner-bg .container span,
.banner-bg .container h4 {
	font-weight: var(--font-weight-bold);
}

.banner-bg .container span {
	font-size: var(--font-size-20);
}

.banner-bg .container h6 {
	font-size: var(--font-size-xxl);
	margin: 32px 0 40px;
}

@media only screen and (max-width: 1200px) {
	.banner-bg {
		padding-block: 85px;
	}
}

@media only screen and (max-width: 992px) {
	.banner-bg {
		padding-block: 65px;
		margin-bottom: 10.2px;
	}
}

@media only screen and (max-width: 768px) {
	.banner-bg {
		padding-block: 40px;
	}

	.banner-bg .container h6 {
		margin: 24px 0 32px;
	}

	.banner-bg .container span {
		font-size: var(--font-size-regular);
	}
}

/* ABOUT */

.about {
	display: flex;
	align-items: center;
	gap: 63px;
	margin: 85px 0 106px;
}

.about__image {
	width: 50%;
}

.about__description {
	width: 50%;
}

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

.about__header {
	font-size: var(--font-size-72);
	font-weight: var(--font-weight-bold);
	color: var(--color-black-light);
	line-height: 88px;
	margin: 0;
}

.about__paragraph {
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-light);
	color: var(--color-black-light);
	line-height: 30px;
	padding-bottom: 15px;
}

@media (max-width: 992px) {
	.about {
		flex-direction: column-reverse;
		margin: 65px 0 80px;
	}

	.about__description {
		width: 100%;
		padding: 0;
		margin-bottom: 50px;
	}

	.about__image {
		width: 75%;
	}
}

@media only screen and (max-width: 768px) {
	.about {
		margin: 45px 0;
		gap: 40px;
	}

	.about__paragraph {
		font-size: 16px;
	}

	.about__image {
		width: 100%;
	}
}

.iframe {
	border: none;
	width: 200%;
	height: 900px;
	-moz-transform: scale(0.5, 0.5);
	-webkit-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	-o-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.iframe-wrapper {
	margin-bottom: 5.5rem;
	max-height: 450px;
}

@media (max-width: 400px) {
	.iframe-wrapper {
		margin-bottom: 4.5rem;
		max-height: 440px;
	}

	.iframe {
		height: 875px;
	}
}

@media (max-width: 360px) {
	.iframe-wrapper {
		margin-bottom: 4.5rem;
		max-height: 410px;
	}

	.iframe {
		height: 820px;
	}
}

/* Offert page */

.offer-page {
	margin: 40px 0 100px;
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.offer-item {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
}
.image-container {
	overflow: hidden;
}
.offer-item img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}
.offer-item:hover img {
	transform: scale(1.1);
}
.caption {
	background-color: #212121;
	color: white;
	padding: 40px 32px;
	transition: background-color 0.3s ease;
	font-size: var(--font-size-20);
}
.offer-item:hover .caption {
	background-color: var(--color-primary);
}

@media only screen and (max-width: 1200px) {
	.offer-page {
		gap: 20px;
	}
}

@media (min-width: 1024px) {
	.offer-page {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 992px) {
	.offer-page {
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 768px) {
	.offer-page {
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 45px;
	}
}

@media only screen and (max-width: 576px) {
	.offer-page {
		grid-template-columns: 1fr;
		margin-bottom: 45px;
	}
}

/* Baner Oferts */

.banner-offerts {
	width: 100%;
	padding: 45px 0 87px;
	background-image: url("./assets/images/banner-offerts.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-offerts-breadcrumbs {
	display: flex;
	gap: 8px;
	color: var(--color-primary);
	font-size: var(--font-size-regular);
	font-weight: var(--font-weight-bold);
}

.banner-offerts-breadcrumbs a {
	color: var(--color-primary);
	text-decoration: none;
	transition: all 0.2s ease;
}

.banner-offerts-breadcrumbs a:hover {
	color: var(--color-text-white);
}

.banner-offerts-breadcrumbs-title {
	font-size: var(--font-size-xxl);
	font-weight: var(--font-weight-bold);
	margin-top: 8px;
	color: var(--color-text-white);
}

/* Page 404 */

.page-404-container {
	margin-top: 64px;
	margin-bottom: 100px;
}

.page-404-title {
	font-size: var(--font-size-72);
	font-weight: var(--font-weight-bold);
	text-align: center;
}

.page-404-box {
	text-align: center;
}

.page-404-link {
	background-color: var(--color-primary);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-medium);
	padding: 12px 32px;
	color: var(--color-text-white);
	transition: all 0.2s ease;
}

.page-404-link:hover {
	background-color: var(--color-background-black);
}

/* Gallery Page */

.gallery-container-page {
	margin: 35px 0px 125px;
}

.gallery-container-page figure {
	gap: 40px !important;
}

@media only screen and (max-width: 992px) {
	.gallery-container-page figure {
		gap: 20px !important;
	}
}

/* Smart slider */

@media only screen and (max-width: 1200px) {
	.slider-header-custom h2 {
		font-size: 54px !important;
		line-height: normal !important;
	}
	.slider-description-custom {
		margin-top: 40px !important;
	}

	.slider-btn-custom {
		margin-top: 40px !important;
	}
}

@media only screen and (max-width: 992px) {
	.slider-header-custom h2 {
		font-size: 38px !important;
	}
	.slider-description-custom * {
		font-size: var(--font-size-20) !important;
	}
	.slider-btn-custom {
		margin-top: 40px !important;
	}
}

@media only screen and (max-width: 768px) {
	.slider-header-custom h2 {
		font-size: 38px !important;
	}

	.slider-description-custom {
		margin-top: 24px !important;
	}

	.slider-description-custom * {
		font-size: var(--font-size-md) !important;
	}
	.slider-btn-custom {
		margin-top: 32px !important;
	}
}

@media only screen and (max-width: 576px) {
	.slider-header-custom h2 {
		font-size: 28px !important;
	}
	.slider-btn-custom * {
		font-size: 16px !important;
	}
}

/* single service */

@media only screen and (max-width: 1200px) {
	.wp-block-group.service {
		margin-top: 80px;
	}
}

@media only screen and (max-width: 992px) {
	.wp-block-group.service {
		margin-top: 60px;
	}
	.service .service-box {
		gap: 40px !important;
	}
	.gallery-offerts-single {
		gap: 20px !important;
	}
}

@media only screen and (max-width: 781px) {
	.wp-block-group.service {
		margin-top: 45px;
	}

	.service .service-box {
		gap: 24px !important;
	}

	.service__header {
		padding: 0px !important;
	}
}

@media only screen and (max-width: 576px) {
	.gallery-offerts-single {
		flex-wrap: wrap !important;
		margin-bottom: 60px !important;
	}
}

/* Gallery lightbox */

#lbbLightBox-33f7a40c-1 #lightbox-0 .lbbContent_area {
	border-radius: 0px !important;
}

.privacy-policy section{
	margin-top: 50px;
}

.woocommerce-variation-price {
	margin-top: 50px;
}

.woocommerce-variation-price .woocommerce-Price-amount.amount * {
	font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-size-xxl) !important;
    color: var(--color-black-light) !important;
    margin-bottom: 16px !important;
}

.woocommerce-variation.single_variation p {
	margin-bottom: 50px;
}

.woocommerce-variation-price del .woocommerce-Price-amount.amount * {
    font-size: var(--font-size-md) !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled {
	background-color: var(--color-primary) !important;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail img {
	max-width: 50px !important;
}

.custom-price-wrapper {
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-size-xxl) !important;
    color: var(--color-black-light) !important;
    margin-bottom: 16px !important;
    margin-top: 50px
}

.partners-slider{
	width: 100%;
	margin: 50px auto 100px;
}

.partners-slider .partner-img {
	padding: 0 30px;
}

.partners-slider .partner-img img{
	width: 100%;
	height: auto;
}

.bapf_slidr_main.ui-widget-content .ui-slider-handle, .berocket_filter_price_slider.ui-widget-content .ui-slider-handle, .slide.default .bapf_slidr_main .ui-state-default, .slide.default .bapf_slidr_main .ui-widget-header .ui-state-default, .slide.default .bapf_slidr_main.ui-widget-content .ui-state-default, .slide.default .berocket_filter_price_slider .ui-state-default, .slide.default .berocket_filter_price_slider .ui-widget-header .ui-state-default, .slide.default .berocket_filter_price_slider.ui-widget-content .ui-state-default,
.bapf_slidr_main.ui-widget-content .ui-slider-range, .berocket_filter_price_slider.ui-widget-content .ui-slider-range{
	background: var(--color-primary);
}

.bapf_slidr_main.ui-widget-content, .berocket_filter_price_slider.ui-widget-content{
	background: #D9D9D9;
	height: 2px;
}

.cross-sell-header{
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-xxl);
}

.cross-sell-product h2 {
  color: #212121;
  font-size: var(--font-size-md) !important;
}

.cross-sell-product .price{
	color: #F7851A !important;
	font-size: var(--font-size-md) !important;
}

.cross-sell-product .price *{
	color: inherit !important;
	font-size: inherit !important;
	text-decoration: none;
}

.cross-sell-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.cross-sell-footer * {
    margin: 0 !important;
    white-space: nowrap;
}

.cross-sell-footer .woocommerce-loop-product__link {
    display: none;
}

#contact-wrapper .form__input--group-wrapper * {
  max-width: 100%;
	font-family: "Space Grotesk", sans-serif;
}

#contact-wrapper .form__input--group-wrapper textarea {
    width: 100%;
		height: 100px;
}


#contact-wrapper .form__input--group-wrapper input,
#contact-wrapper .form__input--group-wrapper textarea {
  border: 0;
	border-bottom: 1px solid #D9D9D9;
	line-height: 40px;
	padding: 5px 10px;
	min-height: 40px;
}

#contact-wrapper input[type='submit']{
	color: #212121;
	font-weight: bold;
	border: 2px solid #F7851A;
	padding: 10px 35px;
	background: white;
	transition-duration: 0.3s;
}

#contact-wrapper input[type='submit']:hover{
	color: white;
	background: #F7851A;
	transition-duration: 0.3s;
}

.banner-offerts + .container {
    padding-top: 50px;
}

.about__header{
	text-align: center;
}


.blog-row {
	display: grid;
	grid-template-columns: 1fr 25%;
	max-width: 100%;
	gap: 32px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 992px) {
	.blog-row {
		grid-template-columns: 1fr;
		margin-bottom: 88px;
	}
}

#blog.container{
	padding-top: 0;
}

.blog-post .img-holder{
	position: relative;
}

.blog-post.simple img{
	max-width: 100%;
}

.blog-post .img-holder img:not(.blog-corner) {
	width: 100%;
}

.blog-post .img-holder .blog-date{
	position: absolute;
	top: -1rem;
	right: 3rem;
}

.blog-post .img-holder .blog-corner {
	width: 94px;
	height: 94px;
	position: absolute;
	left: -1.5rem;
	bottom: -1.15rem;
	transform: scale(0.7);
	transform-origin: bottom left;
}
.blog-post .img-holder .blog-categories * {
    color: inherit;
}

.blog-post .img-holder .blog-categories {
    position: absolute;
    right: 0;
    color: #212121;
}

.blog-post .blog-date {
    text-align: center;
    background: #F7851A;
    padding: 5px;
    color: white;
    min-width: 110px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: calc(var(--font-size-md)* 1.1);
}

.blog-post .blog-date * {
    font-size: inherit;
}

.blog-post .blog-title {
  font-size: var(--font-size-xxl);
	margin-bottom: 1rem;
}

.blog-post.simple .blog-title{
	font-size: var(--font-size-md);
}

.blog-post .blog-title a {
  font-size: inherit;
	color: inherit;
}

.blog-post{
	margin-bottom: 50px;
}

.category-title{
	margin-top: 50px;
}

.blog-search-box{
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
	align-items: center;
}

.blog-search-box input{
	border: 0;
	border-bottom: 1px solid #D9D9D9;
	line-height: 40px;
	padding: 5px 10px;
	min-height: 40px;
	flex-grow: 1;
	transition-duration: 0.3s
}

.blog-search-box button{
	background: none;
	border: 0;
	min-width: 52px;
	min-height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.blog-search-box input:focus,
.blog-search-box input:active{
	outline: 0 !important;
	border-bottom: 1px solid #f7851a;
	transition-duration: 0.3s
}


.sidebar-title {
	margin-top: 50px;
  font-size: 24px;
	color: #f7851a;
}

.category-list{

}

.category-list-item {
  font-weight: bold !important
}

.archive-toggle {
    padding: 1rem 2rem;
    width: 100%;
    display: flex;
    background: #646464;
    color: white;
    font-weight: bold;
		transition-duration: 0.3s;
		cursor: pointer;
}

.archive-toggle.expanded{
	background: #F7851A;
	transition-duration: 0.3s;
}

.archive-list{
	list-style-type: none;
	padding: 0;
}

.archive-list li:not(:first-child){
	margin-top: 1rem;
}

ul.archive-posts {
    list-style-type: none;
    padding: 1rem;
    background: #F1F1F1;
    color: #212121;
}

ul.archive-posts *{
	color: inherit;
}

.blog-post.simple .img-holder .blog-corner {
    transform: scale(0.3);
    bottom: -.25rem;
    left: -.5rem;
}

.blog-post-content p{
	margin-bottom: 2rem;
}

.blog-post-content a{
	color: inherit;
	text-decoration: underline;
}

.blog-post-content .wp-block-quote {
    border-left: 5px solid #F7851A;
    background: #F5F5F5;
    margin: 0;
    padding: 3rem 3rem;
    margin: 2rem 0;
}


.wp-block-table thead{
	border-bottom: 0;
}

.wp-block-table th {
    background: #F7851A;
    color: white;
    border: 1px solid #F7851A;
}

.wp-block-table td{
	border: 1px solid #F7851A;
	color: #212121;
}

@media (max-width: 992px){
	.row-sidebar{
		display: none;
	}
}


#newsletter{
	background: url('/wp-content/themes/1000bar/assets/images/newsletter.png');
	min-height: 40vh;
	display: flex;
	background-position: center center;
	background-size: cover;
}

#newsletter .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#newsletter h2{
	font-size: var(--font-size-xxl);
	color: white;
}

#newsletter form{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
	gap: 2rem;
}

#newsletter form label{
	display: none;
}

#newsletter form *{
	margin: 0;
}

#newsletter .tnp-email {
    height: 48px;
    line-height: 48px;
    border: 0;
    border-bottom: 1px solid #F7851A;
    background: rgba(255, 255, 255, 0.26);
}

#newsletter .tnp-submit{
	background: #F7851A;
	color: white;
	font-weight: bold;
	height: 48px;
	line-height: 48px;
	padding: 0 2.5rem;
}

#newsletter div.tnp-subscription{
	max-width: 800px;
}

.tnp-field.tnp-field-email {
    flex-grow: 1;
}

h2.newsletter-confirm-header {
    font-size: var(--font-size-xxl);
    margin-bottom: 25vh;
}

@media (max-width: 576px){
	#newsletter form{
		flex-direction: column;
    gap: 1rem;
	}

	.tnp-field-email{
		width: 90%;
	}
}



.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
	text-decoration: none;
}

@media (max-width: 576px){
	.blog-post .img-holder .blog-corner{
		display: none;
	}
}

.woocommerce-product-gallery__image *{
	pointer-events: none;
}



.carousel {
	width: 100%;
	margin: 1rem auto 0 !important;
}
.carousel div {
	width: 100%;
	height: auto;
	display: block;
	margin-right: 1rem !important;
	cursor: pointer;
}

p.footer__sumup--description a {
    color: inherit;
    text-decoration: underline;
}

tr.easypack-parcel-machine > *{
	border-top: 0 !important;
}


.woocommerce-checkout .woocommerce-Price-amount.amount bdi{
	font-size: 16px !important;
	font-weight: normal;
}

.woocommerce-cart .woocommerce-Price-amount.amount bdi{
	font-size: unset !important;
}

.woocommerce ul#shipping_method li label{
	white-space: nowrap;
}

@media (max-width: 768px){
	div#n2-ss-1 .n2-font-7ee6b6adb4a795d7185c1b377632877a-hover{
		font-size: 300% !important;
	}

	div#n2-ss-1 .n2-ss-slide{
		min-height: 70vh;
	}
}

.privacy-policy #page li::marker{
	font-weight: bold;
}

.privacy-policy #page ol > li{
	counter-increment: list-main;
}

.privacy-policy #page ol > li > ul{
	padding: .5rem 2.5rem;
}

.privacy-policy #page ol > li > ul > li{
	list-style-type: none;
	counter-increment: list-sub;
	position: relative;
}

.privacy-policy #page ol > li > ul > li::before{
	content: counter(list-main) "." counter(list-sub) ".";
	font-weight: bold;
	position: absolute;
	left: -36px;
}

.privacy-policy #page ol > li > ul > li > ul {
	list-style-type: none;
	padding: .5rem 0;
}