/*
Theme Name: Listable Child
Theme URI: https://pixelgrade.com/demos/listable/
Author: PixelGrade
Author URI: https://pixelgrade.com/
Description: A directory WordPress theme that will help you create and manage a local or global listings site.
Template: listable
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: listable-child-theme
Domain Path: /languages/
Tags: light white, red

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Listable is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: listable' line. */



/* TEMP */

#log {
	display: none;
	position: fixed;
	top: 100px;
	left: 30px;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.23);
	z-index: 99999;
}

::selection {
	background: #ffe83d;
}

.page-template-test .container {
	width: 100%;
}

.page-template-test #masthead {
	display: none;
}

.page-template-test thead {
	font-weight: bold;
}

.page-template-test hr {
	margin-top: 40px!important;
	margin-bottom: 40px!important;
}

.page-template-test .the-content * {
	
}

.page-template-test h1 {
	color: #000!important;
}

.page-template-test .coucou {
	color: red;
}

.page-template-test .pure-table td {
    white-space: nowrap;
}

.page-template-test tr {
	border-bottom: 1px solid #ddd;
}

.page-template-test tr:hover,
.page-template-test tr:focus {
	background: #eee;
}

.alignnone {
	margin: 0;
	display: inline-block;
}

/* ENDTEMP */

.width-auto {
	width: auto!important;
}

/* ===========================

GENERAL

============================== */

.container {
	margin: 0 auto;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
}

.row:before, .row:after,  {
    content: " ";
	display: table;
}


/* BASICS */

.text-center {
	text-align: center;
}

/* BACKGROUNDS */

.bg-yellow, 
.bg-yellow.skew:before,
.bg-yellow.skew:after {
	background: #ffe83d!important;
	color: #333;
}

.bg-blue, 
.bg-blue.skew:before,
.bg-blue.skew:after {
	background: #89f6ff!important;
	color: #333;
}

.bg-grey, 
.bg-grey.skew:before,
.bg-grey.skew:after {
	background: #484848!important;
	color: #fff;
}

.bg-white, 
.bg-white.skew:before,
.bg-white.skew:after {
	background: #fff!important;
	color: #333;
}


/* BUTTONS */

.btn {
	font-weight: 600!important;
}

.btn:hover,
a:hover {
	/* transform: translateY(-2px); */
}

.btn,
.btn:before,
.btn:after {
	transition: all 0.4s 0s!important;
}

.btn.btn-large {
	padding: 14px 35px;
}

.btn.bg-yellow:hover, 
.btn.bg-yellow.skew:hover:before,
.btn.bg-yellow.skew:hover:after {
	background: #ffe83d!important;
	color: #45bbe6;
}

.btn.bg-blue:hover, 
.btn.bg-blue.skew:hover:before,
.btn.bg-blue.skew:hover:after {
	background: #61bce0!important;
	color: #333;
}

.btn.bg-grey:hover, 
.btn.bg-grey.skew:hover:before,
.btn.bg-grey.skew:hover:after {
	background: #333!important;
	color: #fff;
}

.btn.bg-white:hover, 
.btn.bg-white.skew:hover:before,
.btn.bg-white.skew:hover:after {
	background: #fff!important;
	color: #333;
}

/* SKEW */

/*  
!! Seulement pour les blocs d'une hauteur inferieure a 100px
*/

.skew {
	position: relative;
	margin-right: 20px;
}

.skew:after {
	content: '';
    position: absolute;
    top: 0;
    right: -14px;
    width: 35px;
    height: 100%;
    z-index: 1;
    transform: skew(-15deg);
}

.double.skew {
	margin-left: 10px;
}

.double.skew:before {
	content: '';
    position: absolute;
    top: 0;
    left: -14px;
    width: 35px;
    height: 100%;
    z-index: 1;
    transform: skew(-15deg);
}

.reverse.skew {
	margin-right: 0;
	margin-left: 14px;
}

.reverse.skew:after {
	display: none;
}

.reverse.skew:before {
	content: '';
    position: absolute;
    top: 0;
    left: -18px;
    width: 35px;
    height: 100%;
    z-index: 1;
    transform: skew(-15deg);
}

.btn.skew {
	border-radius: 0;
}

/* ===========================

TYPO

============================== */




/* ===========================

COULEURS

============================== */


/* ===========================

HEADER

============================== */

