/*Widget parents rules*/
div.elementor:has(.site-header) > div.elementor-element {
	padding : 0 !important;
}

div.elementor:has(.site-header) > div.elementor-element > div {
	max-width : 100% !important;
	padding   : 0 !important;
}

div.elementor-location-header > div.elementor-element,
div.elementor-location-header > div.elementor-element > div {
	max-width : 100% !important;
	padding   : 0 !important;
}

/*Widget parents rules*/

.site-header {
	position         : fixed;
	top              : 0;
	right            : 0;
	left             : 0;
	z-index          : 999;
	/*position: fixed;*/
	display          : flex;
	flex-direction   : column;
	background-color : var(--header-bg-color);
}

.site-header__row {
	display          : flex;
	flex-direction   : row;
	justify-content  : space-between;
	background-color : var(--header-bg-color);
	gap              : 1em;
}

.site-header__row:nth-child(1) {
	z-index : 3;
}

.site-header__row:nth-child(2) {
	z-index : 2;
}

.site-header__row:nth-child(3) {
	z-index : 1;
}

.site-header__row.header-row-1 {
	border-bottom    : 1px solid #ececec;
	background-color : var(--header-bg-color);
}

.site-header__row.header-row-1 * {
	color : var(--main-color-header);
}

.site-header__row.header-row-3 {
	border-top : solid 1px #e6e6e6;
}

.header-row__column {
	display     : flex;
	align-items : center;
	/*border: solid blue;*/
}

.header-row__column.column-woo,
.header-row__column.column-search,
.header-row__column.column-switch {
	flex : inherit;
}

.header-row__column.column-menu {
	flex-basis : auto;
}

.header-logo {
	position        : relative;
	display         : flex;
	justify-content : center;
	align-items     : center;
	height          : calc(55px + (110 - 55) * ((100vw - 320px) / (1920 - 320)));
}

