body{
	line-height: var(--lh-400);
}
/**************************************************************************************************************/
/***** TYPOGRAFY **********************************************************************************************/
/**************************************************************************************************************/
label,
.label{
	/* font-family: var(--ff-label, var(--ff-heading));
	font-size: var(--fs-label);
	line-height: var(--lh-label);
	color: var(--color-label); */
	font-family: var(--ff-700);
	font-size: var(--fs-text);
	color: var(--color-text);
	text-transform: uppercase;
}

/*************************************************************************************************************/
/***** CONTENT ***********************************************************************************************/
/*************************************************************************************************************/
.content > * {margin-top: var(--gap-flow);}
.content > *:first-child {margin-top: 0px;}

.content ul{
	list-style: disc;
}
.content ul,
.content ol{
	padding-left: var(--gap, 16px);
	margin-left: var(--gap, 16px);
}
.content ul li::marker,
.content ol li::marker{
	color: var(--color-accent, #000000);
}
.content ul li:not(:first-child),
.content ol li:not(:first-child){
	margin-top: var(--gap-100);
}
.content a{
	font-family: var(--ff-text);
	color: var(--color-accent, #000000);
	color: var(--color-text, #000000);
	transition: var(--trans);
}
.content a.link-underline{
	font-family: var(--ff-text);
	padding-block: 0;
}
.content a:hover,
.content a:focus{
	color: var(--hover-accent, #111111);
}
.content h1,.content h2,
.content h3,.content h4,
.content h5,.content h6{
	font-family: var(--ff-heading, sans-serif);
	color: var(--color-heading, #000000);
	margin-top: var(--gap-800);
}
.content h1:first-child,.content h2:first-child,
.content h3:first-child,.content h4:first-child,
.content h5:first-child,.content h6:first-child{
	margin-top: 0;
}
.content blockquote{
	width: 100%;
	max-width: var(--col-10);
	margin-inline: auto;
	margin-block: var(--gap-700);
	position: relative;
	padding-block: var(--gap-600);
	padding-inline: var(--gap-500);
	background-color: var(--color-background-500);
}
.content blockquote p{
	max-width: var(--col-8);
	margin-inline: auto;
	
	font-family: var(--ff-heading);
	font-size: var(--fs-h-600);
	line-height: var(--lh-200);
	color: var(--color-heading);
}
@media(min-width:1025px){
	.content blockquote{
		padding-block: var(--gap-700);
		padding-inline: var(--gap-700);
	}
}


/**************************************************************************************************************/
/***** UI ELEMENTS ********************************************************************************************/
/**************************************************************************************************************/
/***************************/
/***** BUTTONS *************/
/***************************/
.btn,
a.btn{
	position: relative;
	padding: var(--padding-button);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: var(--gap-300);
	font-family: var(--ff-btn);
	font-size: var(--fs-btn);
	line-height: var(--lh-btn);
	letter-spacing: var(--ls-btn, 0);
	text-align: center;
	/* text-transform: uppercase; */
	border: 2px solid currentColor;
	border-radius: var(--br-global);
}

/* Default Button */
.btn,
a.btn{
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	color: var(--color-btn);
}

/* Button Hover State */
.btn:hover,
.btn:focus,
a.btn:hover,
a.btn:focus{
	background-color: var(--hover-accent);
	border-color: var(--hover-accent);
	color: var(--color-btn);
}

/* Button with Icon */
.btn.btn--icon,
a.btn.btn--icon{gap: var(--gap-400);}

/* .btn.btn--icon:hover .btn__icon svg path,
.btn.btn--icon:focus .btn__icon svg path,
a.btn.btn--icon:hover .btn__icon svg path,
a.btn.btn--icon:focus .btn__icon svg path{
	fill: var(--init-primary-400);
} */

.btn,
a.btn,
.btn svg path,
a.btn svg path
{
	transition: var(--trans);
}
.btn__icon,
.btn__label{
	display: flex;
	position: relative;
	pointer-events: none;
}
.btn .btn__icon:empty,
.btn .btn__label:empty{
	display: none;
}

/* Button Alternative */
.btn.btn--alt,
a.btn.btn--alt{
	background-color: transparent;
	color: var(--color-accent);
	border-color: var(--color-accent);
}
.btn.btn--alt:hover,
.btn.btn--alt:focus,
a.btn.btn--alt:hover,
a.btn.btn--alt:focus{
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	color: var(--color-btn);
}
.btn.btn--alt:hover svg path,
.btn.btn--alt:focus svg path,
a.btn.btn--alt:hover svg path,
a.btn.btn--alt:focus svg path{
	fill: var(--color-white);
	fill: var(--color-btn);
}

/* Button Link */
.btn.btn--link,
a.btn.btn--link{
	padding: 0;
	background-color: transparent;
	color: var(--color-accent);
	border: 0;
	border-radius: 0;
	text-transform: none;
}

/* Button Light */
.btn.btn--light,
a.btn.btn--light{
	/* background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-btn); */
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-accent);
}

.btn.btn--light:hover,
.btn.btn--light:focus,
a.btn.btn--light:hover,
a.btn.btn--light:focus{
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-accent);
}

/* Button Light Alternative */
/* .btn.btn--alt.btn--light,
a.btn.btn--alt.btn--light{
	background-color: transparent;
	border-color: var(--color-white);
	color: var(--color-white-80);
}
.btn.btn--alt.btn--light:hover,
.btn.btn--alt.btn--light:focus,
a.btn.btn--alt.btn--light:hover,
a.btn.btn--alt.btn--light:focus{
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-btn);
}
.btn.btn--alt.btn--light:hover svg path,
.btn.btn--alt.btn--light:focus svg path,
a.btn.btn--alt.btn--light:hover svg path,
a.btn.btn--alt.btn--light:focus svg path{
	fill: var(--color-accent);
	fill: var(--color-btn);
} */

/* Button Light Alternative */
.btn.btn--alt.btn--light,
a.btn.btn--alt.btn--light{
	background-color: transparent;
	/* border-color: var(--color-secondary);
	color: var(--color-secondary); */
	border-color: var(--color-white);
	color: var(--color-white);
}
.btn.btn--alt.btn--light:hover,
.btn.btn--alt.btn--light:focus,
a.btn.btn--alt.btn--light:hover,
a.btn.btn--alt.btn--light:focus{
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-accent);
}
.btn.btn--alt.btn--light:hover svg path,
.btn.btn--alt.btn--light:focus svg path,
a.btn.btn--alt.btn--light:hover svg path,
a.btn.btn--alt.btn--light:focus svg path{
	fill: var(--color-accent);
	/* fill: var(--color-btn); */
}

/*************************************************************************************************************/
/***** GLOBAL INTERACTIVE ELEMENTS ***************************************************************************/
/*************************************************************************************************************/
/********************/
/* Select ***********/
/********************/
.select{
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 220px;
	height: var(--height-form-items);
}
.select-styled,
.select-options{
	font-size: var(--fs-300);
}
.select-styled{
	padding-inline: var(--gap);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--color-background);
	border: var(--border);
	border-radius: var(--br-global);
	display: flex;
	align-items: center;
	user-select: none;
	-webkit-user-select: none;
}
.select-styled:after{
	--arrow-width: 10px;
	--arrow-height: 6px;
	content: "";
	position: absolute;
	top: calc(50% - var(--arrow-height) / 2);
	right: var(--gap);
	width: var(--arrow-width);
	height: var(--arrow-height);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M4.99324 5.42771C5.19519 5.62966 5.52175 5.62966 5.72156 5.42771L9.84871 1.30271C10.0507 1.10076 10.0507 0.774194 9.84871 0.57439C9.64675 0.374585 9.32019 0.372437 9.12039 0.57439L5.36062 4.33416L1.59871 0.572241C1.39675 0.370288 1.07019 0.370288 0.870387 0.572241C0.670582 0.774194 0.668434 1.10076 0.870387 1.30056L4.99324 5.42771Z" fill="black"/></svg>');
	transition: var(--trans);
}
.select-styled.active:after{
	transform: var(--transform-select-arrow);
}
.select-styled.active + .select-options{display: block;}
.select-options{
	display: none;
	position: absolute;
	top: calc(100% + var(--gap-100));
	/* top: 100%; */
	right: 0;
	left: 0;
	z-index: var(--z-select, 3000);
	margin: 0;
	padding-block: var(--gap-200);
	list-style: none;
	background-color: var(--color-white);
	border: var(--border);
	border-radius: var(--br-global);
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
}
.select-options li{
	margin: 0;
	padding-block: var(--gap-100);
	padding-inline: var(--gap-500);
	transition: var(--trans);
}
.select-options li:hover,
.select-options li:focus,
.select-options li.is-selected{
	background-color: var(--color-background);
	color: var(--color-heading);
}
.select-options li[rel=""]{
	display: none;
}


/***************************/
/* [Widget] Tabs ***********/
/***************************/
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar {
    height: 0; /* Chrome, Safari, Edge */
}
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-track,
[data-widget="tabs"] .tabs-controls::-webkit-scrollbar-thumb {
    display: none; /* Εξαφανίζει το track και το thumb */
}
[data-widget="tabs"] .tabs-controls {
	margin-bottom: var(--gap-500);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: var(--gap-700);
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
}
[data-widget="tabs"] .tabs-control{
	width: auto;
	position: relative;
	padding-block: var(--gap-200);
	font-family: var(--ff-heading);
	font-size: var(--fs-h4);
	color: var(--color-text);
	letter-spacing: var(--ls-text);
	text-transform: uppercase;
	flex-shrink: 0;
	cursor: pointer;
}
[data-widget="tabs"] .tabs-control[aria-selected]:before{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	background-color: var(--color-accent);
	transition: var(--trans);
}
[data-widget="tabs"] .tabs-panel .item__description{
	color: var(--color-text);
	letter-spacing: var(--ls-text);
}
[data-widget="tabs"] .tabs-control[aria-selected="true"]{
	color: var(--color-heading);
}
[data-widget="tabs"] .tabs-control[aria-selected="true"]:before{
	height: 2px;
}
[data-widget="tabs"] .tabs-panel[aria-selected="false"]{
	display: none;
}
[data-widget="tabs"] .tabs-panel[aria-selected="true"]{
	display: flex;
}
@media(min-width:1025px){
	/* [data-widget="tabs"] .tabs-control{
		flex-shrink: 1;
	} */
}


/***************************/
/* [Widget] Accordion ******/
/***************************/
[data-widget="accordion"] .accordion{
    display: flex;
    flex-direction: column;
    gap: 0;
    background-color: var(--color-background);
}
[data-widget="accordion"] .accordion-tab{
    border-bottom: var(--border);
}
[data-widget="accordion"] .accordion-head,
[data-widget="accordion"] .accordion-tab .accordion-head .accordion--icon,
[data-widget="accordion"] .accordion-tab .accordion-head .accordion--icon svg rect{
	transition: var(--trans);
}
[data-widget="accordion"] .accordion-head{
	width: 100%;
	position: relative;
	padding-block: var(--gutter-600);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-500);
	font-family: var(--ff-text-500);
	font-size: var(--fs-600);
	color: var(--color-heading, #000000);
	cursor: pointer;
}
[data-widget="accordion"] .accordion-head .grid-column--text{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
[data-widget="accordion"] .accordion-content{
	height:0;
	overflow: hidden;
}
[data-widget="accordion"] .accordion-content .content{
    padding-top: 0;
	padding-bottom: var(--gutter-600);
}
[data-widget="accordion"] .accordion-content .content,
[data-widget="accordion"] .accordion-content .content *{
	pointer-events: none;
    font-family: var(--ff-text);
    font-size: var(--fs-text);
    line-height: var(--lh-text);
    color: var(--color-text);
}
[data-widget="accordion"] .accordion-content .content a,
[data-widget="accordion"] .accordion-content .content input,
[data-widget="accordion"] .accordion-content .content label,
[data-widget="accordion"] .accordion-content .content button{
    pointer-events: all;
}
[data-widget="accordion"] .accordion-tab .accordion-head .accordion--icon,
[data-widget="accordion"] .accordion-tab .accordion-head .accordion--icon svg rect{
	flex-shrink: 0;
}
[data-widget="accordion"] .accordion-tab[aria-selected="true"] .accordion-head .accordion--icon{
	transform: var(--transform-select-arrow);
}

/********************/
/* Checkbox *********/
/********************/
.checkbox{
    --size: 16px;
    position: relative;
    min-height: var(--size, 16px);
}
.checkbox input[type="checkbox"]{
    width: initial;
    height: initial;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}
.checkbox input[type="checkbox"] + label{
    --top: 0px;
    position: relative;
    display: inline-block;
    padding-left: calc(var(--size, 16px) + var(--gap-200, 8px));
    line-height: calc(var(--size, 16px) + var(--top, 4px));
    cursor: pointer;
}
.checkbox input[type="checkbox"] + label:before,
.checkbox input[type="checkbox"] + label:after{
    top: calc(var(--top) * 0.5);
}
.checkbox input[type="checkbox"] + label:before{
    --color-border: var(--color-accent);
    content:'';
    width: var(--size, 16px);
    height: var(--size, 16px);
    position: absolute;
    top:0;
    left: 0;
    display: inline-block;
    background-color: var(--color-background);
    border: 1px solid var(--color-border, #000000);
    vertical-align: middle;
    transition: var(--trans);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0;
}
.checkbox input[type="checkbox"] + label:after{
    content: '';
    width: var(--size, 16px);
    height: var(--size, 16px);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    opacity: 0;
    transition: var(--trans);
    transition-delay: var(--trans-duration-300, 100ms);
}
.checkbox input[type="checkbox"] + label:after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M9.67033 0.355531C10.1099 0.829573 10.1099 1.6037 9.67033 2.07774L4.50846 7.64447C4.0689 8.11851 3.35108 8.11851 2.91151 7.64447L0.330581 4.8611C-0.110194 4.38706 -0.110194 3.61294 0.330581 3.1389C0.770146 2.66485 1.48797 2.66485 1.92753 3.1389L3.70999 5.06116L8.07338 0.355531C8.51294 -0.11851 9.23076 -0.11851 9.67033 0.355531Z" fill="white"/></svg>');
}
.checkbox input[type="checkbox"]:checked + label:before{
    background-color: var(--color-accent, #000000);
    border-color: var(--color-accent, #000000);
}
.checkbox input[type="checkbox"]:checked + label:after{
    opacity: 1;
}



/********************************/
/* [Component] Filters **********/
/********************************/
.filters .filters-controls{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--gap-300);
	flex-wrap: wrap;
}
.filters button.filter-control{
	position: relative;
	padding: 10px 20px;
	/* padding: var(--padding-button); */
	font-family: var(--ff-heading);
	font-size: var(--fs-btn, var(--fs-text));
	background-color: transparent;
	border: 2px solid var(--color-accent, #000000);
	border-radius: var(--br-global);
	color: var(--color-heading);
	cursor: pointer;
	transition: var(--trans);
	flex-shrink: 0;
}

.filters button.filter-control[aria-selected="true"],
.filters button.filter-control:hover,
.filters button.filter-control:focus{
	background-color: var(--hover-accent, #000000);
	border-color: var(--hover-accent, #000000);
	color: var(--color-text-white);
}

.filters .filters-panel{--animation-time: 500ms;--translateY: 50px;}
.filters .filters-panel{min-height: 30svh;}
.filters .filters-panel.fadeOutDown{animation: fadeOutDown var(--animation-time) forwards ease-in-out;}
.filters .filters-panel.fadeInUp{animation: fadeInUp var(--animation-time) forwards ease-in-out;}
@keyframes fadeOutDown{0%{transform: translateY(0px);opacity: 1;}100%{transform: translateY(var(--translateY));opacity: 0;}}
@keyframes fadeInUp{0%{transform: translateY(var(--translateY));opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}

.filters .filters-panel .item,
.filters .filters-panel .item[data-filter-order]{display: flex;}
.filters .filters-panel .item[data-other-order]{display: none;}

@media (min-width: 1025px){
	.filters .filters-controls{
		justify-content: center;
	}
}

/***********************************************/
/* Common **************************************/
/***********************************************/
header#site-header,
footer#site-footer{
	position: relative;
	padding-inline: var(--padding-container-inline);
}
@media(min-width: 1025px){
	header#site-header,
	footer#site-footer{
		padding-block: var(--gutter);
	}
}

/****************************/


/***********************************************/
/* Header **************************************/
/***********************************************/
header#site-header{
	width: 100vw;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-block: var(--gap-600);
	height: var(--height-header);
	background-color: transparent;
	font-family: var(--ff-heading);
	font-size: var(--fs-header);
	color: var(--color-text-white);
	display: flex;
	align-items: center;
	z-index: var(--z-header);
	/* background-color: blue; */
}
/* header#site-header, */
header#site-header .logo,
header#site-header .logo img,
header#site-header .logo svg,
header#site-header .header-part,
header#site-header .header-group{
	transition: var(--trans);
}

header#site-header .container-fluid{
	display: flex;
	flex-direction: column;
	gap: var(--gap-600);
}

header#site-header .header-group{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gutter, 20px);
}

header#site-header .header-part{
	/* width: 100%; */
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gap-header);
}
header#site-header .header-part--left{justify-content: flex-start;}
header#site-header .header-part--center{justify-content: center;}
header#site-header .header-part--right{justify-content: flex-end;}


