/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */


.elementor-button {
  width: 100% !important;
}

.titre-haut {
	transform: translatey(-4.4vw);
}

.image-full {
	 position:relative;
    overflow:hidden;
    color:#fff;
}

.image-full:before{
   content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 100vw;
  background: #ffffff;
  clip-path: polygon(50% 50%,100% 100%,0% 100%);
  z-index: 0;
  height: 100%;
}

.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
  padding: 0px !important;
}


#elementor-popup-modal-212 {
    width: 100vw;
    height: 100vh;
    background: #FF95D2;
    clip-path: polygon(0 0, 100% 0, 50% 50%);

    animation: menu-slide-down 0.6s cubic-bezier(.76, 0, .24, 1) forwards;
}

/* styles artistes - archives */

.header-archives {
    position: relative;
    cursor: pointer;
	border-bottom: 1px solid #1D1D1B;
}

.header-archives::after {
    content: "→";
	font-size: 2.6vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.25s ease;
}

.content-archives {
    display: none;
	margin: 1.7vw 0px;
}

.content-archives.is-open {
    display: block;
}


.content-archives a.elementor-button {
	margin: 0px 0px 1vw 0px;
}

.header-archives.is-open::after {
    transform: translateY(-50%) rotate(90deg);
}

/* =========================
   LISTE DES ARTISTES
   ========================= */
.equipe {
	color: #707071;
}


.content-archives .e-flexbox-base, .header-archives .e-flexbox-base {
	padding: 0px !important;
}

.liste-artistes {
    position: relative;
    text-align: center;
}

.artiste {
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}


.artiste-identite {
    position: relative;
}

.artiste-nom {
    position: relative;
    color: #ff83d2;
    text-decoration: none;
    cursor: pointer;
}

.artiste-nom:hover,
.artiste-nom:focus {
    color: #ff83d2;
    text-decoration: none;
}

.artiste-annee,
.artiste-pays {
    color: #1d1d1b;
}

.artiste-lien {
    display: inline-block;
    margin-left: 0.15em;
    vertical-align: top;

    opacity: 1;


    transition:
        opacity 0.15s ease,
        transform 0.15s ease;
}

.artiste-nom:hover .artiste-lien {
    opacity: 1;
}

.artiste-image-hover {
     position: absolute;
    right: -15vw;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 15vw;
    max-width: 300px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    transition:
        opacity 0.15s ease,
        visibility 0.15s ease;
}

.artiste-image-hover img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 70vh;
    object-fit: contain;
}

.artiste-nom:hover ~ .artiste-image-hover {
    opacity: 1;
    visibility: visible;
}



@media (max-width: 767px) {

   

    /* Pas de hover pertinent sur mobile */
    .artiste-image-hover {
        display: none;
    }

    /* La flèche reste visible pour
       indiquer que le nom est cliquable */
    .artiste-lien {
        opacity: 1;
        transform: none;
    }
}



/* ================================
   GALERIE
   ================================ */

.edition-images {
    width: 100%;
}

.edition-images-title {
    text-align: center;
}


/* ================================
   SLIDER
   ================================ */

.alt1000-slider {
    position: relative;

    width: 100%;
    aspect-ratio: 2000 / 1320;

    overflow: visible;
}

.alt1000-slider-track {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
	overflow: hidden;
}


/* ================================
   SLIDES
   ================================ */

.alt1000-slide {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    margin: 0;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .35s ease,
        visibility .35s ease;
}

.alt1000-slide.is-active {
    opacity: 1;
    visibility: visible;
}


/* ================================
   IMAGES
   ================================ */

.alt1000-slide img {
    display: block;

    max-width: none;
    max-height: none;
}


/* Image horizontale :
   remplit toute la largeur */

.alt1000-slide.horizontal img {
    width: 100%;
    height: auto;
}


/* Image verticale :
   remplit toute la hauteur */

.alt1000-slide.vertical img {
    width: auto;
    height: 100%;
}


/* ================================
   LÉGENDE
   ================================ */

.alt1000-caption {
       max-width: 60%;
    z-index: 5;
font-size: 12px;
	line-height: 25px;
	left: 0px;
	font-style: normal;
	color: #1d1d1b;
}


.alt1000-caption {
    display: none;
}

.alt1000-caption.is-active {
    display: block;
}


/* ================================
   NAVIGATION / PUCES
   ================================ */

.alt1000-slider-dots {
    position: absolute;

    right: 0px;
    bottom: -1vw;

    display: flex;
    gap: 8px;

    z-index: 10;
}

.alt1000-dot {
    appearance: none;

    width: 10px;
    height: 10px;

    padding: 0;

    border: 1px solid currentColor;
    border-radius: 50%;

    background: transparent;

    cursor: pointer;
}

.alt1000-dot.is-active {
    background: currentColor;
}


/* ================================
   MOBILE
   ================================ */

@media (max-width: 767px) {

    .alt1000-slider {
        width: 100%;
        aspect-ratio: 2000 / 1320;
    }

    .alt1000-caption {
        left: 12px;
        bottom: 40px;

        max-width: calc(100% - 24px);

        font-size: .8rem;
    }

    .alt1000-slider-dots {
        right: 12px;
        bottom: 12px;
    }
}


@keyframes menu-slide-down {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

#elementor-popup-modal-212 .dialog-widget-content {
    background: transparent;
    box-shadow: none;
}



.footer{
    position:relative;
    overflow:hidden;
    color:#fff;
    margin-top:12rem;
}

.footer:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:100vw;
    background:#1d1b19;
    clip-path:polygon(50% 0%,100% 100%,0% 100%);
    z-index:0;
}

.footer .elementor-form-fields-wrapper {
width: 33%;
  position: absolute;
  left: 33%;
  text-align: center;
}