/*
Theme Name: Aventurière v2
Author: Aventurière
Author URI: http://aventuriere.ca
Description: Thème entièrement fait pour Aventurière
Version: 1.0
License: Aventurière - Template name
*/

/* --------- 1. Reset CSS --------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, a-propos, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display en block pour les anciens fureteurs */
article, aside, a-propos, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------- 2. Base (général) --------- */
:root {
	--blackgrey: #121212;
	--gold: #887F36;
	--grey: #ACACAC;
	--lightgrey: #AFAFAF;
	--verylightgrey: #DCDCDC;
	--title: retiro-std-24pt, serif;
	--text: Bw Nista Geo, sans-serif;
	--transition2: all 0.2s ease;
}
html {
	
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


body {
	background-color: var(--blackgrey);
	color: var(--lightgrey);
	font: 400 18px var(--text);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
hr {
	border-color: var(--gold);
	border: none;
	border-top: 1px solid var(--gold);
	margin: 40px 0;
	width: 100%;
}
* {
	box-sizing: border-box;
}
button {
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	border-radius: 0;
}
.flexwrap {
	display: flex;
	display: -webkit-flex;
  		-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex {
	display: flex;
		display: -webkit-flex; /* Safari */
}
.rellax {
	transition: transform 6s cubic-bezier(0,1,.5,1);
	-webkit-transition: transform 6s cubic-bezier(0,1,.5,1);
	-moz-transition: transform 6s cubic-bezier(0,1,.5,1);
	-o-transition: transform 6s cubic-bezier(0,1,.5,1);
}
img, svg {
	display: block;
	height: auto;
}
img {
	max-width: 100%;
}
.wp-video {
	border-radius: 12px;
	overflow: hidden;
	position: absolute;
}
a.button {
	border-radius: 32px;
	border: 1px solid var(--gold);
	color: var(--gold);
	display: block;
	font-weight: 500;
	padding: 16px 30px;
	width: fit-content;
}
a.button:hover {
	background-color: var(--gold);
	color: var(--blackgrey);
}
body .pswp {
	background-color: rgba(0,0,0,60%);
}
body .pswp__bg {
	background-color: transparent;
}
.show-mobile, .show-tablet {
	display: none;
}
.show-desktop {
	display: block;
}
.lowcap {
	text-transform: lowercase;
}
/* escorte accueil */

#escortes-dispo{
    padding-bottom: 100px;
}
#escortes-dispo div.ranger{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: calc( 100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    justify-content: center;
}
#escortes-dispo div.ranger article.colonne{
    width: 120px;
}
#escortes-dispo div.ranger article.colonne img{
    width: 100%;
}
#escortes-dispo div.ranger article.colonne h6{
    font-size: .875rem;
    line-height: 1;
    margin: 0 0 .25em;
    text-align: center;
    font-family: var(--title);
    text-transform: uppercase;
    font-weight: 400;
}
#escortes-dispo div.ranger article.colonne p{
    font-size: .75rem;
    line-height: 1;
    margin: 0;
    text-align: center;
}
#escortes-dispo div.ranger article.colonne div.tuile{
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--gold);
    position: relative;
}
#escortes-dispo div.ranger article.colonne div.border{
    border: 1px solid transparent;
    padding: 4px;
    border-radius: 13px;
    transition: all .5s ease;
}
#escortes-dispo div.ranger article.colonne div.border:hover{
    border-color: var(--gold);
}
#escortes-dispo div.ranger article.colonne div.tuile div.texte{
    height: 30px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
/*ESCORTES ET RÉPERTOIRE*/
.escortes-disponibles {
	position: relative;
}
.escortes-disponibles h4 {
	width: 100%;
}
.escortes-disponibles .slider {
	width: 100%;
}
.escortes-disponibles .arrow {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.escortes-disponibles .arrow svg {
	width: 56px;
}
.escortes-disponibles .arrow svg * {
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
.escortes-disponibles .arrow:hover svg * {
	stroke: var(--verylightgrey);
}
.escortes-disponibles .arrow-prev {
	left: -120px;
	order: 2;
}
.escortes-disponibles .arrow-next {
	right: -120px;
	order: 3;
}
.escortes-disponibles .slider {
	order: 1;
}
.escortes-disponibles .slider .slick-list {
	padding: 7px 0;
}
.escortes-disponibles article,
#repertoire-escortes article {
	margin: 0 20px;
	position: relative;
}
.escortes-disponibles article:before,
#repertoire-escortes article:before {
	border: 2px solid var(--blackgrey);
	border-radius: 16px;
	bottom: -7px;
	content: '';
	display: block;
	left: -7px;;
	position: absolute;
	right: -7px; ;
	top: -7px;;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
.escortes-disponibles article:hover:before,
#repertoire-escortes article:hover:before {
	border-color: var(--gold);
}
.escortes-disponibles article .content,
#repertoire-escortes article .content {
	align-content: flex-end;
	-webkit-align-content: flex-end;
	height: 465px;
	position: relative;
	z-index: 0;
}
.escortes-disponibles article .content .texte,
#repertoire-escortes article .content .texte {
	padding: 20px 20px 0;
	position: relative;
	width: 100%;
	z-index: 3;
}
.escortes-disponibles article .content .texte h3,
#repertoire-escortes article .content .texte h3 {
	color: #FFF;
	margin-bottom: 20px;
}
.escortes-disponibles article .content .texte ul,
#repertoire-escortes article .content .texte ul {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 15px;
}
.escortes-disponibles article .content .texte ul li,
#repertoire-escortes article .content .texte ul li {
	border: 1px solid #FFF;
	border-radius: 16px;
	display: block;
	margin: 0 10px 10px 0;
	padding: 3.5px 10px;
}
.escortes-disponibles article .content .texte .profile-link,
#repertoire-escortes article .content .texte .profile-link {
	display: none;
}
.escortes-disponibles article .content .texte .profile-link a,
#repertoire-escortes article .content .texte .profile-link a {
	background-color: var(--gold);
	border: 1px solid var(--gold);
	border-radius: 24px;
	color: var(--blackgrey);
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 11px 33px;
	width: fit-content;
}
.escortes-disponibles article .content .texte .profile-link a:hover,
#repertoire-escortes article .content .texte .profile-link a:hover {
	background-color: transparent;
	border-color: #FFF;
	color: #FFF;
}
.escortes-disponibles article .content .image,
#repertoire-escortes article .content .image {
	border-radius: 10px 10px 0 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
#repertoire-escortes article .content .image {
	border-radius: 8px;
}
.escortes-disponibles article .content .image:before,
#repertoire-escortes article .content .image:before {
	background: linear-gradient(to top, rgba(0,0,0,75%) 15%, rgba(0,0,0,0)) 60%;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.escortes-disponibles article .content .image img,