/* Header Topbar ************/
/****************************/
header#site-header [data-component="topbar"]{
	/* background-color: red; */
	position: relative;
	height: var(--height-topbar);
	font-family: var(--ff-heading);
	font-size: var(--fs-header);
	color: var(--color-text-white);
}
header#site-header [data-component="topbar"] .header-part--right{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--gap-header);
}
header#site-header [data-component="topbar"] .header-part--right *{
	width: auto;
}
header#site-header [data-component="topbar"] [data-widget="language-switcher"] .options a,
header#site-header [data-component="topbar"] [data-widget="language-switcher"] .options span{
	color: var(--color-text-white);
}
header#site-header [data-component="topbar"] .item.item--list-icon a,
header#site-header [data-component="topbar"] .item.item--list-icon a.link{
	font-family: var(--ff-heading);
}


/****************************/
/* Header Main **************/
/****************************/
header#site-header #header-group-main .header-part:empty{
	display: none;
}
header#site-header #header-group-main .header-part.header-part--right{
	flex-direction: column;
	align-items: flex-end;
	gap: var(--gap-500);
}
header#site-header #header-group-main .logo svg,
header#site-header #header-group-main .logo img{
	width:auto;
	height: var(--height-logo);
}

/********************************/
/* Header Navigation ************/
/********************************/
header#site-header .header-navigation nav ul{
	display: flex;
	align-items: center;
	gap: var(--gap-800);
	row-gap: var(--gap-100);
	flex-wrap: wrap;
	justify-content: center;
}

