:root{
	--lrk-color-blue: #496377;
	--lrk-color-dark-blue: #364A59;
	--lrk-color-yellow: #D5A700;
	--lrk-color-light-grey: #f3f3f3;
	--lrk-color-grey: #cccccc;
	--lrk-color-white: #ffffff;
	--lrk-color-black: #000000;
	--lrk-gradient-blue : linear-gradient(90deg,rgb(73,99,119) 45%,rgba(255,255,255,0) 45%);
	--lrk-gradient-blue-reverse : linear-gradient(90deg,rgba(255,255,255,0) 55%, rgb(73,99,119) 55%);
	--lrk-box-shadow: 0px 10px 15px #49637729;
	--lrk-box-shadow-light: 0px 10px 15px #8A8A8A17;
}

.has-blue-background-color {background-color: var(--lrk-color-blue) !important;}
.has-blue-color {color: var(--lrk-color-blue) !important;}
.has-dark-blue-background-color {background-color: var(--lrk-color-dark-blue) !important;}
.has-dark-blue-color {color: var(--lrk-color-dark-blue) !important;}
.has-yellow-background-color {background-color: var(--lrk-color-yellow) !important;}
.has-yellow-color {color: var(--lrk-color-yellow) !important;}
.has-light-grey-background-color {background-color: var(--lrk-color-light-grey) !important;}
.has-light-grey-color {color: var(--lrk-color-light-grey) !important;}
.has-grey-background-color {background-color: var(--lrk-color-grey) !important;}
.has-grey-color {color: var(--lrk-color-grey) !important;}
.has-white-background-color {background-color: var(--lrk-color-white) !important;}
.has-white-color {color: var(--lrk-color-white) !important;}
.has-black-background-color {background-color: var(--lrk-color-black) !important;}
.has-black-color {color: var(--lrk-color-black) !important;}

@media(min-width: 782px){
	.has-blue-to-transparent-gradient-background {background: var(--lrk-gradient-blue);}
	.has-transparent-to-blue-gradient-background {background: var(--lrk-gradient-blue-reverse);}
}

/*--------------------------------------------------------------
	1. Général
--------------------------------------------------------------*/
.py, .py-l{padding-top: 25px !important; padding-bottom: 25px !important;}
.px, .px-l{padding-left: 50px !important; padding-right: 50px !important;}
.pr, .pr-l{padding-right: 25px !important;}
.pl, .pl-l{padding-left: 25px !important;}
.px-xl{padding-left: 5% !important; padding-right: 5% !important;}
.pl-xl{padding-left: 5% !important;}
.pr-xl{padding-right: 5% !important;}