#repertoire-escortes article .content .image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.escortes-disponibles article .hour {
	align-items: center;
	-webkit-align-items: center;
	background-color: var(--gold);
	border-radius: 0 0 10px 10px;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 20px;
}
.escortes-disponibles article .hour p {
	color: var(--blackgrey);
	font-size: 18px;
	margin: 0;
}
/*FULL WIDTH SLIDER*/
#full-slider {
	position: relative;
	z-index: 0;
}
#full-slider .slider-count {
	background-color: rgba(0,0,0,50%);
	border-radius: 24px;
	color: #969696;
	font-size: 18px;
	left: 40px;
	padding: 9px 24.5px;
	position: absolute;
	top: 40px;
	z-index: 2;
}
#full-slider .slider-count strong {
	color: #FFF;
	font-weight: 400;
}
#full-slider .arrow {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#full-slider .arrow svg {
	height: 56px;
	width: 56px;
}
#full-slider .arrow svg * {
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
#full-slider .arrow:hover svg * {
	stroke: var(--verylightgrey);
}
#full-slider .arrow-prev {
	left: -120px;
	order: 2;
}
#full-slider .arrow-next {
	right: -120px;
	order: 3;
}
#full-slider .slider {
	border-radius: 12px;
	overflow: hidden;
	order: 1;
	width: 100%;
	z-index: 1;
}
#full-slider .slider .slide {
	height: 100%;
	left: 0;
	padding-bottom: 55.55555555555556%;
	position: relative;
	width: 100%;
}
#full-slider .slider .slide img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}
/*FAQ*/
.faq .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.faq .texte {
	width: calc(100%/3 - 20px);
}
.faq .texte h3 {
	font-size: 72px;
	margin-bottom: 80px;
}
.faq .texte p {
	font-size: 24px;
}
.faq .texte a.button {
	margin-top: 40px;
}
.faq .questions {
	width: calc(50% - 20px);
}
.faq .questions>ul>li {
	border-bottom: 1px solid var(--gold);
}
.faq .questions>ul>li span {
	color: var(--gold);
	cursor: pointer;
	display: block;
	font-size: 24px;
	padding: 27px 25px 27px 0;
	position: relative;
}
.faq .questions>ul>li span:before,
.faq .questions>ul>li span:after {
	background-color: var(--gold);
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
.faq .questions>ul>li span:before {
	height: 1px;
	right: 0;
	width: 20px;
}
.faq .questions>ul>li span:after {
	height: 20px;
	right: 10px;
	width: 1px;
}
.faq .questions>ul>li span.open:after {
	transform: translateY(-50%) rotate(-90deg);
}
.faq .questions>ul>li .answer {
	display: none;
	padding-bottom: 30px;
}
.faq .questions>ul>li .answer ul {
	list-style-type: disc;
	padding-left: 20px;
}
.faq .questions>ul>li .answer ul li {
	margin-bottom: 15px;
}
/*FORM*/
form input,
form textarea,
form select,
form button {
	appearance: none;
	-webkit-appearance: none;
	background-color: var(--blackgrey) !important;
	background: var(--blackgrey) !important;
	border: 1px solid var(--gold);
	border-radius: 28px;
	color: var(--gold) !important;
	filter: none;
	height: 56px;
	font: 300 18px var(--text) !important;
	padding: 0 20px;
	width: 100%;
}
form select,
form input[type="checkbox"] {
	appearance: auto;
	-webkit-appearance: auto;
}
section#page form input,
section#page form textarea {
	margin-bottom: 35px;
}
form textarea {
	height: 145px;
	overflow-y: auto;
	padding: 20px;
	resize: none;
	scrollbar-color: initial;
  	scrollbar-width: initial;
}
form select {
	width: initial;
}
form textarea::-webkit-scrollbar {
    display: block;
    width: 30px;
}
form textarea::-webkit-scrollbar-track {
    background: transparent;
}
form textarea::-webkit-scrollbar-thumb{
    background-color: var(--gold);
    background-clip: padding-box;
    border: 11px solid transparent;
    border-radius: 15px;
    transition: var(--transition2);
    	-webkit-transition: var(--transition2);
    	-moz-transition: var(--transition2);
    	-o-transition: var(--transition2);
}
form textarea::-webkit-scrollbar-thumb:hover {
    background-color: #FFF;
}
body.page-template-candidature #formulaire .col-1 form label {
	color: var(--grey);
	font: 300 18px var(--text);
	margin-bottom: 15px;
}
form .wpcf7-not-valid-tip {
	font-size: 14px;
	padding: 5px 0 0;
}
form input::placeholder,
form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--grey) !important;
	font-weight: 300;
	opacity: 1; /* Firefox */
}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--grey) !important;
	font-weight: 300;
}
form input::-ms-5e6165-placeholder,
form textarea::-ms-5e6165-placeholder { /* Microsoft Edge */
	color: var(--grey) !important;
	font-weight: 300;
}
form input:-webkit-autofill::first-line,
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form input:-webkit-autofill:active,
form input:-internal-autofill-selected,
form textarea:-webkit-autofill::first-line,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
form textarea:-webkit-autofill:active,
form textarea:-internal-autofill-selected {
	appearance: none;
	-webkit-appearance: none;
	background-color: var(--blackgrey) !important;
	background: var(--blackgrey) !important;
	box-shadow: 0 0 0 50px var(--blackgrey) inset !important;
		-webkit-box-shadow: 0 0 0 50px var(--blackgrey) inset !important;
	color: var(--gold) !important;
	font: 300 18px var(--text) !important;
	-webkit-text-fill-color: var(--gold) !important;
}
form input:-moz-autofill::first-line,
form input:-moz-autofill,
form input:-moz-autofill:hover,
form input:-moz-autofill:focus,
form input:-moz-autofill:active,
form input:-moz-autofill-preview,
form textarea:-moz-autofill::first-line,
form textarea:-moz-autofill,
form textarea:-moz-autofill:hover,
form textarea:-moz-autofill:focus,
form textarea:-moz-autofill:active,
form textarea:-moz-autofill-preview {
	appearance: none;
	-webkit-appearance: none;
	background-color: var(--blackgrey) !important;
	background: var(--blackgrey) !important;
	box-shadow: 0 0 0 50px var(--blackgrey) inset !important;
		-webkit-box-shadow: 0 0 0 50px var(--blackgrey) inset !important;
	color: var(--gold) !important;
	font: 300 18px var(--text) !important;
	-webkit-text-fill-color: var(--gold) !important;
}
form input[type=submit],
form input[type=button],
form button {
	background-color: var(--gold) !important;
	color: var(--blackgrey) !important;
	cursor: pointer;
	font: 400 20px var(--text);
	padding: 0 65px;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	width: initial;
}
form button {
	font-weight: 500 !important;
}
section#page.commentaire-blacklist form input[type=submit],
section#page.commentaire-blacklist form input[type=button] {
	width: 100%;
}
form input[type=submit]:hover,
form input[type=button]:hover,
form button:hover {
	background-color: var(--blackgrey) !important;
	color: var(--gold) !important;
}
form .wpcf7-response-output {
	border: none !important;
	color: var(--gold);
	font: 400 20px var(--text);
	margin: 0 !important;
	padding: 15px 0 0 !important;
}
form.invalid .wpcf7-response-output {
	color: #dc3232;
}
form.wpcf7-form .form-fields>div {
	margin-bottom: 35px;
	width: 100%;
}
section .form-fields>div:last-of-type {
	margin: 0;
}
form.wpcf7-form .form-fields>div.row,
section#page .row {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
form.wpcf7-form .form-fields>div.row>div,
section#page .row>div {
	width: calc(50% - 20px);
}
table th {
	color: var(--gold);
}
table.tarifs {
	color: var(--gold);
	font: 400 24px var(--text);
	width: 100%;
}
table.tarifs tr td {
	border-bottom: 1px solid var(--gold);
	padding: 27px 0;
}
table.tarifs tr:last-of-type td {
	border: none;
	padding-bottom: 0;
}
table.tarifs tr:first-of-type:last-of-type td {
	border-bottom: 1px solid var(--gold);
	padding-bottom: 27px;
}
table.tarifs tr td:nth-child(2) {
	text-align: right;
}
main {
	padding: 265px 0 150px;
}
::selection {
	background: #49421D; /* WebKit/Blink Browsers */
}		
/*  --------- 3. Structure (layout) --------- */
body *:focus {
	outline: none;
}
/*WRAPPER*/
.wrapper {
	margin: 0 auto;
	max-width: 1560px;
	padding: 0 60px;
	width: 100%;
}
/*HEADER*/
header {
	left: 0;
	padding: 35px;
	position: fixed;
	top: 0;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	width: 100%;
	z-index: 99999999;
}
header.scrolldown {
	background-color: var(--blackgrey);
}
header>.flexwrap {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
header .col-1,
header .col-2 {
	align-items: center;
	-webkit-align-items: center;
}
header ul li a {
	color: var(--lightgrey);
	position: relative;
}
header ul li a span {
	color: var(--lightgrey);
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
header ul li.current-menu-item a:before {
	background-color: var(--gold);
	border-radius: 100%;
	content: '';
	display: block;
	height: 7px;
	left: -15px;
	position: absolute;
	top: calc(50% - 3.5px);
	width: 7px;
}
header ul li a:hover,
header ul li a:hover span {
	color: var(--gold);
}
header .col-1 nav ul li {
	margin-right: 30px;
}
header .col-1 nav ul li:last-of-type {
	margin: 0;
}
header .logo-link {
	margin-right: 35px;
}
header .logo-link svg {
	height: auto;
	width: 87px;
}
header nav ul,
header ul.reseaux {
	display: flex;
	display: -webkit-flex; /* Safari */
  		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	margin-bottom: 0;
}
header .col-2 nav ul li {
	margin-left: 30px;
}
header .col-2 .reseaux {
	margin-left: 30px;
}
header .col-2 .reseaux li {
	margin-left: 25px;
}
header .col-2 .reseaux li:nth-child(1) {
	margin-left: 0;
}
header .col-2 .reseaux li a {
	font-size: 25px;
}
.button.phone {
	background-color: var(--gold);
	border: 1px solid var(--gold);
	border-radius: 28px;
	color: var(--blackgrey);
	display: inline-block;
	font-size: 16px;
	margin-left: 30px;
	padding: 15px;
}
.button.phone:hover {
	background-color: var(--blackgrey);
	color: var(--gold);
}
.button.phone span {
	background-color: var(--blackgrey);
	border-radius: 15px;
	color: var(--gold);
	font-size: 14px;
	margin-left: 15px;
	padding: 6.5px 10px;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
.button.phone:hover span {
	background-color: var(--gold);
	color: var(--blackgrey);
}
/*MENU MOBILE*/
#mobile-header {
	background-color: var(--blackgrey);
	border-bottom: 1px solid var(--gold);
	display: none;
	left: 0;
	padding: 20px;
	position: fixed;
	right: 0;
	top: 0;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	z-index: 9999999;
}
body.home #mobile-header {
	background-color: transparent;
	border: none;
}
#mobile-header.scrolldown,
#mobile-header.open {
	border-bottom: 1px solid var(--gold) !important;
}
body.home #mobile-header.open,
#mobile-header.scrolldown {
	background-color: var(--blackgrey) !important;
}
#mobile-header .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#mobile-header .logo-link svg {
	width: 72px;
}
#mobile-header #burger {
	background-color: var(--gold);
	border: 1px solid var(--gold);
	align-content: center;
	-webkit-align-content: center;
	border-radius: 100%;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
	height: 40px;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	width: 40px;
}
#mobile-header #burger:hover {
	background-color: var(--blackgrey);
}
#mobile-header #burger span {
	background-color: var(--blackgrey);
	display: block;
	height: 1px;
	position: relative;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	width: 22px;
}
#mobile-header #burger span:nth-child(1) {
	margin-bottom: 6px;
}
#mobile-header #burger:hover span {
	background-color: var(--gold);
}
#mobile-header #burger.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 3.5px;
}
#mobile-header #burger.open span:nth-child(2) {
	transform: rotate(-45deg);
	top: -3.5px;
}
#mobile-menu {
	background-color: var(--blackgrey);
	bottom: 0;
	display: none;
	left: 0;
	overflow-y: hidden;
	padding-bottom: 78px;
	position: fixed;
	right: 0;
	top: 88px;
	z-index: 999999;
}
#mobile-menu .content {
	height: 100%;
	overflow-y: auto;
	padding: 30px 0;
	scrollbar-color: initial;
  	scrollbar-width: initial;
}
#mobile-menu .content::-webkit-scrollbar {
    display: block;
    width: 20px;
}
#mobile-menu .content::-webkit-scrollbar-track {
    background: var(--blackgrey);
}
#mobile-menu .content::-webkit-scrollbar-thumb {
    background-color: var(--gold);
    border: 5px solid var(--blackgrey);
    border-radius: 10px;
    transition: var(--transition2);
    	-webkit-transition: var(--transition2);
    	-moz-transition: var(--transition2);
    	-o-transition: var(--transition2);
}
#mobile-menu .content::-webkit-scrollbar-thumb:hover {
    background-color: #FFF;
}
#mobile-menu nav ul {
	text-align: center;
}
#mobile-menu nav.utilitary-menu ul.menu li.wpml-ls-item {
	display: none;
}
#mobile-menu ul li a {
	display: block;
	padding: 10px 0;
	font-size: 25px;
}
#mobile-menu ul li a span {
	font-size: 25px;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