header#site-header .header-navigation nav ul li,
header#site-header .header-navigation nav ul li a{
	position: relative;
}
header#site-header .header-navigation nav ul li a,
header#site-header .header-navigation nav ul li a svg path{
	transition: var(--trans);
}
header#site-header .header-navigation nav ul li a{
	font-family: var(--ff-heading);
	font-size: var(--fs-header);
	text-transform: uppercase;
	color: var(--color-header);
}
header#site-header nav ul li a svg path{
	fill: var(--color-header);
} 

header#site-header .header-part-top{
	gap: var(--gap-header);
}

/* Item Current */
/* header#site-header nav ul li.current-menu-item > a::before{
	transform: scaleX(1);
} */

/* Item CTA */
header#site-header nav.wp-menu.wp-menu--cta ul{
	gap: var(--gap);
}
header#site-header nav ul li.menu-item-cta > a{
	padding: var(--padding-button);
	font-family: var(--ff-btn);
	font-size: var(--fs-header);
	color: var(--color-text-white);
	border: 2px solid var(--color-white);
	border-radius: var(--br-global);
	text-transform: none;
}
header#site-header nav ul li.menu-item-cta > a:hover,
header#site-header nav ul li.menu-item-cta > a:focus{
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-accent);
}
header#site-header nav ul li.menu-item-cta > a::before{
	content: unset;
}
header#site-header nav ul li.menu-item-cta.menu-item-cta--primary > a{
	background-color: var(--color-white);
	border: 2px solid var(--color-white);
	color: var(--color-primary);
}
header#site-header .select-styled,
header#site-header .select-options{
	font-size: var(--fs-500);
}

