/*
Theme Name:   Elan
Description:  Twenty Twenty Five Child Theme
Author:       Sérgio Alves Santos
Website:      www.studio.hanko.lu
Template:     twentytwentyfive
Version:      1.0
Year:         2025
*/

@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Inria+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Global styles =======================================================================================
===================================================================================================== */
:root {
	--primary: rgba(142, 102, 69, 1);
	--white: white;
}
html {
	scroll-behavior: smooth;
}
body {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1, h2, h3, h5 {
  font-family: "Inria Serif", serif;
  font-weight: 400;
  font-style: normal;
}
/* Cookie banner =======================================================================================
===================================================================================================== */
#cookieChoiceInfo {
	max-width: 400px;
	width: 100%;
	box-sizing: border-box;
	padding: 25px !important;
	text-align: left !important;
	font-size: 1rem;
}
#cookieChoiceInfo>div {
	padding-right: 32px !important;
}
#cookieChoiceInfo span+a {
	display: none;
}
#cookieChoiceDismissIcon {
	width: 40px !important;
	background-position: 11px 12% !important;
	background-color: transparent !important;
}
/* Header ==============================================================================================
===================================================================================================== */
.wp-block-site-logo {
	max-width: 100px; 
}
.wp-container-core-group-is-layout-b1290ad9 {
	align-items: flex-end;
}
.wp-container-core-group-is-layout-e81ed2ed {
	position: relative;
	top: 2px;
}
/* Footer ==============================================================================================
===================================================================================================== */
.p-copyright-date strong {
	font-weight: normal;
}
#popmake-228 {
	padding: 0;
}
@media all and (max-width: 768px) {
	#popmake-228 {
		width: 100% !important;
	}
}
/* Pop-up ==============================================================================================
===================================================================================================== */
.pum-theme-219 .pum-container, .pum-theme-default-theme .pum-container {
    box-shadow: 1px 1px 15px 0px rgba(2, 2, 2, 0.15);
}
button.pum-close {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%2397724E;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='d' d='M1.4,14l-1.4-1.4,5.6-5.6L0,1.4,1.4,0l5.6,5.6L12.6,0l1.4,1.4-5.6,5.6,5.6,5.6-1.4,1.4-5.6-5.6L1.4,14Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center !important; 
    margin: 7px 20px 0 0;
    width: 17px !important;
    box-shadow: none !important;
    color: transparent !important;
    border: none !important;
    text-shadow: none !important;
}
/* Landing page ========================================================================================
===================================================================================================== */
p.icon-mail {
	padding-left: 28px;
	position: relative;
	&:before {
		content: '';
		width: 20px;
		height: 20px;
		background: url(https://www.elanlux.lu/wp-content/uploads/sites/10/2025/11/mail.svg) no-repeat center;
		display: inline-block;
        position: absolute;
        top: 2.5px;
        left: 0;
	}
}
p.icon-insta {
	padding-left: 28px;
	position: relative;
	&:before {
		content: '';
		width: 20px;
		height: 20px;
		background: url(https://www.elanlux.lu/wp-content/uploads/sites/10/2025/11/instagram.svg) no-repeat center;
		display: inline-block;
        position: absolute;
        top: 2.5px;
        left: 0;
	}
}
.div-services h4~p {
	margin-top: 3px;
	display: flex;
	font-size: 1.2rem;
  	align-items: center;
  	position: relative;
  	gap: .5rem;
	border-bottom: 1px #555 dotted;
	justify-content: space-between;
}
.div-services p strong {
	font-weight: normal;
    background: var(--white);
    display: block;
    padding: 0 8px 2px 12px;
    position: relative;
    top: 10px;
}
.div-services p em {
	white-space: nowrap;
	position: relative;
	z-index: 1;
	background: var(--white);
	padding-left: 0.5rem;
    display: block;
    padding: 0 0 2px 8px;
    top: 10px;
}
.services-bars {
	position: relative;
	
	&::before,
	&::after {
		content: '';
		display: block;
		height: 1px;
		width: 38%;
		background: var(--primary);
		position: absolute;
		top: 50%;
	}

	&::before {
		left: 0;
	}

	&::after {
		right: 0;
	}
}
.div-additional-services, .p-close, .p-view-less, .active .service-book-btn {
	display: none;
}
.active .div-additional-services, .active .p-close, .active .p-view-less {
	display: block;
}
.active .p-view-services {
	display: none;
}
.p-view-services, .p-view-less {
	cursor: pointer;
}
.p-view-services:hover, .p-view-less:hover {
	text-decoration: none !important;
}
.p-close {
	width: 20px;
	cursor: pointer;
	height: 20px;
	font-size: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%2397724E;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='d' d='M1.4,14l-1.4-1.4,5.6-5.6L0,1.4,1.4,0l5.6,5.6L12.6,0l1.4,1.4-5.6,5.6,5.6,5.6-1.4,1.4-5.6-5.6L1.4,14Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;    
	position: absolute;
	right: 25px;
    top: 27px;
    opacity: .75;
}
.p-close:hover {
	opacity: 1;
}
.div-services.active {
	max-width: 100%;
    display: flex;
    justify-content: center;
}
.div-services.active>div {
	--white: #FCF8F5;
    background: #FCF8F5;
    padding: 50px 95px 70px;
    max-width: 1200px;
    margin: 20px 0 160px 0;
    position: absolute;
    z-index: 10000;
    top: -70px;
    box-sizing: border-box;
    width: 112%;
}
.div-services.active:after {
	content: "";
	background: rgba(0, 0, 0, .8);
	display: block;
	position: fixed;
	z-index: 999;
	inset: 0;
}
.div-services-columns p {
	margin: 0 0 5px 12px;
}
@media all and (max-width: 768px) {
	.div-services p strong {
		padding: 0 8px 5px 9px;
	}
	figure:has(.wp-image-196) {
		display: none;
	}
	.wp-block-cover {
		 min-height: 250px !important;
	}
	.wp-container-core-group-is-layout-692bd1e4 {
		text-align: center;
		padding-bottom: 45px !important;
		.wp-block-buttons {
			justify-content: center;
			width: 100%;
		}
	}
	.div-services-columns {
		gap: 0;
	}
	.div-services.active>div {
		padding: 10px 20px 30px;
	}
	.services-bars {
		&::before, &::after {
			display: none;
		}
	}
	.div-services h4~p {
		font-size: .75rem;
	}
}
/* Booking Widget ======================================================================================
===================================================================================================== */
.amelia-v2-booking #amelia-container .am-fs-sb__step {
	background-color: transparent !important; 
}