#mobile-menu ul li a:hover {
	color: var(--gold);
}
#mobile-menu ul li a:hover span {
	color: var(--gold);
}
#mobile-menu .bottom-menu {
	background-color: var(--blackgrey);
	border-top: 1px solid var(--gold);
	bottom: 0;
	left: 0;
	padding: 10px 20px;
	position: absolute;
	right: 0;
}
#mobile-menu .bottom-menu .reseaux {
	margin: 0;
}
#mobile-menu .bottom-menu .reseaux li {
	margin-right: 20px;
}
#mobile-menu .bottom-menu .reseaux li a {
	font-size: 35px;
}
#mobile-menu .bottom-menu>.flexwrap {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
/* ACCUEIL */
#parent {
	cursor: none;
	position: relative;
}
@keyframes rotateClockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.play-icon {
	cursor: pointer;
	position: relative;
	width: 190px;
	/*opacity: 0;*/
	/*pointer-events: none;*/
	transition: all 0.3s ease;
	z-index: 10;
}
.play-icon:hover {
	opacity: 0.8;
}
.play-icon.active {
	/*opacity: 1;*/
	position: absolute;
}
.play-icon .play-text {
	animation: rotateClockwise 20s linear infinite;
	display: inline-block;
}
.play-icon .play-text svg {
	transform-origin: 50% 50%;
	max-width: 188px;
	width: 100%;
}
.play-icon .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.play-icon .play svg {
	height: auto;
	max-width: 104px;
	width: 100%;
}
.video-modal {
	background-color: #000;
	opacity: 0;
	pointer-events: none;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	transition: all 0.4s ease;
	width: 100%;
	z-index: 99999999;
}
.video-modal .wp-video {
	border-radius: 0;
}
.video-modal.visible {
	opacity: 1;
	pointer-events: initial;
}
.video-modal .wp-video,
.video-modal .mejs-container,
.video-modal .mejs-inner,
.video-modal video {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain; /* ou contain selon besoin */
  display: block;
}
.video-modal .close {
	align-items: center;
	background-color: #000;
	border: 1px solid var(--gold);
	border-radius: 100%;
	color: var(--gold);
	cursor: pointer;
	display: flex;
	height: 45px;
	line-height: 0;
	font-size: 40px;
	justify-content: center;
	padding-bottom: 10px;
	right: 20px;
	position: absolute;
	top: 20px;
	transition: all 0.3s ease;
	width: 45px;
	z-index: 999;
}
.video-modal .close:hover {
	background-color: var(--gold);
	color: #fff;
}
body.home main {
  padding: 0;
}
body.home main .main-section,
body.page-template-candidature main .main-section {
	align-items: center;
	display: flex;
	min-height: 100vh;
	padding: 130px 0;
}
body.home main .main-section .video-background,
body.page-template-candidature main .main-section .video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1; /* derrière le contenu */
}
body.home main .main-section .video-background:after,
body.page-template-candidature main .main-section .video-background:after {
	background-color: #000;
	content: '';
	display: block;
	height: 100%;
	opacity: 60%;
	position: absolute;
	top: 0;
	width: 100%;
}
body.home main .main-section .video-background video,
body.page-template-candidature main .main-section .video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none; /* empêche les clics */
}
body.home main .main-section .content,
body.page-template-candidature main .main-section .content {
  align-items: center;
  gap: 40px;
  justify-content: space-between;
}
body.home main .main-section .content .col-1 ,
body.page-template-candidature main .main-section .content .col-1 {
  width: 57.639%;
}
body.home main .main-section .content .col-2,
body.page-template-candidature main .main-section .content .col-2 {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 32.223%;
}
body.home main .main-section h1,
body.page-template-candidature main .main-section h1 {
  color: var(--gold);
  font: 400 80px var(--title);
  margin-bottom: 1em;
  text-transform: uppercase;
}
body.home main #nos-escortes {
	padding-bottom: 185px;
}
.main-text {
	justify-content: space-between;
	padding: 120px 0 !important;
}
.main-text .col-1 {
	width: 40.695%;
}
body.home .main-text .col-1 {
	width: 49.167%;
}
body.home .main-text .col-1 p,
body.home .main-text .col-1 ul,
body.home .main-text .col-1 ol {
	font-size: 24px;
}
body.home .main-text .col-2 {
	width: 32.223%;
}
.main-text .col-2 {
	width: 49.167%;
}
body.home .main-text .col-2 p,
body.home .main-text .col-2 ul,
body.home .main-text .col-2 ol {
	font-size: 16px;
}
body.home main #nos-escortes .title {
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 0 80px;
}
body.home main #nos-escortes .title .texte {
	bottom: 20px;
	position: relative;
	width: 32.223%;
}
body.home main #nos-escortes .title .texte p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.67em;
}
body.home main #nos-escortes .title .texte a {
	color: var(--gold);
	font-size: 18px;
	display: inline-block;
	position: relative;
}
body.home main #nos-escortes .title .texte a:hover {
	color: #FFF;
}
body.home main #nos-escortes .title .texte a:after {
	background-color: var(--gold);
	bottom: -5px;
	content: '';
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	width: 100%;
}
body.home main #nos-escortes .title .texte a:hover:after {
	background-color: #FFF;
}
body.home main #nos-escortes .button {
	margin: 60px auto 0;
	order: 4;
}
body.home main #nos-tarifs {
	padding-bottom: 125px;
}
body.home main #nos-tarifs h2 {
	margin-bottom: 40px;
	text-align: center;
}
body.home main #nos-tarifs .content {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.home main #nos-tarifs article:not(.extend-reservation) {
	align-content: space-between;
	-webkit-align-content: space-between;
	border: 1px solid var(--gold);
	border-radius: 24px;
	padding: 45px;
	width: calc(50% - 20px);
}
body.home main #nos-tarifs article>div {
	width: 100%;
}
body.home main article.extend-reservation {
	margin-top: 40px;
}
body.home main #nos-tarifs article h3 {
	margin-bottom: 30px;
}
body.home main #nos-tarifs article p {
	color: #8C8C8C;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
}
body.home main #nos-tarifs article .notes {
	margin-top: 40px;
}
body.home main #nos-tarifs .notice {
	margin-top: 25px;
}
body.home main #nos-tarifs .notice p {
	color: var(--gold);
	font-size: 16px;
	font-style: italic;
	text-align: center;
	width: 100%;
}
body.home main #nos-tarifs a.button {
	margin: 40px auto 0;
}
body.home main .image-texte {
	padding: 125px 0 110px;
}
body.home main .image-texte .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.home main .image-texte h2 {
	margin-bottom: 70px;
}
body.home main .image-texte .texte a.button {
	margin-top: 40px;
}
body.home main .demoiselles-de-choix {
	margin-bottom: 480px;
	position: relative;
}
body.home main .demoiselles-de-choix .image {
	width: calc(50% - 20px);
}
body.home main .demoiselles-de-choix .image-wrap {
	bottom: -320px;
	left: 0;
	position: absolute;
	top: 0;
}
body.home main .demoiselles-de-choix .image img {
	border-radius: 0 24px 24px 0;
	height: 100%;
	object-fit: cover;
	object-position: 75% center;
	width: 100%;
}
body.home main .demoiselles-de-choix .texte {
	width: calc(43% - 20px);
}
body.home main .fantasmes .texte {
	width: calc(42% + 30px);
}
body.home main .fantasmes .image {
	position: relative;
	width: calc(43% - 20px);
}
body.home main .fantasmes .image-wrap {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: -320px;
}
body.home main .fantasmes .image img {
	border-radius: 24px;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}
body.home main .endroit-unique {
	padding: 110px 0 100px;
}
body.home main .endroit-unique .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.home main .endroit-unique .titre {
	width: calc(52% - 170px);
}
body.home main .endroit-unique .texte {
	position: relative;
	width: calc(48% - 80px);
}
body.home main .endroit-unique .texte a {
	background-color: var(--gold);
	color: var(--blackgrey);
	margin-top: 30px;
	padding: 16px 60px;
}
body.home main .endroit-unique .texte a:hover {
	background-color: var(--blackgrey);
	color: var(--gold);
}
body.home main .endroit-unique #full-slider {
	margin-top: 115px;
}
body.home main .faq {
	padding: 100px 0 205px;
}
/*ESCORTES*/
body.page-template-escortes h1 {
	margin-bottom: 60px;
	text-align: center;
}
body.page-template-escortes h2 {
	margin-bottom: 85px;
	text-align: center;
}
body.page-template-escortes .row-1 {
	overflow: hidden;
}
body.page-template-escortes #repertoire-escortes {
	padding-top: 160px;
}
body.page-template-escortes #repertoire-escortes h2 {
	margin-bottom: 1em;
}
body.page-template-escortes #repertoire-escortes ul.filtres {
	font-size: 18px;
	justify-content: center;
	-webkit-justify-content: center;
	color: #777;
	margin: 0;
	padding-bottom: 60px;
}
body.page-template-escortes #repertoire-escortes ul.filtres li {
	border: 1px solid #777;
	border-radius: 24px;
	cursor: pointer;
	margin: 0 10px 20px;
	padding: 9.5px 20px;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