/*******************/
/* Header [Sticky] */
/*******************/
header#site-header.compact,
header#site-header.sticky{
	position: fixed !important;
	top: 0;
	padding-block: var(--gutter);
	height: var(--height-header--sticky);
	background-color: var(--color-accent);
}
header#site-header.compact .header-navigation nav ul li a,
header#site-header.sticky .header-navigation nav ul li a{
	color: var(--color-white);
}
header#site-header.compact nav ul li.menu-item-cta > a,
header#site-header.sticky nav ul li.menu-item-cta > a{
	border: 2px solid var(--color-white);
}
header#site-header.compact nav ul li.menu-item-cta > a:hover,
header#site-header.sticky nav ul li.menu-item-cta > a:hover,
header#site-header.compact nav ul li.menu-item-cta > a:focus,
header#site-header.sticky nav ul li.menu-item-cta > a:focus,
header#site-header.compact nav ul li.menu-item-cta.menu-item-cta--primary a,
header#site-header.sticky nav ul li.menu-item-cta.menu-item-cta--primary a{
	color: var(--color-accent);
}
/* header#site-header.sticky nav ul li.menu-item-cta > a:hover,
header#site-header.sticky nav ul li.menu-item-cta > a:focus,
header#site-header.sticky nav ul li.menu-item-cta.menu-item-cta--primary a{
	background-color: var(--color-secondary);
	color: var(--color-text);
} */