/* .site-header {
    padding-top: 0px;
    position: fixed;
}

.single .site-header {
	position: fixed;
    background-color: transparent!important;
    box-shadow: none;
} */

#masthead {
	max-height: 50px
}

.custom-logo-link {
	top: 25px;
}

@media only screen and (max-width: 900px) {

	.site-branding img {
	    max-height: 85px;
	}

}

/* NAV */

@media only screen and (min-width: 900px) {

	.primary-menu > ul > .page_item:before, ul.primary-menu > .menu-item:before {
	    content: "";
	    height: 1.75rem;
	    left: 0;
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    width: 0;
	}

}

/* SIDEBAR */

.listing-map {
    height: 200px;
    width: auto;
}

.address {
    font-size: 13px;
    line-height: 18px;
    margin-top:  40px;
}


/* ===========================

HOME

============================== */


/* HEADER HOME */

.page-template-front_page .entry-header .page-title {
	display: none;
}

.single:not(.single-job_listing) .entry-header.has-image:before, .page .entry-header.has-image:before {
	opacity: 0.15;
}

.home .entry-header.has-image .search-form, .page-template-front_page .top-categories a {
    position: relative;
    box-shadow: 0 0 95px rgba(0,0,0,0.4);
}

.page-template-front_page .entry-header .top-categories > a {
	display: none;
}

.page-template-front_page .search_jobs--frontpage .search-field {
	border-radius: 3px 0 0 3px!important;
	height: 54px;
}

.page-template-front_page .search_jobs--frontpage .search-submit {
    background-image: none;
    font-size: 1.125rem;
    margin-left: 0;
    padding: 12px 43px;
    padding-left: 28px;
    position: relative;
    border-radius: 0 3px 3px 0
}

.page-template-front_page .search_jobs--frontpage .search-submit svg + span {
	display: none;
}

.page-template-front_page .top-categories a {
    border-radius: 3px;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    margin-right: 20px;
    max-width: none;
    padding: 14px 35px;
    background: #ffe83d!important;
    margin-bottom: 4px;
}

.page-template-front_page .top-categories .cta-text {
	display: none;
}


@media not screen and (min-width: 740px) {

	.page-template-front_page .entry-header .header-content {
	    margin-bottom: 190px;
	}

}

@media screen and (min-width: 900px) {


	.page-template-front_page .search_jobs--frontpage .search-field {
		width: 400px;
	}

	.page-template-front_page .search_jobs--frontpage .search-submit {
		padding: 12px 25px;
	}

}


/* SECTIONS HOME */