body.page-template-escortes #repertoire-escortes ul.filtres li:hover {
	background-color: #777;
	color: var(--blackgrey);
}
body.page-template-escortes #repertoire-escortes ul.filtres li.active {
	border-color: var(--gold);
	background-color: var(--gold);
	color: var(--blackgrey);
}
body.page-template-escortes #repertoire-escortes article {
	margin: 0 15px 35px;
	width: calc(25% - 30px);
}
body.page-template-escortes #repertoire-escortes h3.no-results {
	display: none;
}
/*ESCORTE SINGLE*/
body.single-post {
	padding: 230px 0 185px;
}
body.single-post .content {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-bottom: 200px;
}
body.single-post .content .col-1 {
	width: calc(41.666666666666667% - 20px);
}
body.single-post .content .col-1 .main-slider .image {
	border-radius: 24px;
	overflow: hidden;
	position: relative;
}
body.single-post .content .col-1 .main-slider .slide.landscape .image {
	padding-bottom: 65%;
}
body.single-post .content .col-1 .main-slider .slide.portrait .image {
	padding-bottom: 140%;
}
body.single-post .content .col-1 .main-slider .slide.square .image {
	padding-bottom: 100%;
}
body.single-post .content .col-1 .main-slider .image img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: top;
	position: absolute;
	top: 0;
	width: 100%;
}
body.single-post .content .col-1 .navigation {
	margin-top: 25px;
	position: relative;
	z-index: 0;
}
body.single-post .content .col-1 .navigation:before,
body.single-post .content .col-1 .navigation:after {
	background-color: var(--blackgrey);
	content:'';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 12.5px;
	z-index: 1;
}
body.single-post .content .col-1 .navigation:before {
	left: 0;
}
body.single-post .content .col-1 .navigation:after {
	right: 0;
}
body.single-post .content .col-1 .navigation .arrows {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
body.single-post .content .col-1 .navigation .arrows:hover svg * {
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
body.single-post .content .col-1 .navigation .arrows:hover svg * {
	stroke: var(--lightgrey);
}
body.single-post .content .col-1 .navigation .arrows svg {
	width: 35px;
}
body.single-post .content .col-1 .navigation .arrow-prev {
	right: 100%;
}
body.single-post .content .col-1 .navigation .arrow-next {
	left: 100%;
}
body.single-post .content .col-1 .navigation .thumb {
	cursor: pointer;
	margin: 0 12.5px;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
body.single-post .content .col-1 .navigation .thumb:hover {
	opacity: 0.6;
}
body.single-post .content .col-1 .navigation .thumb .image {
	border-radius: 12px;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
}
body.single-post .content .col-1 .navigation .thumb img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	width: 100%;
}
body.single-post .col-2 {
	width: calc(50% - 20px);
}
body.single-post .col-2 ul.filtres {
	color: #FFF;
	font-size: 15px;
	margin-bottom: 35px;
}
body.single-post .col-2 ul.filtres li {
	border: 1px solid #FFF;
	border-radius: 16px;
	display: block;
	margin: 0 10px 10px 0;
	padding: 3.5px 10px;
}
body.single-post .col-2 .description {
	margin-bottom: 50px;
}
body.single-post h2 {
	margin-bottom: 80px;
	text-align: center;
}
body.single-post .specialites h4 {
	color: var(--gold);
	font: 400 18px var(--text);
	margin-bottom: 10px;
}
body.single-post .specialites ul {
	font-size: 16px;
}
body.single-post .specialites ul li:before {
	content: '•';
	color: #fff;
	margin: 0 5px;
}
body.single-post .specialites ul li:first-of-type:before {
	display: none;
}
/*TARIFS*/
body.page-template-tarifs h1 {
	margin-bottom: 60px;
	text-align: center;
}
body.page-template-tarifs h2 {
	color: var(--lightgrey);
	font-size: 40px;
	margin-bottom: 55px;
	text-align: center;
}
body.page-template-tarifs .notice p {
	color: var(--gold);
	font-size: 16px;
	font-style: italic;
	margin: 0px 0 25px;
	text-align: center;
	width: 100%;
}
body.page-template-tarifs article:not(.extend-reservation) {
	border: 1px solid var(--gold);
	border-radius: 24px;
	margin-bottom: 30px;
	padding: 50px;
	position: relative;
}
body.page-template-tarifs article h3 {
	margin-bottom: 30px;
}
body.page-template-tarifs article .notes p {
	color: #8C8C8C;
	font-size: 16px;
}
body.page-template-tarifs article.more {
	margin-bottom: 60px;
}
body.page-template-tarifs article.more p {
	margin: 0;
}
body.page-template-tarifs article.full-width {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	width: 100%;
}
body.page-template-tarifs article.half-width {
	align-content: space-between;
	-webkit-align-content: space-between;
	width: calc(50% - 20px);
}
body.page-template-tarifs article.full-width .texte {
	align-content: space-between;
	-webkit-align-content: space-between;
}
body.page-template-tarifs article .prix {
	margin-top: 40px;
}
body.page-template-tarifs #services-reguliers article.full-width .texte {
	width: calc(30% - 20px);
}
body.page-template-tarifs #autres-services article.full-width .texte {
	width: calc(40% - 20px);
}
body.page-template-tarifs #autres-services article.full-width .texte p {
	font-size: 16px;
}
body.page-template-tarifs #autres-services article.full-width .texte.full {
	width: 100%;
}
body.page-template-tarifs article.full-width .texte h3 {
	width: 100%;
}
body.page-template-tarifs article.full-width .texte>div {
	width: 100%;
}
body.page-template-tarifs article.full-width .prix {
	width: calc(50% - 20px);
}
body.page-template-tarifs #services-reguliers article.full-width .prix {
	column-count: 2;
	column-gap: 40px;
}
body.page-template-tarifs article.full-width .prix .row {
	border-bottom: 1px solid var(--gold);
	display: none;
	padding: 15px 0;
}
body.page-template-tarifs #services-reguliers article.full-width .prix .row {
	border-bottom: 1px solid var(--gold);
	break-inside: avoid;
	-webkit-column-break-inside: avoid;    
	display: none;
	page-break-inside: avoid;
	page-break-inside: avoid;
	padding: 15px 0;
}
body.page-template-tarifs #services-reguliers article.full-width .prix .row:nth-child(-n+6),
body.page-template-tarifs #autres-services article.full-width.more .prix .row:nth-child(-n+3),
body.page-template-tarifs #autres-services article.full-width.all .prix .row {
	display: block;
}
body.page-template-tarifs #services-reguliers article.full-width .prix .row:nth-child(3),
body.page-template-tarifs #services-reguliers article.full-width .prix .row:nth-child(6),
body.page-template-tarifs #services-reguliers article.full-width .prix .row:last-of-type,
body.page-template-tarifs #services-reguliers article.full-width.open .prix .row.last-col1,
body.page-template-tarifs #autres-services article.full-width.more .prix .row:nth-child(3),
body.page-template-tarifs #autres-services article.full-width .prix .row:last-of-type,
body.page-template-tarifs #autres-services article.full-width.open .prix .row.last-col1,
body.page-template-tarifs #autres-services article.full-width.open .prix .row:nth-child(3):last-of-type {
	border-bottom-color: var(--blackgrey);
}
body.page-template-tarifs #services-reguliers article.full-width.open .prix .row:nth-child(3),
body.page-template-tarifs #services-reguliers article.full-width.open .prix .row:nth-child(6),
body.page-template-tarifs #autres-services article.full-width.open .prix .row:nth-child(3),
body.page-template-tarifs #autres-services article.full-width.open .prix .row:nth-child(4) {
	border-bottom-color: var(--gold);
}
body.page-template-tarifs #autres-services article.full-width.all .prix .row:last-of-type {
	padding-bottom: 0;
}
body.page-template-tarifs #autres-services {
	padding-top: 155px;
}
body.page-template-tarifs article.full-width .prix .row>.flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.page-template-tarifs article.full-width .prix .row p {
	color: var(--gold);
}
body.page-template-tarifs article.full-width span.more {
	background-color: var(--gold);
	border-radius: 24px;
	border: 1px solid var(--gold);
	bottom: 0;
	color: var(--blackgrey);
	cursor: pointer;
	font-size: 16px;
	display: block;
	left: 50%;
	padding: 11px 25px;
	position: absolute;
	transform: translate(-50%,50%);
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	white-space: nowrap;
	width: fit-content;
}
body.page-template-tarifs article.full-width span.more:hover {
	background-color: var(--blackgrey);
	color: var(--gold);
}
body.page-template-tarifs article.full-width span.more svg {
	display: inline-block;
	margin-left: 10px;
	transform: none;
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
	width: 15px;
}
body.page-template-tarifs article.full-width span.more.open svg {
	transform: rotateX(180deg);
}
body.page-template-tarifs article.full-width span.more:hover svg * {
	stroke: var(--gold);
}
body.page-template-tarifs article.half-width .texte {
	align-content: space-between;
	-webkit-align-content: space-between;
}
body.page-template-tarifs #services-reguliers {
	padding-bottom: 30px;
}
#prolonger {
	padding: 0 8%;
	width: 100%;
}
body.page-template-tarifs #autres-services .content {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.page-template-tarifs #autres-services article.half-width .texte>div p:first-of-type {
	font-size: 28px;
	margin-bottom: 30px;
}
body.page-template-tarifs #autres-services article.half-width .texte>div p:first-of-type:last-child {
	font-size: 16px;
	margin-bottom: 0;
}
body.page-template-tarifs #autres-services article.half-width .texte,
body.page-template-tarifs #autres-services article.half-width .prix {
	width: 100%;
}
body.page-template-tarifs #autres-services article.full-width h5 {
	color: var(--verylightgrey);
	font: 400 20px var(--text);
	margin-bottom: 10px;
	text-transform: none;
}
body.page-template-tarifs #autres-services article.full-width .prix {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.page-template-tarifs #autres-services article.full-width .prix>.col {
	width: calc(50% - 20px);
}
article.extend-reservation {
	background-color: var(--gold);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 24px;
	border: none;
	margin: 0;
	padding: 35px;
	position: relative;
	width: 100%;
}
article.extend-reservation h3 {
	font-size: 28px;
}
article.extend-reservation h3,
article.extend-reservation p {
	color: var(--blackgrey) !important;
}
article.extend-reservation p {
	font-size: 16px;
}
article.extend-reservation a.button {
	background-color: var(--blackgrey);
	border-color: var(--blackgrey);
	color: var(--gold);
}
article.extend-reservation a.button:hover {
	background-color: var(--gold);
	color: var(--blackgrey);
}
article.extend-reservation .texte {
	width: 55% !important;
}
/*HORAIRES*/
section#horaires h1 {
	margin-bottom: 80px;
	text-align: center;
}
.horaire-arrows {
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 105px;
}
.horaire-arrows .date p {
	color:var(--gold);
	margin-bottom: 0;
	text-align: center;
}
.horaire-arrows .date p.next-week {
	display: none;
}
.horaire-arrows .arrow {
	cursor: pointer;
}
.horaire-arrows .arrow.disabled {
	cursor: not-allowed;
}
.horaire-arrows .arrow.disabled svg * {
	stroke: rgba(255,255,255,15%) !important;
}
.horaire-arrows .arrow svg {
	width: 55px;
}
.horaire-arrows .arrow svg * {
	transition: var(--transition2);
	-webkit-transition: var(--transition2);
	-moz-transition: var(--transition2);
	-o-transition: var(--transition2);
}
.horaire-arrows .arrow:hover svg * {
	stroke: var(--lightgrey);
}
.table-wrap {
	overflow-x: auto;
	padding-bottom: 5px;
	scrollbar-color: initial;
  	scrollbar-width: initial;
	width: 100%;
}
.table-wrap::-webkit-scrollbar {
    display: block;
    width: 30px;
}
.table-wrap::-webkit-scrollbar-track {
    background: transparent;
}
.table-wrap::-webkit-scrollbar-thumb{
    background-color: var(--gold);
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 15px;
    transition: var(--transition2);
    	-webkit-transition: var(--transition2);
    	-moz-transition: var(--transition2);
    	-o-transition: var(--transition2);
}
.table-wrap::-webkit-scrollbar-thumb:hover {
    background-color: #FFF;
}
table.horaire-table tr th {
	color: var(--gold);
	font-size: 18px;
}
table.horaire-table tr th,
table.horaire-table tr td {
	border-bottom: 1px solid var(--gold);
	border-right: 1px solid var(--gold);
	text-align: center;
	padding: 30px;
	vertical-align: middle;
	white-space: nowrap;
}
table.horaire-table tr th:last-of-type,
table.horaire-table tr td:last-of-type {
	border-right: 0;
}
section#horaires table.horaire-table tr th:nth-child(odd),
section#horaires table.horaire-table tr td:nth-child(odd) {
	background-color: #1F1F1F;
}
body.single-post table.horaire-table tr th:nth-child(even),
body.single-post table.horaire-table tr td:nth-child(even) {
	background-color: #1F1F1F;
}
section#horaires table.horaire-table tr th:first-of-type,
section#horaires table.horaire-table tr td:first-of-type {
	background-color: var(--blackgrey);
	border-right: 1px solid var(--gold);
	padding: 0;
	position: sticky;
	z-index: 1;
	left: 0;
}
table.horaire-table tr td:first-of-type a {
	color: var(--gold);
	display: block;
	font: 400 32px var(--title);
	padding: 35px 35px 30px 0;
	text-align: left;
	text-transform: uppercase;
	border-right: 1px solid var(--gold);
}
table.horaire-table tr td:first-of-type img {
	display: block;
	height: auto;
	left: 100%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(10deg);
	transform-origin: -100% 50%;
	transition: all 0.25s ease;
	width: 120px;
	z-index: 1;
}
table.horaire-table tr td:first-of-type a:hover img {
	opacity: 1;
	transform: translateY(-50%) rotate(0);
}
#next-week  {
	display: none;
}
/*CANDIDATURE*/
body.page-template-candidature main {
	padding-top: 0;
}
body.page-template-candidature h1 {
	margin-bottom: 0.6em;
}
body.page-template-candidature .image-texte .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.page-template-candidature .image-texte .texte h2 {
	margin-bottom: 70px;
}
body.page-template-candidature .image-texte .texte p {
	font-weight: 300;
}
body.page-template-candidature .image-texte .texte a.button {
	margin-top: 40px;
}
body.page-template-candidature .intro {
	margin-bottom: 80px;
	position: relative;
}
body.page-template-candidature .intro .image {
	width: calc(50% - 20px);
}
body.page-template-candidature .intro .texte {
	width: calc(43% - 20px);
}
body.page-template-candidature .intro .video-wrap {
	border-radius: 24px 0 0 24px;
	height: 100%;
	overflow: hidden;
	position: absolute;
}
body.page-template-candidature .intro .video-wrap:after {
	background-color: #000;
	content: '';
	display: block;
	height: 100%;
	opacity: 60%;
	position: absolute;
	top: 0;
	width: 100%;
}
body.page-template-candidature .intro video {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover; /* ou contain selon besoin */
	display: block;
}
body.page-template-candidature .intro .play-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}
body.page-template-candidature .pourquoi {
	padding-top: 80px;
}
body.page-template-candidature .pourquoi .texte {
	width: 49.167%;
}
body.page-template-candidature .pourquoi .image {
	position: relative;
	width: 40.695%;
}
body.page-template-candidature .pourquoi .image img {
	border-radius: 24px;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}