/* header#site-header.sticky nav ul li.menu-item-cta.menu-item-cta--primary a:hover,
header#site-header.sticky nav ul li.menu-item-cta.menu-item-cta--primary a:focus{
	background-color:hsl(var(--init-secondary-410-hsl));
} */

header#site-header.compact .logo svg,
header#site-header.compact .logo img,
header#site-header.sticky .logo svg,
header#site-header.sticky .logo img{
	width:auto;
	height: var(--height-logo--sticky);
}

header#site-header.compact .container-fluid,
header#site-header.sticky .container-fluid{
	gap: 0;
	transform: translateY(calc(-1 * var(--height-topbar) / 2));
}
header#site-header.compact [data-component="topbar"],
header#site-header.sticky [data-component="topbar"]{
	transform: translateY(-100%);
}

/* @media(min-width: 1025px){
	header#site-header.sticky .logo svg,
	header#site-header.sticky .logo img{
		--height-logo: var(--height-logo--sticky);
	}
} */

header#site-header.compact + main section[data-component="page-builder"]:only-child{
	padding-top: var(--height-header--sticky);
}

/*****************/
/* Header [Open] */
/*****************/
header#site-header.open,
header#site-header.closing{
	z-index: var(--z-header, 2001);
}

@media(max-width: 1024px){
	header#site-header [data-component="topbar"] .header-part:not(.header-part--center),
	header#site-header #header-group-main .header-part--center{
		display: none;
	}
}
@media(min-width: 1025px){
	header#site-header [data-component="topbar"],
	header#site-header .header-group{
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
	}
}

