/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/*** PAGE CONTACT ***/
.elementor-widget .elementor-icon-list-item a:hover {
    text-decoration: none;
}
.elementor-widget .elementor-icon-list-item a:hover .elementor-icon-list-text span {
    color: #DB2020;
}


/*** PAGE ACTUALITE ***/
/* Cadre Facebook*/
._1drm._1ds4 {
    border-radius: 10px 10px 0 0;
}
._2lqg {
    border-radius: 0 0 10px 10px;
}


/***
 * 
 * CARTE
 * 
***/

.carte {
    /*max-width: 1140px;*/
	max-width: 98vw;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
	z-index: 5;
    margin-top: 2em;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 13%);
    border-radius: 6px;
    /*padding: 30px;*/
	overflow: hidden;

    display: flex;
    flex-direction: column;
    max-width: 1140px;
    box-sizing: content-box;
}
.carte-spacer {
    height: 4em;
}
.leaflet-tile-container {
    filter: hue-rotate(160deg) contrast(100%) grayscale(60%);
}

.titre-carte {
    display: block;
    width: 100%;
    padding: 20px 30px 10px;
	font-family: Merriweather Sans, sans-serif;
    background: #fff;
}

.leaflet-map.WPLeafletMap {
    border-top: 1px solid #eee;
}
.leaflet-popup-content-wrapper {
    border-radius: 3px !important;
    box-shadow: 0 0 50px rgb(0 0 0 / 30%) !important;
    font-size: 1.3em;
}
.leaflet-popup-content a::after {
    content: ' →';
}
/*
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    background: #000;
    color: #fff;
    font-size: 1.5em;
}
*/
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    /*background: #000;
    background: rgba(0,0,0,.8);*/
	background: rgba(255,255,255,.8);
    background: #fff;
    font-size: 1.5em;
    /*border: none !important;*/
}
.leaflet-touch .leaflet-control-layers {
    padding: 0.5em 1em;
}
.leaflet-control-layers-overlays label {
    padding: 0.1em 0;
}
.leaflet-control-layers-overlays label:hover {
    cursor: pointer;
}
.leaflet-pane.leaflet-marker-pane div svg {
    /*filter: drop-shadow(0 -2px 3px rgb(0 0 0 / 20%));*/
    opacity: .9;
}

.leaflet-control-layers-overlays label:nth-child(1) {
    color: Red;
    display: none;
}
.leaflet-control-layers-overlays label:nth-child(2) {
    color: Goldenrod;
}
.leaflet-control-layers-overlays label:nth-child(3) {
    color: SeaGreen;
}
.leaflet-control-layers-overlays label:nth-child(4) {
    color: DodgerBlue;
}
.leaflet-control-layers-overlays label:nth-child(5) {
    color: Blue;
}
.leaflet-control-layers-overlays label:nth-child(6) {
    color: BurlyWood;
}
.leaflet-control-layers-overlays label:nth-child(7) {
    color: #CB278F;
}
.leaflet-pane.leaflet-marker-pane div.leaflet-interactive:not([class*="marker-cluster"])::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    left: 9px;
    top: 9px;
	opacity: .7;
}
.leaflet-pane.leaflet-marker-pane div.leaflet-interactive:not(.marker-cluster)::before {
    /* display: none; */
    content: '';
    position: absolute;
    left: 19px;
    top: 12px;
    height: 40px;
    width: 10px;
    background: #000;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    filter: blur(6px);
    border-radius: 50%;
    /* transform: translateX(-10%) rotate(15deg); */
    /* box-shadow: 0 10px 10px 10px rgb(0 0 0 / 80%); */
    /* perspective: 10px; */
    transform: rotateX(69deg) translate3d(0px, 0px, 0px) scale3d(1, 1, 1) skew(333deg, 19deg);
}
.marker-cluster div {
	color: #fff !important;
    font-weight: bold !important;
    font-size: 15px !important;
    }
.marker-cluster-small {
	background-color: rgba(243,165,48,.4) !important;
    }
.marker-cluster-small div {
	background-color: rgba(243,165,48,.88) !important;
    }
.marker-cluster-medium {
    background-color: rgba(235,123,45,.4) !important;
    }
.marker-cluster-medium div {
	background-color: rgba(235,123,45,.92) !important;
    }
.marker-cluster span {
    line-height: 28px !important;
    }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
        box-shadow: 0 0 50px rgb(0 0 0 / 30%) !important;
    }
.leaflet-tooltip  {
    transition: opacity 0.2s linear;
    }
.leaflet-tooltip-pane span { display: none; }
.leaflet-tooltip-pane h4 {
    font-size: 1rem;
    margin: 0;
    font-style: italic;
    }