body.page-template-candidature .chambres {
	padding: 215px 0 190px;
}
body.page-template-candidature .chambres h2 {
	margin-bottom: 80px;
	text-align: center;
}
body.page-template-candidature .chambres .flexwrap {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
body.page-template-candidature .criteres {
	padding-bottom: 115px;
}
body.page-template-candidature .criteres .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.page-template-candidature .criteres h2 {
	margin-bottom: 65px;
	width: calc(43% - 20px);
}
body.page-template-candidature .criteres .col-1 {
	width: calc(43% - 20px);
}
body.page-template-candidature .criteres .col-1 ul {
	list-style-type: disc;
	padding-left: 20px;
}
body.page-template-candidature .criteres .col-1 ul li {
	margin-bottom: 15px;
}
body.page-template-candidature .criteres .col-1 em {
	font-size: 18px;
}
body.page-template-candidature .criteres .col-2 {
	width: calc(50% - 20px);
}
body.page-template-candidature .criteres .col-2 p {
	font-size: 24px;
	color: var(--grey);
}
body.page-template-candidature .criteres .col-2 p a {
	font-size: 24px;
	color: var(--gold);
	text-decoration: underline;
}
body.page-template-candidature .criteres .col-2 p a:hover {
	color: #FFF;
}
body.page-template-candidature .criteres .col-2 a.button {
	font-size: 18px;
	font-weight: 400;
	margin-top: 45px;
}
body.page-template-candidature .faq {
	padding: 115px 0 220px;
}
body.page-template-candidature #formulaire h2 {
	margin-bottom: 115px;
	width: calc(50% - 20px);
}
body.page-template-candidature #formulaire .content-wrap {
	position: relative;
}
body.page-template-candidature #formulaire .content {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
body.page-template-candidature #formulaire .col-1 {
	width: calc(50% - 20px);
}
.codedropz-upload-handler {
	border: 1px dashed var(--gold);
	border-radius: 28px;
}
body.page-template-candidature .file .label {
	display: none;
}
body.page-template-candidature .dnd-upload-counter {
	right: 15px;
}
body.page-template-candidature .codedropz-upload-inner h3,
body.page-template-candidature .codedropz-upload-inner span,
body.page-template-candidature .codedropz-upload-inner a {
	color: var(--gold);
}
body.page-template-candidature .codedropz-upload-inner a {
	text-decoration: underline;
}
body.page-template-candidature .codedropz-upload-inner h3 {
	font-family: var(--text);
	font-size: 20px;
	margin: 0;
	text-transform: initial;
}
body.page-template-candidature .dnd-upload-status .dnd-upload-details .name span {
	color: var(--grey);
}
body.page-template-candidature .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
	background-color: var(--gold);
}
body.page-template-candidature #formulaire .col-2 {
	width: calc(41.666666666666667% - 20px);
}
body.page-template-candidature #formulaire .col-2 .image {
	height: 100%;
	width: 100%;
}
body.page-template-candidature #formulaire .col-2 .image-wrap {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
}
body.page-template-candidature #formulaire .col-2 .image img {
	border-radius: 24px 0 0 24px;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	width: 100%;
}
/*CONTACT*/
section#commentaires .flexwrap {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
section#commentaires .intro {
	margin-bottom: 75px;
}
section#commentaires .coordonnees {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 60px;
	width: 100%;
}
section#commentaires .coordonnees a.button {

}
section#commentaires .coordonnees a:hover {
	color: var(--gold);
}
section#commentaires .content {
	position: relative;
}
section#commentaires .intro h1 {
	bottom: -20px;
	position: relative;
}
section#commentaires .intro h1,
section#commentaires .content .col-1 {
	width: calc(50% - 20px);
}
section#commentaires .content .col-2 {
	width: calc(41.666666666666667% - 20px);
}
section#commentaires .coordonnees p {
	margin-bottom: 0;
}
section#commentaires .content .col-2 .image-wrap {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
}
section#commentaires .content .col-2 .image img {
	border-radius: 24px 0 0 24px;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}
/*PAGE*/
section#page h1 {
	margin-bottom: 80px;
	text-align: center;
}
section#page h2 {
	margin-bottom: 40px;
	text-align: center;
}
section#page .content {
	text-align: center;
}
section#page .content a.button {
	display: inline-block;
}
/*ADMIN*/
section#page.admin form {
	text-align: center;
}
section#page.admin .button {
	font-size: 16px;
}
section#page.admin .content {
	padding: 0 25%;
}
section#page.admin .content a.button {
	display: block;
	margin: 30px auto;
	min-width: 250px;
}
/*HORAIRE ADMIN*/
section#page.horaire-admin h3 {
	margin: 80px 0 50px;
	text-align: center;
}
section#page.horaire-admin h4 {
	margin-bottom: 20px;
}
section#page.horaire-admin form>h4 {
	text-align: center;
}
section#page.horaire-admin h5 {
	margin-bottom: 20px;
}
section#page.horaire-admin .content a.button {
	display: block;
	margin: 0 auto 30px;
}
section#page.horaire-admin .content button {
	border-radius: 32px;
	font-size: 20px !important;
	height: initial;
	line-height: 1.5em !important;
    padding: 16px 30px;
}
section#page.horaire-admin .row select {
	width: 100%;
}
section#page.horaire-admin form#week-1 input[type=submit] {
	font-weight: 500 !important;
}
section#page.horaire-admin .buttons {
	justify-content: center;
	justify-content: center;
}
section#page.horaire-admin .buttons button,
section#page.horaire-admin .buttons input[type=submit] {
	margin: 0 10px;
}
section#page.horaire-admin label {
	color: var(--gold);
	display: inline-block;
    font: 400 20px var(--title);
    letter-spacing: -0.01em;
    margin-bottom: 20px;
    text-transform: uppercase;
}
section#page.horaire-admin .checkboxes {
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
section#page.horaire-admin .checkboxes li {
	border: 1px solid var(--gold);
	margin: 20px 20px;
}
section#page.horaire-admin .checkboxes li label {
	align-items: center;
	-webkit-align-items: center;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	margin: 0;
	padding: 20px;
}
section#page.horaire-admin .checkboxes li input {
	cursor: pointer;
	height: 25px;
	margin: 0 0 0 15px;
	width: 25px;
}
/*BLACKLIST*/
section#page.blacklist .content {
	padding: 0 25%;
}
section#page.blacklist .content .row input {
	width: 100%;
}
section#page.blacklist form#rechercher_par_email {
	margin-bottom: 60px;
}
section#page.blacklist table a {
	font-size: 18px;
}
section#page.blacklist table a:hover {
	color: var(--gold);
}
section#page.blacklist table tr th {
	color: var(--gold);
	font-size: 18px;
}
section#page.blacklist table tr th,
section#page.blacklist table tr td {
	border-bottom: 1px solid var(--gold);
	text-align: center;
	padding: 15px;
	vertical-align: middle;
}
section#page.blacklist table tr th:nth-child(even),
section#page.blacklist table tr td:nth-child(even) {
	background-color: #1F1F1F;
}
section#page.blacklist .content .row a.button {
	width: 100%;
}
section#page.blacklist .navigation {
	justify-content: center;
	-webkit-justify-content: center;
	margin-top: 35px;
}
section#page.blacklist .navigation a,
section#page.blacklist .navigation span {
	font-size: 22px;
	margin: 0 7px;
}
section#page.blacklist .navigation span.current-page {
	color: var(--gold);
}
section#page.blacklist .navigation a:hover {
	color: var(--gold);
}
section#page.blacklist .navigation a svg * {
	transition: var(--transition2);
}
section#page.blacklist .navigation a:hover svg * {
	stroke: var(--verylightgrey);
}
section#page.blacklist .navigation svg {
	width: 35px;
}
/*COMMENTAIRE BLACKLIST*/
section#page.commentaire-blacklist .content {
	padding: 0 25%;
}
section#page.commentaire-blacklist .content .row a.button {
	width: 100%;
}
/*FOOTER*/
footer h5 {
	color: #FFF;
	font: 400 40px var(--title);
	margin-bottom: 40px;
}
footer p,
footer a {
	font-size: 18px;
}
footer .row-1 {
	border-top: 1px solid var(--grey);
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 95px 0 120px;
}
footer .row-1>.flexwrap {
	width: 57.6%;
}
footer .row-1 .col-1 {
	flex-grow: 0;
	margin-right: 130px;
}
footer .row-1 .col-1 a:hover {
	color: var(--gold);
}
footer .row-1 .col-1 .reseaux {
	margin-bottom: 0;
}
footer .row-1 .col-1 .reseaux a {
	font-size: 24px;
}
footer .row-1 .col-1 .reseaux li {
	margin-right: 30px;
}
footer .row-1 .col-2 {
	flex-grow: 0;
	width: calc(100% - 361px);
}
footer .row-1 .col-2 a {
	border-bottom: 1px solid var(--gold);
	color: var(--gold);
	padding-bottom: 15px;
}
footer .col-2 a:hover {
	border-color: #FFF;
	color: #FFF;
}
footer .col-3 ul {
	margin: 0;
}

footer .col-3 ul li {
	margin-bottom: 20px;
}

/* ---------- 4. liens et navigation ---------- */


a {
	text-decoration: none;
	transition: var(--transition2);
		-webkit-transition: var(--transition2);
		-moz-transition: var(--transition2);
		-o-transition: var(--transition2);
}
		