/***********************************************/
/* Footer **************************************/
/***********************************************/
footer#site-footer{
	width: 100%;
	max-width: var(--container-fluid);
	margin-inline: auto;
	padding-block: var(--padding-container-block);
	padding-inline: var(--padding-container-inline);
	display: flex;
	flex-direction: column;
	gap: var(--gap-600);
	background-color: var(--color-accent);
	color: var(--color-white);
}

/* All */
footer#site-footer .row{
	display: flex;
}
footer#site-footer nav ul{
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}
footer#site-footer,
footer#site-footer p,
footer#site-footer ul li a,
footer#site-footer nav ul li,
footer#site-footer nav ul li a{
	font-family: var(--ff-text);
	font-size: var(--fs-footer);
	color: var(--color-white);
}
footer#site-footer .list.gap{
	gap: var(--gap-500);
}
/* Top */
footer#site-footer #footer-top{
	display: flex;
	justify-content: center;
}
footer#site-footer #footer-top .logo img{
	height: var(--height-logo);
}
footer#site-footer #footer-top .grid{
	align-items: end;
}
footer#site-footer #footer-top .grid-column{
	display: flex;
	gap: var(--gutter);
}
footer#site-footer #footer-top .identity{
	display: flex;
	flex-direction: column;
	gap: var(--gap-400);
}
footer#site-footer #footer-top .identity *{
	color: var(--color-white);
}
footer#site-footer #footer-top .identity h5{
	font-size: 20px;
}
/* Main */
footer#site-footer #footer-main .grid-column--address{
	gap: var(--gap-600);
}
footer#site-footer #footer-main .grid-column--address .list > ul{
	gap: var(--gutter-100);
}
footer#site-footer #footer-main .grid-column--address,
footer#site-footer #footer-main .grid-column--address li.group,
footer#site-footer #footer-main .grid-column--address ul{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
footer#site-footer #footer-main .grid-column--address [data-widget="social"]{
	flex-direction: row;
	align-items: center;
	gap: var(--gap-600);
}
footer#site-footer #footer-main .grid-column--address [data-widget="social"] .social-media{
	gap: var(--gap-500);
}
footer#site-footer #footer-main .grid-column--address [data-widget="social"] label{
	all: unset;
	font-size: var(--fs-footer);
	color: var(--color-white);
}
footer#site-footer #footer-main .grid-column--address [data-widget="social"] a:hover svg path,
footer#site-footer #footer-main .grid-column--address [data-widget="social"] a:focus svg path{
	fill: var(--color-white);
}
footer#site-footer #footer-top .grid-column--cta{
	display: none;
}
footer#site-footer [data-widget="reviews"] header{
	font-size: var(--fs-footer);
}
@media(max-width:1024px){
	footer#site-footer .row,
	footer#site-footer .grid-column,
	footer#site-footer #footer-main .grid-column--address,
	footer#site-footer #footer-main .grid-column--extras,
	footer#site-footer #footer-main .grid-column--address li.group,
	footer#site-footer #footer-main .grid-column--address ul{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	footer#site-footer #footer-top .grid-column--logo{
		display: none;
	}
	footer#site-footer #footer-top .grid[data-columns]{
		gap: var(--gutter-700);
	}
	footer#site-footer #footer-top .grid-column--identity{
		order: 2;
	}
	footer#site-footer #footer-top .identity *{
		text-align: center;
		margin-inline: auto;
	}
	footer#site-footer #footer-main .grid-column--address ul li.group:last-child{
		margin-top:var(--gap-500);
	}
	footer#site-footer #footer-main .grid-column--menu nav ul{
		flex-direction: row;
		justify-content: center;
	}
	footer#site-footer #footer-main .grid-column.electra img{
		max-height: 80px;
	}
	footer#site-footer #footer-main .grid-column--address [data-widget="social"] label{
		display: none;
	}
}
@media(min-width:1025px){
	/* Top */
	footer#site-footer #footer-top{
		--offset: 80px;
		margin-top: var(--offset);
	}
	footer#site-footer #footer-top .grid-column--logo .logo{
		transform: translateY(calc(-1 * var(--offset)));
	}
	footer#site-footer #footer-top .grid-column{
		justify-content: center;
		align-items: center;
	}
	footer#site-footer #footer-top .grid-column--logo,
	footer#site-footer #footer-top .grid-column--cta{
		display: flex;
	}
	footer#site-footer #footer-top .grid-column:nth-child(1){
		justify-content: flex-start;
	}
	footer#site-footer #footer-top .grid-column:nth-child(3),
	footer#site-footer #footer-top .grid-column:nth-child(3) .item__actions{
		justify-content: flex-end;
	}
	
	/* Main */
	footer#site-footer #footer-main .grid-column--address{
		gap: var(--gutter-500);
	}
	footer#site-footer #footer-main .grid-column--menu{
		display: flex;
		justify-content: flex-start;
		gap: var(--gap-800);
	}
	footer#site-footer #footer-main .grid-column--address,
	footer#site-footer #footer-main .grid-column--address .list > ul{
		gap: var(--gutter-500);
	}

	footer#site-footer #footer-main .grid-column--extras{
		display: flex;
		align-items: flex-end;
	}

	footer#site-footer #footer-main .grid-column.electra{
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}

	/* Bottom */
	footer#site-footer #footer-bottom{
		justify-content: flex-end;
	}
}


/**************************************************************************************************************/
/***** PROJECT UTILITY ****************************************************************************************/
/**************************************************************************************************************/