.site-header.scrolled .header-logo {
	display         : flex;
	justify-content : center;
	align-items     : center;
	height          : calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.site-header.scrolled .column-logo img {
	max-height : 80px;
}

.header-logo a {
	width  : 100%;
	height : auto;
}

.header-logo img {
	width     : 100%;
	max-width : 100%;
	height    : auto;
}

@keyframes stickySlideDown {
	0% {
		opacity   : 0.7;
		transform : translateY(-100%);
	}
	100% {
		opacity   : 1;
		transform : translateY(0);
	}
}

/*	burger */
.header-burger {
	position  : relative;
	transform : scale(0.7);
	width     : 36px;
	height    : 24px;
	cursor    : pointer;
}

.header-burger__line {
	position                  : absolute;
	transform                 : rotate(0deg);
	width                     : 100%;
	height                    : 2px;
	animation                 : none;
	animation-duration        : 0.65s;
	animation-timing-function : cubic-bezier(0.77, 0, 0.175, 1);
	background-color          : var(--menu-link-color);
}

.menu-opened .header-burger__line {
	background-color : #fff;
}

.header-burger__line:nth-child(1) {
	top                 : 0;
	animation-name      : topreverse;
	animation-fill-mode : forwards;
}

.header-burger__line:nth-child(2) {
	bottom         : 10px;
	animation-name : bottomreverse;
}

.header-burger__line:nth-child(3) {
	bottom         : 0;
	animation-name : bottomreverse;
}

.header-burger.is-active > .header-burger__line {
	animation-duration        : 0.65s;
	animation-timing-function : cubic-bezier(0.77, 0, 0.175, 1);
	animation-fill-mode       : forwards;
}

.header-burger.is-active .header-burger__line:nth-child(1) {
	top            : 45.8333333333%;
	animation-name : top;
}

.header-burger.is-active .header-burger__line:nth-child(2) {
	visibility : hidden;
}

.header-burger.is-active .header-burger__line:nth-child(3) {
	bottom         : 45.8333333333%;
	animation-name : bottom;
}

@keyframes top {
	0% {
		top : 0;
	}
	60% {
		top       : 45.8333333333%;
		transform : rotate(0deg);
	}
	100% {
		transform : rotate(45deg);
	}
}

@keyframes bottom {
	0% {
		bottom : 0;
	}
	60% {
		bottom    : 45.8333333333%;
		transform : rotate(0deg);
	}
	100% {
		transform : rotate(-45deg);
	}
}

@keyframes topreverse {
	0% {
		transform : rotate(45deg);
		top       : 45.8333333333%;
	}
	60% {
		transform : rotate(0deg);
		top       : 45.8333333333%;
	}
	100% {
		top : 0;
	}
}

@keyframes bottomreverse {
	0% {
		transform : rotate(-45deg);
		bottom    : 45.8333333333%;
	}
	60% {
		transform : rotate(0deg);
		bottom    : 45.8333333333%;
	}
	100% {
		bottom : 0;
	}
}

/*	burger */

/*RESPONSIVE*/

/*phone*/
@media (max-width : 767px) {
	.hide-mobile {
		display : none !important;
	}

	.site-header__row {
		padding : var(--header-row-padding-mobile);
		gap              : 1em;
	}

	.header-logo {
		margin-right : 5px !important;
	}

}

/*tablet*/
@media (min-width : 768px) and (max-width : 1023px) {
	.hide-tablet {
		display : none !important;
	}

	.site-header__row {
		padding : var(--header-row-padding-tablet);
	}
}

/*mobile and tablet*/
@media (max-width : 1024px) {
	.column-woo,
	.column-logo,
	.header-row-1,
	.column-switch,
	.column-burger {
		z-index : 99;
	}

	.site-header__row.header-row-2 {
		flex-direction : row-reverse;
		min-height     : 60px;
	}

	.menu-opened .site-header__row.header-row-2 {
		background-color : transparent;
	}

	.site-header {
		position : fixed;
	}

	.header-row-2 {
		position : relative;
	}

	body.menu-opened {
		overflow : hidden;
		height   : 100%;
		margin   : 0 !important;
	}

	.header-row__column.column-burger {
		justify-content : flex-start;
		width           : 20%;
	}

	.site-header__row.header-row-3 {
		display : none;
	}

	.header-row__column.column-logo {
		order : 2;
		/*flex: 30% !important;*/
	}

	.qualiopi-logo {
		order : 1 !important;
	}

	.header-logo {
		height : calc(40px + (110 - 55) * ((100vw - 320px) / (1920 - 320)));
	}

	.header-logo img {
		max-height      : 75px;
		object-fit      : contain;
		object-position : center;
	}

	.menu-opened .header-logo img {
		opacity : 0;
	}

	.header-row__column.column-switch {
		order : 2;
	}

	.header-row__column.column-burger {
		order : 3;
	}

	.header-row__column.column-woo {
		order : 4;
		width : 20%;
	}

	.header-row-1 .header-row__column {
		flex : 1 1 0;
	}

	.header-row-2:has(.column-woo) .header-row__column.column-switch {
		display : none;
	}

	.header-row-2:has(.column-woo) .header-row__column.column-logo {
		transform       : scale(0.8);
		justify-content : center;
		order           : 2;
	}

	.header-row-2:has(.column-woo) .header-row__column.column-burger {
		justify-content : flex-start;
		order           : 1;
	}

	.header-row__column.column-menu {
		opacity        : 0;
		position       : fixed;
		top            : 0;
		right          : 0;
		bottom         : 0;
		left           : 0;
		transform      : translateX(-110%);
		z-index        : -1;
		visibility     : hidden;
		display        : flex;
		flex-direction : column;
		align-content  : flex-start;
		align-items    : flex-start;
		transition     : 0.5s;
		background     : linear-gradient(90deg, rgba(128, 172, 149, 1) 0%, rgba(94, 151, 145, 1) 54%, rgba(61, 130, 141, 1) 100%);
	}

	.header-row__column.column-menu .column-menu_content {
		position         : absolute;
		right            : 0;
		bottom           : 0;
		left             : 0;
		display          : flex;
		flex-direction   : column;
		align-content    : center;
		align-items      : center;
		margin           : 0 auto;
		padding          : 1em;
		background-color : var(--second-bg-color-header);
		gap              : 1em;
	}

	.header-row__column.column-menu .column-menu_content > * {
		width : fit-content;
	}

	.header-row__column.column-menu.is-opened {
		opacity    : 1;
		transform  : translateX(0);
		visibility : visible;
	}

	.header-row-1 {
		display : none;
	}
}

/*desktop*/
@media (min-width : 1025px) {
	.site-header.scrolled {
		position : fixed;
		/*animation : stickySlideDown 0.8s ease-in-out forwards;*/
	}

	.site-header.scrolled .site-header__row.header-row-1,
	.site-header.scrolled .site-header__row.header-row-3 {
		display : none;
	}

	.hide-desktop {
		display : none !important;
	}

	.site-header__row {
		padding : var(--header-row-padding-desktop);
	}

	.header-row__column {
		flex : 1 1 0;
	}

	.header-row__column.column-logo {
		flex : 5% !important;
	}
}

/*laptop 1*/
@media (min-width : 1024px) and (max-width : 1439px) {
	.site-header__row {
		padding : var(--header-row-padding-sm-laptop);
	}

	.header-row__column.column-logo {
		flex : 5% !important;
	}

	.header-logo {
		height : calc(35px + (110 - 55) * ((100vw - 320px) / (1920 - 320)));
	}

	.header-row-2 {
		min-height : 80px;
	}
}

/*laptop 2*/
@media (min-width : 1440px) and (max-width : 1700px) {
	.site-header__row {
		padding : var(--header-row-padding-laptop);
	}

	.header-row__column.column-logo {
		flex : 10% !important;
	}
}

/*RESPONSIVE*/