/* ---------- 5. fonts et textes ---------- */
@font-face {
    font-family: 'Bw Nista Geo';
    src: url('assets/fonts/BwNistaGeo-Md.woff2') format('woff2'),
        url('assets/fonts/BwNistaGeo-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Nista Geo';
    src: url('assets/fonts/BwNistaGeo-Lt.woff2') format('woff2'),
        url('assets/fonts/BwNistaGeo-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Nista Geo';
    src: url('assets/fonts/BwNistaGeo-Bd.woff2') format('woff2'),
        url('assets/fonts/BwNistaGeo-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Nista Geo';
    src: url('assets/fonts/BwNistaGeo-Rg.woff2') format('woff2'),
        url('assets/fonts/BwNistaGeo-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bw Nista Geo';
    src: url('assets/fonts/BwNistaGeo-RgIt.woff2') format('woff2'),
        url('assets/fonts/BwNistaGeo-RgIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

html {
	font-size: 100%;
	scrollbar-color: var(--gold) transparent;
  	scrollbar-width: auto;
}
body {
	font-size: 62.5%;
}
body.no-scroll {
  overflow: hidden;
}
table {
	color: #B4B4B4;
	font: 400 16px/1.5em var(--text);
}
h1 {
	color: var(--gold);
	font: 400 88px/1em var(--title);
	text-transform: uppercase;
}
h2 {
	color: var(--gold);
	font: 400 64px var(--title);
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
h3 {
	color: var(--gold);
	font: 400 38px var(--title);
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
h4 {
	color: var(--gold);
	font: 400 30px var(--title);
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
h5 {
	color: var(--gold);
	font: 400 20px var(--title);
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
p, ul, ol, a {
	color: var(--verylightgrey);
	font: 300 20px/1.5em var(--text);
}
p, ul, ol {
	margin-bottom: 1.2em;
}
p:last-child,
ul:last-child,
ol:last-child {
	margin: 0;
}
p strong,
p b,
ul strong,
ul b,
ol strong,
ol b {
	font-weight: 700;
}
p i,
p em,
ul i,
ul em,
ol i,
ol em {
	font-style: italic;
}
a {
	transition: var(--transition2);
		-webkit-transition: var(--transition2);
		-moz-transition: var(--transition2);
		-o-transition: var(--transition2);
}
/* ------Popup---------- */
#popup-18 .content * {
	text-align: center;
}
#popup, #popup-18{
	z-index: 9999999999;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0,0,0,0.95);
}
#popup-18{
	z-index: 999999999999;
}
#popup span#x, #popup-18 span#x-18{
	font-size: 40px;
	top: 10px;
	right: 30px;
	color: #fff;
	font-weight: 300;
	position: absolute;
	cursor: pointer;
}
#popup div.content, #popup-18 div.content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 768px;
	border: 1px solid var(--gold);
	border-radius: 32px;
	padding: 30px;
	max-height: 90%;
	overflow-y: auto;
	background-color: #000;
}
#popup div.content button#close, #popup-18 div.content button#close-18{
	background-color: transparent;
	color: var(--gold);
	border: 1px solid var(--gold);
	height: 60px;
	border-radius: 30px;
	font-size: 1.25rem;
	display: block;
	margin: 0 auto;
	min-width: 240px;
	cursor: pointer;
	transition: all .5s ease;
	padding: 0 30px;
}
#popup div.content button#close:hover, #popup-18 div.content button#close-18:hover{
	background-color: var(--gold);
	color: #000;
}
/* ---------- 7. mediaQueries ---------- */
@media screen and (max-width: 1730px) {
	#full-slider {
		padding: 0 50px;
	}
	.escortes-disponibles {
		padding: 0 25px;
	}
	#full-slider .arrow-prev,
	.escortes-disponibles .arrow-prev {
		left: -60px;
	}
	#full-slider .arrow-next,
	.escortes-disponibles .arrow-next {
		right: -60px;
	}
	#full-slider .slider-count {
		left: 90px;
	}
	#full-slider .fullscreen {
		right: 90px;
	}
	.escortes-disponibles article {
		margin: 0 15px;
	}
}
@media screen and (max-width: 1600px) {
	#full-slider .arrow-prev,
	.escortes-disponibles .arrow-prev {
		left: -40px;
	}
	#full-slider .arrow-next,
	.escortes-disponibles .arrow-next {
		right: -40px;
	}
	header .logo-link {
		margin-right: 30px;
	}
	header .logo-link svg {
		width: 77px;
	}
	header .col-1 nav ul li {
		margin-right: 25px;
	}
	header .col-2 nav ul li,
	header .col-2 .reseaux,
	.button.phone {
		margin-left: 25px;
	}
	header ul li a,
	header ul li a span {
		font-size: 18px;
	}
	header .col-2 .reseaux li a {
		font-size: 23px;
	}
	header ul li.current-menu-item a:before {
		left: -12px;
	}
}
@media screen and (max-width: 1440px) {
	.wrapper {
		padding: 0 40px;
	}
	a.button {
		border-radius: 30.5px;
	}
	main {
		padding: 180px 0 150px;
	}
	form input,
	form textarea,
	form select,
	form button {
		font-size: 16px !important;
	}
	#full-slider {
		padding: 0 60px;
	}
	.escortes-disponibles {
		padding: 0 35px;
	}
	#full-slider .arrow-prev,
	.escortes-disponibles .arrow-prev {
		left: -20px;
	}
	#full-slider .arrow-next,
	.escortes-disponibles .arrow-next {
		right: -20px;
	}
	#full-slider .slider-count {
		left: 100px;
	}
	#full-slider .fullscreen {
		right: 100px;
	}
	.faq .texte p,
	.faq .questions>ul>li span {
		font-size: 22px;
	}
	.horaire-arrows {
		margin-bottom: 60px;
	}
	header {
		padding: 25px;
	}
	header .logo-link svg {
		width: 72px;
	}
	header .logo-link {
		margin-right: 25px;
	}
	header ul li a,
	header ul li a span {
		font-size: 17px;
	}
	body.home main .main-section .texte p,
	body.page-template-candidature main .main-section .texte p {
		font-size: 18px;
	}
	article.extend-reservation p {
		font-size: 16px;
	}
	body.home main .demoiselles-de-choix,
	body.page-template-candidature .intro {
		margin-bottom: 330px;
	}
	body.home main .demoiselles-de-choix .image,
	body.home main .fantasmes .image,
	body.page-template-candidature .intro .image,
	body.page-template-candidature .pourquoi .image {
		width: calc(40% - 20px);
	}
	body.home main .demoiselles-de-choix .image-wrap,
	body.page-template-candidature .intro .image-wrap {
		bottom: -220px
	}
	body.home main .demoiselles-de-choix .texte,
	body.home main .fantasmes .texte,
	body.page-template-candidature .intro .texte,
	body.page-template-candidature .pourquoi .texte {
	    width: calc(53% - 20px);
	}
	body.home main .fantasmes .image-wrap,
	body.page-template-candidature .pourquoi .image-wrap {
		top: -220px;
	}
	body.home main .endroit-unique .titre {
		width: calc(50% - 170px);
	}
	body.home main .endroit-unique .texte {
		width: calc(55% - 30px);
	}
	body.page-template-escortes #repertoire-escortes article {
		width: calc(100%/3 - 30px);
	}
	table.horaire-table tr td:first-of-type a {
		font-size: 30px;
		padding: 30px 30px 30px 0;
	}
	table.horaire-table tr th,
	table.horaire-table tr td {
		padding: 30px;
	}
	body.page-template-tarifs h2 {
		margin-bottom: 60px;
	}
	body.page-template-tarifs #autres-services article.full-width h5 {
		font-size: 18px;
	}
	article.extend-reservation {
		background-position: right -5% top 50%;
	}
	body.page-template-candidature .criteres .col-1 em {
		font-size: 16px;
	}
	body.page-template-candidature .criteres .col-2 p,
	body.page-template-candidature .criteres .col-2 p a {
		font-size: 22px;
	}
	section#commentaires .intro {
		margin-bottom: 50px;
	}
	section#page .row>div {
		width: calc(50% - 10px);
	}
	section#page .row>div>.row>div,
	section#page.horaire-admin .row>.row>div {
		width: 100%;
	}
	section#page .row>div>.row>div:nth-child(1) {
		margin-bottom: 30px;
	}
	section#page form[name="type_horaire"]>.row>.row {
		width: 100%;
	}
	section#page form[name="type_horaire"]>.row>.row>div {
		margin-bottom: 20px;
	}
	footer .row-1>.flexwrap {
		width: 65%;
	}
	h1 {
		font-size: 108px;
	}
	h2 {
		font-size: 62px;
	}
	section form .wpcf7-response-output,
	p, ul, ol, a {
		font-size: 18px;
	}
}
@media screen and (min-width: 1201px) {
	#mobile-header {
		display: none !important;
	}
}
@media screen and (max-width: 1200px) {
	.play-icon {
		width: 150px;
	}
	.rellax {
		transform: none !important;
	}
	table.tarifs {
		font-size: 22px;
	}
	.horaire-arrows {
		margin-bottom: 40px;
	}
	main {
		padding: 150px 0 100px;
	}
	header {
		display: none;
	}
	body.page-template-candidature .video-content .video-wrap {
		margin: 30px;
	}
	.wrapper {
		padding: 0 30px;
	}
	#mobile-header {
		display: block;
	}
	html.no-scroll {
		overflow: hidden;
	}
	body.home main .main-section h1,
	body.page-template-candidature main .main-section h1 {
		font-size: 65px;
	}
	body.home main #nos-tarifs article {
		margin-bottom: 40px;
	}
	body.home main #nos-tarifs article:not(.extend-reservation) {
		width: calc(50% - 20px);
	}
	article.extend-reservation {
		width: 100%;
	}
	article.extend-reservation h3 {
		font-size: 23px;
	}
	.escortes-disponibles article:before,
	#repertoire-escortes article:before {
		display: none;
	}
	.escortes-disponibles article .content .texte .profile-link,
	#repertoire-escortes article .content .texte .profile-link {
		display: block !important;
		height: initial !important;
	}
	.faq .texte {
		width: calc(45% - 50px);
	}
	.faq .questions {
	    width: calc(55% - 50px);
	}
	.faq .texte h3 {
		font-size: 62px;
	}
	body.single-post {
		padding: 150px 0 100px;
	}
	body.single-post h1 {
		font-size: 78px;
	}
	body.single-post h2 {
		margin-bottom: 40px;
	}
	body.single-post .content {
		padding-bottom: 100px;
	}
	body.single-post .content .col-1 {
		width: calc(45% - 30px);
	}
	body.single-post .content .col-1 .navigation {
		margin-top: 20px;
		padding: 0 35px;
	}
	body.single-post .content .col-1 .navigation:before {
		left: 35px;
		width: 5px;
	}
	body.single-post .content .col-1 .navigation:after {
		right: 35px;
		width: 5px;
	}
	body.single-post .content .col-1 .navigation .arrow-prev {
		left: 0;
		right: initial;
	}
	body.single-post .content .col-1 .navigation .arrow-next {
		left: initial;
		right: 0;
	}
	body.single-post .content .col-1 .navigation .thumb {
		margin: 0 5px;
	}
	body.single-post .col-2 {
	    width: calc(55% - 30px);
	}
	body.page-template-tarifs h2 {
		font-size: 35px;
		margin-bottom: 50px;
	}
	body.page-template-tarifs #services-reguliers {
		padding-bottom: 40px;
	}
	#prolonger {
		padding: 0;
	}
	body.page-template-tarifs #autres-services article.half-width .texte>div p:first-of-type {
		font-size: 24px;
	}
	section#horaires h1 {
		margin-bottom: 50px;
	}
	body.page-template-candidature h1 {
		margin-bottom: 60px;
	}
	body.home main .demoiselles-de-choix .texte,
	body.home main .fantasmes .texte,
	body.page-template-candidature .intro .texte,
	body.page-template-candidature .pourquoi .texte {
		width: calc(55% - 20px);
	}
	body.page-template-candidature .chambres {
		padding: 100px 0;
	}
	body.page-template-candidature .chambres h2 {
		margin-bottom: 40px;
	}
	body.page-template-candidature .criteres {
		padding-bottom: 50px;
	}
	body.page-template-candidature .criteres h2 {
		margin-bottom: 35px;
	}
	body.page-template-candidature .faq {
		padding: 50px 0 100px;
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div,
	section#commentaires form.wpcf7-form .form-fields>div {
		margin-bottom: 20px;
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div.row>div,
	section#commentaires form.wpcf7-form .form-fields>div.row>div {
		width: 100%;
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div.row>div:nth-child(2n+1),
	section#commentaires form.wpcf7-form .form-fields>div.row>div:nth-child(2n+1) {
		margin-bottom: 20px;
	}
	body.page-template-candidature #formulaire h2 {
		margin-bottom: 60px;
	}
	body.page-template-candidature #formulaire .col-1,
	section#commentaires .intro h1,
	section#commentaires .content .col-1 {
	    width: calc(45% - 20px);
	}
	body.page-template-candidature #formulaire .col-2,
	section#commentaires .content .col-2 {
	    width: calc(46.666667% - 20px);
	}
	section#commentaires .intro {
		margin-bottom: 40px;
	}
	section#commentaires .intro h1 {
		bottom: -15px;
	}
	section#commentaires .coordonnees p {
		width: 100%;
	}
	section#commentaires .coordonnees p:nth-child(1) {
		margin-bottom: 40px;
	}
	section#page h1 {
		margin-bottom: 40px;
	}
	footer .row-1 {
		padding: 80px 0;
	}
	footer .row-1>.flexwrap {
		width: calc(100% - 280px);
	}
	h1 {
		font-size: 83px;
	}
	h2 {
		font-size: 56px;
	}
	h3 {
		font-size: 32px;
	}
}
@media screen and (max-width: 1024px) {
	.show-desktop {
		display: none;
	}
	.show-tablet {
		display: block;
	}
	#full-slider .slider-count {
		left: 80px;
		top: 20px;
	}
	#full-slider .fullscreen {
		right: 80px;
		top: 20px;
	}
	#repertoire-escortes article {
		margin: 0 10px;
	}
	.faq .texte {
		width: calc(45% - 50px);
	}
	.faq .questions {
	    width: calc(55% - 50px);
	}
	.faq .texte h3 {
		font-size: 52px;
	}
	body.home main .main-section h1,
	body.page-template-candidature main .main-section h1 {
		font-size: 50px;
	}
	body.home main #nos-tarifs {
		padding-bottom: 80px;
	}
	body.home main .endroit-unique .titre {
		width: calc(45% - 40px);
	}
	body.home main .endroit-unique .texte {
	    width: calc(55% - 40px);
	}
	body.home main .image-texte h2 {
		margin-bottom: 40px;
	}
	body.home main .demoiselles-de-choix .image,
	body.home main .fantasmes .image,
	body.page-template-candidature .pourquoi .image {
		margin-bottom: 40px;
	}
	body.home main .demoiselles-de-choix .image,
	body.page-template-candidature .intro .image,
	body.page-template-candidature .intro .video-wrap {
		height: 400px;
		width: 80%;
	}
	body.page-template-candidature .intro .video-wrap {
		width: 100%;
	}
	body.home main .demoiselles-de-choix,
	body.page-template-candidature .intro {
		margin-bottom: 100px;
	}
	body.page-template-candidature .pourquoi {
		padding-top: 0;
	}
	body.home main .demoiselles-de-choix .image-wrap,
	body.home main .fantasmes .image-wrap,
	body.page-template-candidature .intro .image-wrap,
	body.page-template-candidature .pourquoi .image-wrap {
		bottom: initial;
		height: 100%;
		position: relative;
		right: initial !important;
		top: initial;
	}
	body.home main .demoiselles-de-choix .image-wrap,
	body.page-template-candidature .intro .image-wrap {
		left: -30px !important;
		right: initial !important;
		width: calc(100% + 30px);
	}
	body.home main .demoiselles-de-choix .texte,
	body.home main .fantasmes .texte,
	body.page-template-candidature .intro .texte,
	body.page-template-candidature .pourquoi .texte {
		width: 100%;
	}
	body.home main .fantasmes h2 {
		order: 1;
	}
	body.home main .fantasmes .image {
		height: 600px;
		order: 2;
		width: 60%;
	}
	body.home main .fantasmes .texte {
		order: 3;
	}
	body.home main .image-texte {
		padding: 80px 0 0;
	}
	table.horaire-table tr td:first-of-type a {
		font-size: 27px;
	}
	body.page-template-escortes #repertoire-escortes select {
		margin: 0 auto 60px;
		width: 70%;
	}
	body.page-template-escortes #repertoire-escortes article {
		width: calc(50% - 15px);
	}
	body.page-template-escortes #repertoire-escortes article:nth-child(2n+1) {
		margin: 0 15px 35px 0;
	}
	body.page-template-escortes #repertoire-escortes article:nth-child(2n+2) {
		margin: 0 0 35px 15px;
	}
	body.single-post h1 {
	    font-size: 68px;
	}
	table.horaire-table tr td:first-of-type a {
		padding: 20px 20px 15px 0;
	}
	table.horaire-table tr th,
	table.horaire-table tr td {
		padding: 20px;
	}
	article.extend-reservation {
	    background-position: right -5% top 50%;
	}
	body.page-template-tarifs article:not(.extend-reservation) {
		padding: 30px;
	}
	body.page-template-tarifs #autres-services article.full-width .texte {
		width: 100%;
	}
	body.page-template-tarifs #autres-services article.half-width .texte>div p:first-of-type {
		font-size: 22px;
	}
	body.page-template-tarifs article.full-width .prix {
		margin-top: 30px;
		width: 100%;
	}
	body.page-template-tarifs #services-reguliers article.full-width .texte {
		width: 100%;
	}
	body.page-template-candidature .image-texte .flexwrap {
		gap: 40px;
	}
	body.page-template-candidature .pourquoi h2 {
		order: 1;
	}
	body.page-template-candidature .pourquoi .image {
		height: 600px;
		order: 2;
		width: 60%;
	}
	body.page-template-candidature .pourquoi .texte {
		order: 3;
	}
	body.page-template-candidature .criteres .col-1 {
		margin-bottom: 40px;
		width: 100%;
	}
	body.page-template-candidature .criteres .col-2 {
		width: 100%;
	}
	body.page-template-candidature #formulaire .col-1 {
		width: 100%;
	}
	body.page-template-candidature #formulaire .col-2 {
		display: none;
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div.row>div {
		width: calc(50% - 10px);
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div.row>div:nth-child(2n+1) {
		margin-bottom: 0;
	}
	body.page-template-candidature #formulaire h2 {
		width: 80%;
	}
	section#commentaires .intro h1 {
		bottom: 0;
	}
	section#commentaires .intro h1,
	section#commentaires .coordonnees {
		width: 100%;
	}
	section#commentaires .coordonnees {
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}
	section#commentaires .coordonnees p {
		width: initial;
	}
	section#commentaires .coordonnees p:nth-child(1) {
		margin-right: 80px;
		margin-bottom: 0;
	}
	section#commentaires .content .col-1 {
		margin-bottom: 30px;
		width: 100%;
	}
	section#commentaires form.wpcf7-form .form-fields>div.row>div {
	    width: calc(50% - 10px);
	}
	section#commentaires form.wpcf7-form .form-fields>div.row>div:nth-child(2n+1) {
		margin-bottom: 0;
	}
	section#commentaires .content .col-2 {
		width: 100%;
	}
	section#commentaires .content .col-2 .image {
		height: 400px;
		position: relative;
	}
	section#commentaires .content .col-2 .image-wrap {
		left: -30px !important;
		right: 0;
	}
	section#commentaires .content .col-2 .image img {
		border-radius: 0 24px 24px 0;
	}
	section#page.admin .content {
		padding: 0 15%;
	}
	footer .row-1>.flexwrap {
		width: 100%;
	}
	footer .col-3 {
		margin-top: 60px;
		width: 100%;
	}
	footer .col-3 ul {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		width: 100%;
	}
	footer .col-3 ul li {
		margin: 0 0 0 40px;
	}
	h1 {
	    font-size: 65px;
	}
}
@media screen and (max-width: 900px) {
	body.home main .endroit-unique .titre {
		margin-bottom: 60px;
		width: 100%;
	}
	body.home main .endroit-unique .texte {
	    width: 100%;
	}
	article.extend-reservation {
		background-image: none !important;
	}
	article.extend-reservation .texte {
		width: 100% !important;
	}
	body.page-template-tarifs article.half-width {
		width: 100%;
	}
	body.page-template-candidature .criteres h2 {
		width: 50%;
	}
	.main-text {
		gap: 30px !important;
	}
	.main-text .col-1 {
		width: 100% !important;
	}
	.main-text .col-2 {
		width: 100% !important;
	}
}
@media screen and (max-width: 768px) {
	.play-icon {
		width: 100px;
	}
	body.page-template-candidature .video-content .video-wrap {
		margin: 20px;
	}
	.wrapper {
		padding: 0 20px;
	}
	.show-tablet {
		display: none;
	}
	.show-mobile {
		display: block;
	}
	table {
		font-size: 14px;
	}
	table.horaire-table tr th {
		font-size: 16px;
	}
	table.tarifs tr td {
		padding: 20px 0;
	}
	#full-slider .arrow,
	.escortes-disponibles .arrow {
		margin-top: 40px;
		transform: none;
	}
	#full-slider .arrow-prev,
	.escortes-disponibles .arrow-prev,
	#full-slider .arrow-next,
	.escortes-disponibles .arrow-next {
	    position: initial;
	}
	.escortes-disponibles .arrow-prev {
		margin-right: 25px;
	}
	.escortes-disponibles {
	    padding: 0 40px 0 0;
	}
	.escortes-disponibles .slick-list {
		overflow: initial;
	}
	.escortes-disponibles .slick-list:before {
		background-color: var(--blackgrey);
		content:'';
		display: block;
		height: 100%;
		left: -20px;
		position: absolute;
		width: 20px;
		z-index: 1;
	}
	.escortes-disponibles article {
		margin: 0 20px 0 0;
	}
	.escortes-disponibles article .hour {
		padding: 13px 20px;
	}
	.escortes-disponibles article .hour p {
		font-size: 16px;
	}
	#repertoire-escortes article {
		margin: 0;
	}
	.faq .texte {
		margin-bottom: 60px;
		width: 100%;
	}
	.faq .texte h3 {
	    font-size: 40px;
	    margin-bottom: 35px;
	}
	.faq .texte p {
		font-size: 16px;
	}
	.faq .texte a.button {
		margin-top: 30px;
	}
	.faq .questions {
		width: 100%;
	}
	.faq .questions>ul>li span {
		font-size: 18px;
		padding: 20px 30px 20px 0;
	}
	#mobile-menu .bottom-menu .reseaux li {
		margin-right: 25px;
	}
	#mobile-menu .bottom-menu .reseaux li a {
		font-size: 25px;
	}
	.button.phone {
		font-size: 14px;
		padding: 10px;
	}
	.button.phone span {
		font-size: 12px;
		margin-left: 10px;
	}
	#full-slider {
		padding: 0;
	}
	#full-slider .slider-count {
		background-color: transparent;
		bottom: 0;
		left: 50%;
		padding: 14.5px 0;
		top: initial;
		transform: translateX(-50%);
	}
	#full-slider .fullscreen {
		height: 32px;
		right: 10px;
		top: 10px;
		width: 32px;
	}
	#full-slider .fullscreen svg {
		width: 16px;
	}
	.horaire-arrows {
		margin-bottom: 25px;
	}
	.horaire-arrows .date {
		order: 1;
		margin-bottom: 15px;
		width: 100%;
	}
	.horaire-arrows .arrow.prev {
		order: 2;
	}
	.horaire-arrows .arrow.next {
		order: 3;
	}
	form input[type=submit] {
		width: 100%;
	}
	body.home main #nos-tarifs article:not(.extend-reservation) {
		width: 100%;
	}
	body.home main .main-section .content,
	body.page-template-candidature main .main-section .content {
		justify-content: center;
	}
	body.home main .main-section .content .col-1,
	body.page-template-candidature main .main-section .content .col-1 {
		width: 100%;
	}
	body.home main .main-section .content .col-1 h1,
	body.page-template-candidature main .main-section .content .col-1 h1 {
		text-align: center;
	}
	body.home main .main-section .content .col-1 a.button,
	body.page-template-candidature main .main-section .content .col-1 a.button {
		margin: auto;
	}
	body.home main .main-section h1 br,
	body.page-template-candidature main .main-section h1 br {
		display: none;
	}
	body.home main .main-section .texte,
	body.page-template-candidature main .main-section .texte {
		width: 100%;
	}
	body.home main .main-section .texte .note,
	body.page-template-candidature main .main-section .texte .note {
		width: 100%;
	}
	body.home main .main-section p,
	body.page-template-candidature main .main-section p {
		font-size: 18px;
	}
	body.home main #nos-escortes {
		overflow: hidden;
		padding-bottom: 12xpx;
	}
	body.home main #nos-escortes .title {
		padding-bottom: 40px;
	}
	body.home main #nos-escortes .title h2 {
		margin-bottom: 60px;
		width: 100%;
	}
	body.home main #nos-escortes .title .texte {
		width: 100%;
	}
	body.home main #nos-escortes .title .texte p {
		margin-bottom: 10px;
	}
	body.home main #nos-tarifs {
		padding-bottom: 0;
	}
	body.home main #nos-tarifs h2 {
		margin-bottom: 50px;
	}
	body.home main #nos-tarifs article h3 {
		margin-bottom: 10px;
	}
	article.extend-reservation h3 {
		margin-bottom: 55px;
	}
	body.home main #nos-tarifs article p:first-of-type:last-of-type {
		margin-bottom: 15px;
	}
	body.home main #nos-tarifs article:not(.extend-reservation) {
		padding: 30px;
	}
	article.extend-reservation a.button {
		margin-top: 30px;
	}
	body.home main #nos-tarifs a.button {
		margin: 0 auto;
	}
	body.home main .demoiselles-de-choix .image,
	body.page-template-candidature .intro .image {
		width: calc(100% + 30px);
	}
	body.home main .fantasmes .image,
	body.page-template-candidature .pourquoi .image {
		width: 100%;
	}
	body.home main .endroit-unique {
		padding: 110px 0 65px;
	}
	body.home main .endroit-unique .titre h2 {
		font-size: 56px;
	}
	body.home main .faq {
		padding: 65px 0 80px;
	}
	.main-text {
		gap: 20px !important;
	}
	body.home .main-text .col-1 p, body.home .main-text .col-1 ul, body.home .main-text .col-1 ol {
		font-size: 22px;
	}
	body.home .main-text .col-2 p, body.home .main-text .col-2 ul, body.home .main-text .col-2 ol {
		font-size: 14px;
	}
	body.page-template-escortes h2 {
		margin-bottom: 40px;
	}
	body.page-template-escortes #repertoire-escortes {
		padding-top: 100px;
	}
	body.page-template-escortes #repertoire-escortes h2 {
		margin-bottom: 40px;
	}
	body.page-template-escortes #repertoire-escortes ul.filtres {
		padding-bottom:: 40px;
	}
	body.page-template-escortes #repertoire-escortes article {
		margin: 0 auto 35px !important;
		width: 80%;
	}
	body.single-post {
		padding: 150px 0 100px;
	}
	body.single-post h1 {
	    font-size: 58px;
	    margin-bottom: 10px;
	}
	body.single-post .content {
		padding-bottom: 100px;
	}
	body.single-post .content .col-1 {
		margin-bottom: 60px;
		width: 70%;
	}
	body.single-post .col-2 {
		width: 100%;
	}
	body.single-post .col-2 ul.filtres {
		margin-bottom: 15px;
	}
	table.horaire-table tr td:first-of-type a {
		font-size: 25px;
		padding: 10px 10px 5px 0;
	}
	table.horaire-table tr th,
	table.horaire-table tr td {
		padding: 10px;
	}
	body.single-post h2 {
		margin-bottom: 40px;
	}
	body.page-template-tarifs #autres-services {
		padding-top: 100px;
	}
	body.page-template-tarifs #autres-services article.full-width h5 {
		font-size: 16px;
	}
	body.page-template-tarifs #autres-services article.full-width .prix>.col {
		width: calc(50% - 15px);
	}
	body.page-template-tarifs article h3 {
		margin-bottom: 20px;
	}
	body.page-template-tarifs #autres-services article.half-width .texte>div p:first-of-type {
		font-size: 20px;
		margin-bottom: 20px;
	}
	body.page-template-candidature h1 {
		margin-bottom: 40px;
	}
	body.page-template-candidature .criteres .col-2 p,
	body.page-template-candidature .criteres .col-2 p a {
		font-size: 20px;
	}
	body.page-template-candidature .criteres .col-1 em {
		font-size: 14px;
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div.row>div,
	section#commentaires form.wpcf7-form .form-fields>div.row>div {
		width: 100%;
	}
	body.page-template-candidature form.wpcf7-form .form-fields>div.row>div:nth-child(2n+1),
	section#commentaires form.wpcf7-form .form-fields>div.row>div:nth-child(2n+1) {
		margin-bottom: 20px;
	}
	section#page.admin .content {
		padding: 0;
	}
	section#page.horaire-admin .buttons>div {
		width: 100%;
	}
	section#page.horaire-admin .buttons button {
		margin: 0 0 20px;
		width: 100%;
	}
	section#page.horaire-admin .buttons input[type=submit] {
		margin: 0;
	}
	footer h5 {
		font-size: 32px;
		margin-bottom: 30px;
	}
	footer p,
	footer a {
		font-size: 16px;
	}
	footer .row-1 {
		padding: 60px 0 40px;
	}
	footer .row-1 .col-1,
	footer .row-1 .col-2 {
		width: 100%;
	}
	footer .row-1 .col-1 {
		margin-bottom: 60px;
	}
	footer .col-3 {
		margin-top: 105px;
	}
	footer .col-3 ul {
	    justify-content: flex-start;
	    -webkit-justify-content: flex-start;
	    width: 100%;
	}
	footer .col-3 ul li {
		margin-left: 0;
		margin-right: 25px;
	}
	h1 {
	    font-size: 56px;
	}
	h2 {
	    font-size: 40px;
	}
	h3 {
		font-size: 27px;
	}
	section form .wpcf7-response-output,
	p, ul, ol, a {
	    font-size: 16px;
	}
}
@media screen and (max-width: 600px) {
	body.page-template-candidature .video-content .video-wrap {
		margin: 15px;
	}
	.wrapper {
		padding: 0 15px;
	}
	a.button {
		font-size: 16px;
		padding: 11px 25px;
	}
	body.home main .main-section h1,
	body.page-template-candidature main .main-section h1 {
		font-size: 33px;
	}
	body.single-post .content .col-1 {
		width: 85%;
	}
	body.single-post h1 {
	    font-size: 45px;
	}
	body.page-template-tarifs #services-reguliers article.full-width .prix {
		column-count: initial;
	}
	body.page-template-tarifs #autres-services article.full-width .prix>.col {
		margin-bottom: 35px;
		width: 100%;
	}
	body.page-template-tarifs #autres-services article.full-width .prix>.col:last-child {
		margin-bottom: 0;
	}
	body.page-template-tarifs #services-reguliers article.full-width .prix .row:nth-child(3),
	body.page-template-tarifs #services-reguliers article.full-width.open .prix .row.last-col1 {
		border-bottom: 1px solid var(--gold);
	}
	body.page-template-candidature .criteres h2 {
		width: 80%;
	}
	section#commentaires .coordonnees p {
		width: 100%;
	}
	section#commentaires .coordonnees p:nth-child(1) {
		margin-bottom: 40px;
	}
	h1 {
	    font-size: 51px;
	}
}
@media screen and (max-width: 500px) {
	body.home main .demoiselles-de-choix .image,
	body.home main .intro .image {
		width: 95%;
	}
	.escortes-disponibles article .content,
	#repertoire-escortes article .content {
		height: 410px
	}
	body.page-template-escortes #repertoire-escortes article {
		width: 100%;
	}
	body.single-post .content .col-1 {
		width: 100%;
	}
	body.home main .main-section .texte p,
	body.page-template-candidature main .main-section .texte p {
		font-size: 16px;
	}
}
@media screen and (max-width: 400px) {
	.escortes-disponibles {
		padding: 0 30px 0 0;
	}
	body.home main .demoiselles-de-choix .image,
	body.page-template-candidature .intro .image {
		height: 300px;
	}
	body.page-template-candidature h1 {
		margin-bottom: 30px;
	}
	body.page-template-candidature .criteres h2,
	body.page-template-candidature #formulaire h2 {
		width: 100%;
	}
	section#commentaires .content .col-2 .image {
		height: 300px;
	}
	h1 {
	    font-size: 38px;
	}
}
@media screen and (max-width: 330px) {
	body.home main .main-section h1,
	body.page-template-candidature main .main-section h1 {
		font-size: 28px;
	}
}
/*@media (pointer: coarse) {
	.play-icon {
		pointer-events: initial;
	}
	body.home .play-icon {
		position: relative;
		left: 0 !important;
		top: 0 !important;
	}
  	body.page-template-candidature .play-icon {
  		left: 50% !important;
  		position: absolute !important;
  		transform: translate(-50%,-50%);
  		top: 50% !important;
  	}
}*/