.m-0{gap: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.mt-0{margin-top: 0 !important;}

@media (min-width: 600px) {
	.px-xl{padding-left: 7.5% !important; padding-right: 7.5% !important;}
	.pr-xl{padding-right: 7.5% !important;}
	.pl-xl{padding-left: 7.5% !important;}
}
@media (min-width: 782px) {
	.py, .py-l{padding-top: 50px !important; padding-bottom: 50px !important;}
	.pr, .pr-l{padding-right: 50px !important;}
	.pl, .pl-l{padding-left: 50px !important;}
	.px-l{padding-left: 5% !important; padding-right: 5% !important;}
	.px-xl{padding-left: 10% !important; padding-right: 10% !important;}
	.pl-xl{padding-left: 10% !important;}
	.pr-xl{padding-right: 10% !important;}
}
@media (min-width: 992px) {
	.px-l{padding-left: 7.5% !important; padding-right: 7.5% !important;}
	.pr-l{padding-right: 7.5% !important;}
	.pl-l{padding-left: 7.5% !important;}
	.px-xl{padding-left: 15% !important; padding-right: 15% !important;}
	.pl-xl{padding-left: 15% !important;}
	.pr-xl{padding-right: 15% !important;}
}
@media (min-width: 1280px) {
	.py-l{padding-top: 80px; padding-bottom: 80px;}
	.px-l{padding-left: 10% !important; padding-right: 10% !important;}
	.pr-l{padding-right: 10% !important;}
	.pl-l{padding-left: 10% !important;}
	.px-xl{padding-left: 20% !important; padding-right: 20% !important;}
	.pl-xl{padding-left: 20% !important;}
	.pr-xl{padding-right: 20% !important;}
}
@media (min-width: 1440px){
	.px-l{padding-left: 12.5% !important; padding-right: 12.5% !important;}
	.pr-l{padding-right: 12.5% !important;}
	.pl-l{padding-left: 12.5% !important;}
	.px-xl{padding-left: 25% !important; padding-right: 25% !important;}
	.pl-xl{padding-left: 25% !important;}
	.pr-xl{padding-right: 25% !important;}
}

@media (min-width: 1680px){	
	.px-xl{padding-left: 27.5% !important; padding-right: 27.5% !important;}
	.pl-xl{padding-left: 27.5% !important;}
	.pr-xl{padding-right: 27.5% !important;}
}

.is-layout-flex.separator{gap: 1em}
.is-layout-flex.separator > *:not(:last-child){position: relative; padding-right: 1em;}
.is-layout-flex.separator > *:not(:last-child):after{content: ''; width: 2px; height: 100%; position: absolute; top: 0; right: 0; background: var(--lrk-color-grey);}
@media(min-width: 782px){
	.is-layout-flex.separator{gap: 2em}
	.is-layout-flex.separator > *:not(:last-child){padding-right: 2em;}
}

/**
*	Prestations
**/
.bloc-prestation.is-layout-flex{border: 2px solid var(--lrk-color-blue); box-shadow: var(--lrk-box-shadow); border-radius: 10px; gap: 1em; padding: 25px; align-items: flex-start; flex-wrap: wrap !important;}
.bloc-prestation.is-layout-flex img{width: 40px; flex-basis: 40px;}
.bloc-prestation.is-layout-flex > .wp-block-group{flex-grow: 0; flex-basis: calc(100% - 40px - 1em);}
.bloc-prestation.is-layout-flex > *:last-child{align-self: flex-end; white-space: nowrap; text-align: right; flex-basis: 100%}
.bloc-prestation.is-layout-flex > *:last-child a{text-decoration: none; font-weight: bold; font-size: var(--wp--preset--font-size--small);}
.bloc-prestation.is-layout-flex > *:last-child a:after{content: url('../images/arrow-right.svg'); display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-left: 10px;}

@media(min-width: 782px){
	
}
@media(min-width: 1280px){
	.bloc-prestation.is-layout-flex{gap: 2em; flex-wrap: nowrap !important;}
	.bloc-prestation.is-layout-flex > .wp-block-group{flex-basis: auto; flex-grow: 1;}
	.bloc-prestation.is-layout-flex > *:last-child{flex-basis: auto;}
}

/**
*	Equipe
**/
.team.is-layout-flex{gap: 2em;}
.team-member{position: relative; height: 350px; border-radius: 10px; overflow: hidden; box-shadow: var(--lrk-box-shadow); flex-basis: 100%; flex-grow: 1; background: var(--lrk-color-white); padding: 0;}
.team-member > .wp-block-group__inner-container{display: flex; gap: 0; flex-direction: column; height: 100%; justify-content: flex-end;}
.team-member h4{position: relative; cursor: pointer; padding: 15px; background: var(--lrk-color-white); z-index: 2; width: 100%;}
.team-member h4:after{position: absolute; content: url('../images/angle-up.svg'); right: 15px; top: calc(50% - 14px); height: auto; width: 14px;}
.team-member h4.active:after{content: url('../images/angle-down.svg');}
.team-member h4 + p{display: none; position: relative; margin: 0; font-size: var(--wp--preset--font-size--small); padding: 0 15px 15px; background: var(--lrk-color-white); z-index: 2;}
.wp-admin .team-member h4 + p{display: block;}
.team-member figure{position: absolute; z-index: 1; top: 0; left: 0; margin: 0; overflow: hidden; width: 100%; height: 100%}
.wp-admin .team-member figure{height: auto !important;}
.team-member figure img{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}

@media(min-width: 782px){
	.team-member{flex-basis: calc(50% - 2em); flex-grow: 0;}
	
}
@media(min-width: 992px){
	.team-member{height: 450px; flex-basis: calc((100% / 3) - 2em);}
	.team-member figure{}
}

/**
*	Page intro
**/
.page-intro{box-shadow: var(--lrk-box-shadow-light); margin-top: 25px;}
.page-intro .wp-block-columns{margin-bottom: 0; gap: 0;}
.page-intro strong{padding-right: 10%; display: block; line-height: 1.6}
.page-intro strong:after{content: ''; height: 3px; width: 70px; background: var(--lrk-color-yellow); display: block; margin-top: 15px;}

@media(min-width: 782px){
	.page-intro{margin-top: 0;}
}

/**
*	Footer contact box
**/
.footer-contact{position: relative;}
.footer-contact:before{position: absolute; z-index: 1; content: ''; opacity: 0.3; background: var(--lrk-color-white); width: 50px; height: 100px; left: 0; top: 0; border-top-right-radius: 9999px; border-bottom-right-radius: 9999px;}
.footer-contact:after{position: absolute; z-index: 1; content: ''; opacity: 0.15; background: var(--lrk-color-white); width: auto; height: 100%; right: 0; top: 0; border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; aspect-ratio: 1 / 2;}
.footer-contact > *{position: relative; z-index: 2;}
.footer-contact .wp-block-group.is-layout-flex{display: flex; padding: 25px; border-radius: 10px; gap: 2em; align-items: center; margin: auto;}
.footer-contact > .wp-block-group__inner-container{position: relative;}
.footer-contact > .wp-block-group__inner-container:after{content: ''; width: 25px; height: 25px; position: absolute; left: 15%; top: 100%; border-radius: 50%; background: var(--lrk-color-white); opacity: 0.4;}
.footer-contact .wp-block-buttons > .wp-block-button .wp-block-button__link{}
.footer-contact .wp-block-buttons > .wp-block-button .wp-block-button__link:before{content: url('../images/icon-mail.svg'); display: inline-block; width: 25px; vertical-align: middle; margin-right: 10px; line-height: 1}
.footer-contact .wp-block-buttons > .wp-block-button .wp-block-button__link:hover:before{content: url('../images/icon-mail-white.svg'); }

@media(min-width: 782px){
	.footer-contact{margin-top: 50px;}
	.footer-contact:before{width: 80px; height: 160px;}
	.footer-contact .wp-block-group.is-layout-flex{max-width: 40%;}
	.footer-contact > .wp-block-group__inner-container:after{width: 50px; height: 50px;}
	
	.footer-contact .wp-block-buttons > .wp-block-button .wp-block-button__link:before{width: 30px;}
}
@media(min-width: 992px){
	 
}