.front-page-section.has-bg-image {
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.front-page-section.has-bg-image > .section-wrap {
	position: relative;
	z-index: 1;
}

.front-page-section.has-bg-image:before {
	content: '';
	position: absolute;
	background: #000;
	opacity: 0.15;
	top: 0; right: 0; bottom: 0; left: 0;
}

.front-page-section.has-bg-image .titre-section {
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}


/* DERNIERS ESCAPES */


.liste-escapes .grid__item--widget {
	width: 100%;
}

.escape-link {
	display: block;
}

.liste-escapes a {
	display: block;
}

.liste-escapes article.card {
	position: relative;
	height: 250px;
	max-width: none;
	margin: 0;
	border: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.liste-escapes article.card .post-thumb {
	position: relative;
}

.liste-escapes article.card:before {
	background-color: black;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	transition: all 0.35s 0s;
}

.liste-escapes .escape-link:hover article.card:before {
    opacity: 0.7;
}

.liste-escapes .escape-infos {
	position: relative;
	font-family: "Josefin Sans";
	font-size: 13px;
	color: #ccc;
	font-weight: 400;
	z-index: 2;
}

.liste-escapes .escape-infos {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.liste-escapes .escape-infos > * {
	position: absolute;
}

.escape-enseigne,
.escape-titre,
.escape-punchline {
	padding: 0 10px;
}

.liste-escapes .escape-enseigne {
	left: 0;
	right: 0;
	bottom: 140px;
	text-align: center;
	text-shadow: 0 0 4px #000;
	font-family: "Kreon";
	color: #eee;
	/* font-size: 14px; */
	font-weight: 300;
	letter-spacing: 0.02em;
	text-shadow: 0 0 8px #000, 0 0 15px #000, 0 0 40px #000;
}

.liste-escapes .escape-titre {
	top: 120px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 19px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 8px #000, 0 0 35px rgba(0, 0, 0, 0.73), 0 0 40px rgb(0, 0, 0);
}

.liste-escapes .escape-ville {
	top: 20px;
	left: -26px;
	width: 115px;
	text-align: center;
	background: #45bbe6;
	color: rgb(255, 255, 255);
	transform: rotate(-45deg);
	font-weight: 500;
	letter-spacing: -0.02em;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	padding: 2px 0;
}

.liste-escapes .escape-punchline {
	bottom: 10px;
	left: 0;
	right: 0;
	font-weight: 400;
	text-align: center;
	text-shadow: 0 0 8px #000, 0 0 15px #000, 0 0 40px #000;
}

.coup-de-coeur {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 20px;
	width: 20px;
	box-shadow:  0 0 8px rgba(0, 0, 0, 1);
	border-radius: 50%;
	transform: scale(1.25);
	z-index: 9;
}

.escape-link:hover .coup-de-coeur {
	transform: scale(1.4);
}

.coup-de-coeur img {
	height: 100%!important;
	width: 100%!important;
	display: block;
}

@media screen and (min-width: 768px) {

	.liste-escapes .grid__item--widget {
		width: 50%;
	}

}

@media screen and (min-width: 1200px) {

	.liste-escapes .grid__item--widget {
		width: 25%;
	}

}


/* DERNIERS ARTICLES */


.section-derniers-escapes + .front-page-section .grid {
	justify-content: center;
}



.card--post.type-post a, 
.card--post.type-post .card__image {
	max-height: 250px;
	overflow: hidden;
}

.card--post.type-post a .card__image {
	background-position: center;
}

.card--post.type-post .card__title {
	font-size: 18px;
	text-transform: none;
}

.card--post .card__content {
	padding-top: 24px;
}

.nav-links .nav-next a,
.nav-links .nav-previous a {
    border-radius: 3px;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    margin-right: 1px;
    max-width: none;
    padding: 14px 35px;
    background: #ffe83d!important;
    margin-bottom: 4px;
    font-family: "Josefin Sans";
    font-weight: 600;
}

@media screen and (min-width: 768px) {

	.section-derniers-escapes + .front-page-section .grid__item {
		width: 50%;
	}

	.card--post.type-post a, 
	.card--post.type-post .card__image {
		max-height: 170px;
	}

}


@media screen and (min-width: 1200px) {


	.section-derniers-escapes + .front-page-section .grid__item {
		width: 25%;
	}

}


/* L'ESCAPE GAME POUR LES NULS */

.liste-escape-pour-les-nuls {
	display: flex;
	flex-flow: row wrap;
}

.liste-escape-pour-les-nuls .item {
	margin: 0 auto;
	display: flex;
	margin-bottom: 20px;
	flex-direction: column;
}

.liste-escape-pour-les-nuls .item h4 {
	font-family: "Josefin Sans";
}

.liste-escape-pour-les-nuls .item p {
	margin: 0;
	color: #5a5a5a;
	font-size: 14px;
}

.liste-escape-pour-les-nuls .item:even {
	opacity: 0.5
}

.liste-escape-pour-les-nuls .item figure {
	min-width: 100px;
	width: 100px;
	height: 100px;
	border: 1px solid rgba(0, 0, 0, 0.075);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.liste-escape-pour-les-nuls .item-text {
	padding-left: 20px;
}

@media screen and (max-width: 480px) {

	.liste-escape-pour-les-nuls .item figure {
		margin: 0 auto;
	}

	.liste-escape-pour-les-nuls .item h4 {
		text-align: center;
		margin-top: 10px;
	}

	.liste-escape-pour-les-nuls .item-text {
		padding-left: 0;
	}

	.liste-escape-pour-les-nuls .item p {
		text-align: center;	
	}


}

@media screen and (min-width: 480px) {


	.liste-escape-pour-les-nuls .item {
		max-width: none;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		padding: 0 15px;
	}

}

@media screen and (min-width: 768px) {


	.liste-escape-pour-les-nuls .item {
		width: 50%;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.liste-escape-pour-les-nuls .item:nth-child(1),
	.liste-escape-pour-les-nuls .item:nth-child(3),
	.liste-escape-pour-les-nuls .item:nth-child(5) {
		text-align: right;
		align-items: flex-end;
	}

	.liste-escape-pour-les-nuls .item-text {
		padding: 0;
	}


}

@media screen and (min-width: 992px) {


	.section-pour-les-nuls h3.widget_title--frontpage {
		margin-bottom: 60px;
	}

	.liste-escape-pour-les-nuls .item {
		flex-direction: row; 
	}

	.liste-escape-pour-les-nuls .item-text {
		padding: 0 20px;
	}


	.liste-escape-pour-les-nuls .item:nth-child(1),
	.liste-escape-pour-les-nuls .item:nth-child(3),
	.liste-escape-pour-les-nuls .item:nth-child(5) {
		flex-direction: row-reverse;
		align-items: flex-start;
		text-align: right;
	}

}


/* L'EQUIPE */

.section-equipe .equipe {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.photo-membre-equipe {
	width: 170px;
	height: 170px;
	max-width: 100%;
	border-radius: 200px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: -22px;
}

.photo-membre-equipe {
	border: 8px solid #ffe83d;
}

.membre-equipe .contenu {
	padding: 25px;
	background: #fff;
	border-radius: 3px;
}

.prenom, .sous-titre {
	text-align: center;
	margin: 0;
	font-family: 'Josefin Sans';
}

.sous-titre {
	font-family: 'Kreon';
	font-size: 15px;
}

.bio {
	font-family: 'Josefin Sans';
	font-weight: 300;
	line-height: 1.2;
	font-size: 15px;
	color: #777;
	text-align: justify;
	margin-top: 10px;
}

.bio p {
	margin-bottom: 8px;
}

@media screen and (min-width: 992px) {

	.photo-membre-equipe {
		width: 200px;
		height: 200px;
	}

}


/* ===========================

MAP LISTING

============================== */


.job_filters .search_jobs {
	/* display: flex; */
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 40px 30px 6px;
    background: #ffe83d;
}

.post-type-archive-job_listing .myflex__left {
	padding-top: 60px;
}

.job_listings .card__content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.43);
	padding-top: 50px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 8px #000, 0 0 35px rgba(0, 0, 0, 0.73), 0 0 40px rgb(0, 0, 0);
}

.job_listings .card--listing {
	position: relative;
}

.job_listings .card--listing aside {
	min-height: 200px;
}

.job_listings .card--listing  .card__title.card__title {
	color: #fff;
	font-size: 21px;
	margin: 2px 0 15px;
}

.enseigne img {
	display: none;
}

.job_listings .card__content .escape-punchline {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.job_listings .card__content .card__footer {
	height: 0;
	margin: 0;
}

.job_listings .card__content .card__address {
	display: none;
}

.job_listings .card__content .card__tagline {
	display: none;
}

@media screen and (max-width: 480px) {
	
	.job-listings .card--listing {
		margin: 0 25px;
	}

}


@media screen and (min-width: 560px) {

	.job_listings .card--listing aside {
		/* min-height: 290px; */
	}

	
	.job_listings .card__content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top: 60px;
		padding-bottom:  24px;
		color: #fff;
		text-align: center;
		text-shadow: 0 0 8px #000, 0 0 35px rgba(0, 0, 0, 0.73), 0 0 40px rgb(0, 0, 0);
	}


	.job_listings .card--listing  .card__title.card__title {
		color: #fff;
		font-size: 21px;
		margin: 2px 0 10px;
	}

	.mobile-buttons .btn--filter {
		display: none!important;
	}

	.job_filters .search_jobs {
	    flex-wrap: nowrap;
	}


}



/* MAP */

.pin--selected {
    transform: scale(1.2) translateY(-0.2em);
    transition: all 0.2s 0s;
}

.popup {
	text-align: center;
}

.popup .enseigne {
	position: relative;
	color: #888;
}

.popup .enseigne-img {
    position: absolute;
    left: 15%;
    bottom: 21px;
    width: 70%;
    text-align: center;
}

.popup .enseigne img {
	display: inline-block;
	max-width: 100%!important;
    max-height: 80px;
    border: 3px solid #fff;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


/* ===========================

ESCAPE (GENERAL)

============================== */

.escape-punchline {
	color : #ffe83d;
	font-family: "Josefin Sans";
	font-weight: 500;
	line-height: 1.2;
}

/* ===========================

SINGLE ESCAPE

============================== */



/* ESCAPE HEADER */


.single-job_listing .entry-header {
	padding: 0;
}

.single-job_listing .entry-header .contenu-header:before{
	display: block!important;
	background-color: black;
	bottom: 0;
	content: ""!important;
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

.single-job_listing .entry-header .contenu-header > * {
	position: relative;
	z-index: 2;
}

.single-job_listing .entry-header .contenu-header  {
	text-align: center;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	color: #fff;
}

.single-job_listing .entry-header * {
	text-align: center;
}

.single-job_listing .entry-header:before {
	display: none;
}

.single-job_listing .contenu-header {
	padding: 120px 0 20px;
}

.single-job_listing .contenu-header > * {
	margin: 20px auto!important;
}

.single-job_listing .contenu-header > *:first-child {
	margin-top: 0!important;
}

.single-job_listing .contenu-header > *:last-child {
	margin-bottom: 0!important;
}

.single.single-job_listing .logo-enseigne {
	display: inline-block;
}

.single.single-job_listing .enseigne img {
	display: block;
	max-height: 80px;
}

.single.single-job_listing .nom-enseigne {
	font-family: "Josefin Sans";
	font-size: 18px;
	font-weight: 300;
}

.single.single-job_listing .entry-title {
	width: 90%;
	max-width: 600px;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.08em;
	padding: 20px 0 12px;
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	text-shadow: 0 0 20px #000;
	font-weight: 700;
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%);
}

.single.single-job_listing .entry-header .escape-punchline {
	text-shadow: 0 0 20px #000;
}

@media screen and (min-width: 600px) {
	
	.single.single-job_listing .entry-title {
		font-size: 46px;
	}

}

/* ESCAPE META */

.single.single-job_listing .section-meta .section-wrap {
	max-width: 1070px;
	position: relative;
}

.single.single-job_listing .section-meta {
	position: relative;
	padding: 10px;
	z-index: 3;
}

.single.single-job_listing .entry-meta {
	display: flex;
	flex-wrap: wrap;
	/* padding: 10px; */
	color: #737373;
	/* font-family: 'Josefin Sans'; */
}

.escape-meta {
	width: 100%;
	background: #ffffff;
	margin: 2px 0px;
	padding: 6px 0;
	transform: skew(-15deg);
	display: flex;
	align-items: center;
	min-height: 60px;
}

.escape-meta > .meta-content {
	transform: skew(15deg);
	width: 100%;
}

.meta-body {
	width: 100%;
}

.label-meta {
	text-align: center;
	font-family: "Josefin Sans";
	color: #555;
	font-weight: 700;
	font-size: 15px;
}

.escape-meta.note-globale { order: 1;}
.escape-meta.nb-joueurs { order: 2;}
.escape-meta.difficulte { order: 3;}

@media screen and (min-width: 576px) {

	.single.single-job_listing .section-meta {
		padding: 0;
	}

	.single.single-job_listing .entry-meta {
		flex-wrap: nowrap;
	}

	.escape-meta {
		margin: 0 -15px;
		/* padding: 12px 15px; */
		border: 10px solid #ffe83d;
	}

	.escape-meta.note-globale {order: 2;/* padding-top: 8px; *//* padding-bottom: 14px; */margin: 0px -5px;}
	.escape-meta.nb-joueurs { order: 1;}
	.escape-meta.difficulte { order: 3;}

}

/* Note globale */

.note-globale .label-meta {
	margin-top: 0;
	margin-bottom: 0;
}

.note-globale .meta-body {
}

.note-emojis {
	display: flex;
	align-items: center;
    max-width: 150px;
    margin: 0 auto;
}

.emoji-container {
	flex-grow: 5;
	width: 30px;
	height: 30px;
	opacity: 0.25;
	transform: scale(0.7);
	transition: all 0.2s 0s;
}

.emoji-container.active,
.emoji-container:hover {
	opacity: 1;
	transform: scale(1);
}

.single.single-job_listing .emoji-container .emoji {
	display: block!important;
	width: 100%!important;
	height: 100%!important;
}


/* Nombre de joueurs */

.nb-joueurs {
	font-size: 17px;
	/* text-transform: uppercase; */
	font-family: "Josefin Sans";
}

.nb-joueurs .nb {
	font-size: 18px;
	color: #39d0fb;
	font-weight: 600;
}

/* Difficulte */

.difficulte .niveau.facile {
	color: #16bb16;
}

.difficulte .niveau.normal {
	color: #39d0fb;
}

.difficulte .niveau.difficile {
	color: #f3830c;
}

.difficulte .niveau.expert {
	color: #e06d6d;
}



/* ESCAPE MAIN CONTENT */




@media screen and (min-width: 576px) {

/* 	.note-globale {
	transform: skew(-15deg) scaleY(1.5);
	border-top: 6px solid #ffe83d;
	border-bottom: 6px solid #ffe83d;
}

.escape-meta.note-globale > .meta-content {
	transform: skew(22deg) scaleY(0.66);
}

.escape-meta.note-globale .meta-body {
	margin: -2px 0;
} */

}

@media only screen and (min-width: 900px) {

	.single-job_listing .single_job_listing .column-content {
	    width: 66%;
	}
/* 	.single-job_listing .single_job_listing .column-content {
	width: 67%;
}

.single-job_listing .single_job_listing .column-sidebar {
    width: 33%;
}


.widget_listing_content {
	font-size: 17px;
	padding: 0!important;
	border: 0!important;
} */


}


@media only screen and (min-width: 900px) {



	.job_description {
		font-size: 17px;
	}

}

/* ESCAPE SIDEBAR */

.escape-sidebar {
    margin-bottom: 0;
}

.single-job_listing .listing-sidebar--bottom .widget {
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.single-job_listing .listing-sidebar--bottom .widget:first-child {
	padding-top: 0;
}

.single-job_listing .listing-sidebar--bottom .widget:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.widget-title {
	text-transform: uppercase;
	color: #89f6ff;
}

@media screen and (min-width: 900px) {

	.single-job_listing .single_job_listing .column-sidebar {
	    width: 33%;
	}

}

/* ESCAPEOMETRE */

.listing-sidebar .widget.widget-escapeometre {
	border-color: #f0f0f0;
	/* width: 350px; */
	/* height: 350px; */
	/* border: 2px solid #b6efff; */
	/* border-radius: 50%; */
	font-family: "Josefin Sans";
	font-size: 13px!important;
	height: 330px;
	width: 330px;
	padding: 35px 66px 65px;
	margin: 15px auto -60px;
	background: #ffffff;
	border-radius: 50%;
}

.listing-sidebar .widget.widget-escapeometre .widget-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 20px;
    font-family: "Josefin Sans";
}

.bar-graph {
	width: 100%;
}

.bar-graph li {
	margin-bottom: 11px;
	font-size: 15px;
	position: relative;
}

.progress {
	display: block;
	position: relative;
	height: 5px;
	width: 100%;
	background: #efefef;
}

.progress-bar {
	float: left;
	height: 100%;
	background: #1cb2a4;
	width: attr(data-progress-value) "px";
}

.bar-graph li.decor_immersion .progress-bar {
	background: #48cbff;
}

.bar-graph li.fouille .progress-bar {
	background: #6edfff;
}

.bar-graph li.enigme .progress-bar {
	background: rgb(49, 213, 222);
}

.bar-graph li.manipulation .progress-bar {
	background: rgb(0, 158, 185);
}

/* WIDGET MAP */

.listing-sidebar--bottom .widget_listing_sidebar_map.widget_listing_sidebar_map {
	padding: 20px 0;
}

.listing-map-container {
	overflow: hidden;
}

.listing-address {
    font-style: normal;
    margin: 10px 0 6px;
}


/* WIDGET GALLERY */

.listing-gallery__header {
	display: none;
}

.listing-gallery__items {
	display: flex;
}

.listing-gallery__items > * {
	padding-right: 3px;
}

.listing-gallery__items > *:last-child {
	padding-right: 0;
}


/* WIDGET RESERVER */

.widget-reserver .btn {
	width: 100%;
	color: #444;
}



/* ===========================

TOPS

============================== */

ul.top {
	padding-left: 0;
}

.top-element {
	list-style: none;
}

.top-element a {
	display: flex;
	height: 90px;
	background: #fff;
	transform: translateY(0);
}


.top-element .rang {
	position: relative;
	min-width: 35px;
	text-align: center;
	background: #ffe83d;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	color: #333;
	font-weight: 600;
	font-family: "Josefin Sans";

}

.top-element .rang:after {
	content: '';
	position: absolute;
	top: 0;
	right: -20px;
	width: 35px;
	height: 100%;
	background: #ffe83d;
	border-right: 6px solid #fff;
	z-index: -1;
	transform: skew(-15deg);
}

.top-element figure {
	min-width: 25%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.element-infos {
	padding: 0 15px;
	display: flex;
	flex-direction: column;
}

.element-infos:after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 50px;
    height: 100%;
    background: #fff;
    z-index: -1;
    transform: skew(-15deg);
}

.top-element h2 {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.1rem;
	font-weight: 600;
}

.top-element .enseigne {
	color: #888;
	font-size: 0.8rem;
}

.top-element .adresse {
	font-family: "Josefin Sans";
	color: #aaa;
	font-size: 0.7rem;
	font-weight: 300;
	margin-top:  4px;
	line-height:  1;
}


@media screen and (min-width: 768px) {

	.page-template-template-top ul.top {
		max-width: 750px;
		margin: 0 auto;
	}

	.top-element a {
		display: flex;
		height: 150px;
		background: #fff;
		transform: translateY(0);
	}


	.top-element .rang {
		position: relative;
		min-width: 80px;
		text-align: center;
		background: #ffe83d;
		z-index: 5;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 40px;
		color: #333;
		font-weight: 600;
		font-family: "Josefin Sans";

	}

	.top-element .rang:after {
		content: '';
		position: absolute;
		top: 0;
		right: -20px;
		width: 50px;
		height: 100%;
		background: #ffe83d;
		border-right: 6px solid #fff;
		z-index: -1;
		transform: skew(-15deg);
	}

	.top-element h2 {
		font-size: 2rem;
		font-weight: 600;
		line-height: 1;
	}


	.top-element .enseigne {
		font-size: 0.8rem;
	}

	.top-element .adresse {
		font-size: 0.9rem;
		line-height:  1;
	}

}




/* ===========================

CONTACT

============================== */

.fm-form-container.fm-theme1 .fm-form {
    margin: 0 auto;
}






/* ===========================

SPACING

============================== */


.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m0 { margin: 0; }

.p20 { padding: 20px; }
.p30 {padding: 30px;}
.p0 { padding: 0; }

.mt20 {margin-top: 20px;}
.mb20 { margin-bottom: 20px }
.mt30 { margin-top: 30px }
.mb30 { margin-bottom: 30px }
.mt0 { margin-top: 0 }
.mb0 { margin-bottom: 0 }

.ml20 { margin-left: 20px }
.mr20 { margin-right: 20px }
.ml30 { margin-left: 30px }
.mr30 { margin-right: 30px }
.ml0 { margin-left: 0 }
.mr0 { margin-right: 0 }

.pt20 { padding-top: 20px }
.pb20 { padding-bottom: 20px }
.pt30 { padding-top: 30px }
.pb30 { padding-bottom: 30px }
.pt0 { padding-top: 0 }
.pb0 { padding-bottom: 0 }

.pl20 { padding-left: 20px }
.pr20 { padding-right: 20px }
.pl30 { padding-left: 30px }
.pr30 { padding-right: 30px }
.pl0 { padding-left: 0 }
.pr0 { padding-right: 0 }


@media (min-width: 600px) {

	.ms-m20 { margin: 20px; }
	.ms-m30 { margin: 30px; }
	.ms-m0 { margin: 0; }

	.ms-p20 { padding: 20px; }
	.ms-p30 { padding: 30px; }
	.ms-p0 { padding: 0; }

	.ms-mt20 { margin-top: 20px }
	.ms-mb20 { margin-bottom: 20px }
	.ms-mt30 { margin-top: 30px }
	.ms-mb30 { margin-bottom: 30px }
	.ms-mt0 { margin-top: 0 }
	.ms-mb0 { margin-bottom: 0 }

	.ms-ml20 { margin-left: 20px }
	.ms-mr20 { margin-right: 20px }

	.ms-ml30 { margin-left: 30px }
	.ms-mr30 { margin-right: 30px }
	.ms-ml0 { margin-left: 0 }
	.ms-mr0 { margin-right: 0 }

	.ms-pt20 { padding-top: 20px }
	.ms-pb20 { padding-bottom: 20px }
	.ms-pt30 { padding-top: 30px }
	.ms-pb30 { padding-bottom: 30px }
	.ms-pt0 { padding-top: 0 }
	.ms-pb0 { padding-bottom: 0 }

	.ms-pl20 { padding-left: 20px }
	.ms-pr20 { padding-right: 20px }
	.ms-pl30 { padding-left: 30px }
	.ms-pr30 { padding-right: 30px }
	.ms-pl0 { padding-left: 0 }
	.ms-pr0 { padding-right: 0 }


}

@media (min-width: 768px) {

	.sm-m20 { margin: 20px; }
	.sm-m30 { margin: 30px; }
	.sm-m0 { margin: 0; }
	.sm-p20 { padding: 20px; }
	.sm-p30 { padding: 30px; }
	.sm-p0 { padding: 0; }


	.sm-mt20 { margin-top: 20px }
	.sm-mb20 { margin-bottom: 20px }
	.sm-mt30 { margin-top: 30px }
	.sm-mb30 { margin-bottom: 30px }
	.sm-mt0 { margin-top: 0 }
	.sm-mb0 { margin-bottom: 0 }

	.sm-ml20 { margin-left: 20px }
	.sm-mr20 { margin-right: 20px }

	.sm-ml30 { margin-left: 30px }
	.sm-mr30 { margin-right: 30px }
	.sm-ml0 { margin-left: 0 }
	.sm-mr0 { margin-right: 0 }

	.sm-pt20 { padding-top: 20px }
	.sm-pb20 { padding-bottom: 20px }
	.sm-pt30 { padding-top: 30px }
	.sm-pb30 { padding-bottom: 30px }
	.sm-pt0 { padding-top: 0 }
	.sm-pb0 { padding-bottom: 0 }

	.sm-pl20 { padding-left: 20px }
	.sm-pr20 { padding-right: 20px }
	.sm-pl30 { padding-left: 30px }
	.sm-pr30 { padding-right: 30px }
	.sm-pl0 { padding-left: 0 }
	.sm-pr0 { padding-right: 0 }


}

@media (min-width: 992px) {


	.md-m20 { margin: 20px; }
	.md-m30 { margin: 30px; }
	.md-m0 { margin: 0; }
	.md-p20 { padding: 20px; }
	.md-p30 { padding: 30px; }
	.md-p0 { padding: 0; }

	.md-mt20 { margin-top: 20px }
	.md-mb20 { margin-bottom: 20px }	
	.md-mt30 { margin-top: 30px }
	.md-mb30 { margin-bottom: 30px }	
	.md-mt0 { margin-top: 0 }
	.md-mb0 { margin-bottom: 0 }

	.md-ml20 { margin-left: 20px }
	.md-mr20 { margin-right: 20px }	

	.md-ml30 { margin-left: 30px }
	.md-mr30 { margin-right: 30px }	
	.md-ml0 { margin-left: 0 }
	.md-mr0 { margin-right: 0 }

	.md-pt20 { padding-top: 20px }
	.md-pb20 { padding-bottom: 20px }	
	.md-pt30 { padding-top: 30px }
	.md-pb30 { padding-bottom: 30px }	
	.md-pt0 { padding-top: 0 }
	.md-pb0 { padding-bottom: 0 }

	.md-pl20 { padding-left: 20px }
	.md-pr20 { padding-right: 20px }	
	.md-pl30 { padding-left: 30px }
	.md-pr30 { padding-right: 30px }	
	.md-pl0 { padding-left: 0 }
	.md-pr0 { padding-right: 0 }


}

@media (min-width: 1200px) {


	.lg-m20 { margin: 20px; }
	.lg-m30 { margin: 30px; }
	.lg-m0 { margin: 0; }
	.lg-p20 { padding: 20px; }
	.lg-p30 { padding: 30px; }
	.lg-p0 { padding: 0; }

	.lg-mt20 { margin-top: 20px }
	.lg-mb20 { margin-bottom: 20px }
	.lg-mt30 { margin-top: 30px }
	.lg-mb30 { margin-bottom: 30px }
	.lg-mt0 { margin-top: 0 }
	.lg-mb0 { margin-bottom: 0 }

	.lg-ml20 { margin-left: 20px }
	.lg-mr20 { margin-right: 20px }

	.lg-ml30 { margin-left: 30px }
	.lg-mr30 { margin-right: 30px }
	.lg-ml0 { margin-left: 0 }
	.lg-mr0 { margin-right: 0 }

	.lg-pt20 { padding-top: 20px }
	.lg-pb20 { padding-bottom: 20px }
	.lg-pt30 { padding-top: 30px }
	.lg-pb30 { padding-bottom: 30px }
	.lg-pt0 { padding-top: 0 }
	.lg-pb0 { padding-bottom: 0 }

	.lg-pl20 { padding-left: 20px }
	.lg-pr20 { padding-right: 20px }
	.lg-pl30 { padding-left: 30px }
	.lg-pr30 { padding-right: 30px }
	.lg-pl0 { padding-left: 0 }
	.lg-pr0 { padding-right: 0 }


}