@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

html,
body{
    font-family:'Montserrat',sans-serif !important;
}
body,
h1,h2,h3,h4,h5,h6,
p,
span,
div,
a,
li,
button,
input,
textarea,
select{
    font-family:'Montserrat',sans-serif !important;
}
body,#heroSection,.heroSection{
    background: radial-gradient(80% 90% at 70% 40%, rgb(107, 15, 26) 0%, rgb(61, 0, 8) 40%, rgb(13, 0, 2) 80%, rgb(0, 0, 0) 100%) !important;
}
.hero-artist{
    width:auto;
    height:auto;
    margin-top:90px;
    max-width:100%;
    max-height:75vh;

    display:block;
}
.astroid-nav>li>a, .astroid-nav>li>span, .main-menu>li>a, .nav-link{color:#FFFFFF !important;font-size:18px !important}
.hero-right{
    width:50%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding-left:20px;
}
.hero-artist{
    width:auto !important;
    max-width:600px !important;
    height:auto !important;
}
/* Tablette */
@media (max-width:991px){

    .hero-right{
        width:45%;
    }

    .hero-artist{
        max-width:100%;
        max-height:65vh;
    }

}
/* Mobile */
@media (max-width:768px){

    .hero-right{
        width:100%;
        justify-content:center;
        margin-top:30px;
    }
	.hero-artist{

        width:auto;
        height:auto;

        max-width:70%;
        max-height:400px;
    }

}
#heroSection,.heroSection{margin-top:110px !important}

/* Section Hero */
#heroSection{
    padding:0 60px;
}

/* Ligne principale */
#heroSection .sppb-row{
    display:flex;
    align-items:center;
}

/* Bloc ALBUM */
#column-wrap-id-1c12fbca-1a60-4678-a467-c37a588be555{
    width:45%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}

/* Bloc ARTISTE */
#column-wrap-id-6f598a82-b5b0-4291-b253-bd37c5dd4b12{
    width:55%;
    display:flex;
    justify-content:flex-start;
    align-items:flex-end;
}

/* Image Album */
#column-wrap-id-1c12fbca-1a60-4678-a467-c37a588be555 img{
    max-width:520px;
    width:100%;
    height:auto;
    display:block;
}

/* Image Artiste */
#column-wrap-id-6f598a82-b5b0-4291-b253-bd37c5dd4b12 img{
    max-width:650px;
    width:100%;
    height:auto;
    display:block;
}

/* Responsive tablette */
@media (max-width:991px){

    #heroSection .sppb-row{
        flex-direction:column;
    }

    #column-wrap-id-1c12fbca-1a60-4678-a467-c37a588be555,
    #column-wrap-id-6f598a82-b5b0-4291-b253-bd37c5dd4b12{
        width:100%;
        text-align:center;
        justify-content:center;
    }

    #column-wrap-id-1c12fbca-1a60-4678-a467-c37a588be555{
        margin-bottom:40px;
    }
}
.biographie-button{
    display:inline-block;
    padding:18px 40px;
    background:linear-gradient(
        135deg,
        #d4af37 0%,
        #f1d77a 50%,
        #b8860b 100%
    );
    color:#111 !important;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    text-decoration:none !important;
    border:none;
    border-radius:50px;
    box-shadow:
        0 8px 25px rgba(212,175,55,.35);
    transition:all .3s ease;
}

.biographie-button:hover{
    transform:translateY(-3px);
    box-shadow:
        0 12px 35px rgba(212,175,55,.50);
    color:#000 !important;
}

.biographie-button:active{
    transform:translateY(0);
}

/* MOBILE */
@media (max-width: 991px){

    #astroid-header{
        position: relative !important;
        min-height: 90px;
    }

    /* Logo centré */
    .header-left-section{
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        width: auto !important;
        margin: 0 !important;
        z-index: 1000;
    }

    .astroid-logo-mobile{
        max-width: 140px !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Hamburger principal à gauche */
    .header-mobilemenu-trigger{
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 1100;
    }
    .offcanvas-button{
		position:absolute !important;
		right:0 !important;
		top:50% !important;
		transform:translateY(-50%) !important;
		margin:0 !important;
		padding:0 !important;
	}
    .hero-artist-img{max-width:500px !important}
    /* Empêche Astroid d'étirer les colonnes */
    .header-right-section{
        flex-grow: 0 !important;
        width: auto !important;
    }
}
@media (max-width:991px){

    .d-flex.flex-row.justify-content-between{
        position: relative !important;
    }

    .logo-wrapper.astroid-logo{
        position: static !important;
    }
	.offcanvas-button,
	.offcanvasRight{
		margin-left:0 !important;
		margin-right:0 !important;
        padding:0 !important;
	}
    .header-mobilemenu-trigger{
        left:15px !important;
    }
 
    .header-left-section{
        left:50% !important;
        transform:translate(-50%, -50%) !important;
    }
	.header-right,
    .header-right-section{
        padding-right:0 !important;
        margin-right:0 !important;
    }
    .navbar-menu,
    .astroid-header,
    .header-right{
        padding-right:0 !important;
    }
	.astroid-header{
        padding-left:10px !important;
        padding-right:15px !important;
    }
   .astroid-logo img{padding-left:0 !important;max-width:120px !important}
}
/* ======================================
   ACTUALITES RESPONSIVE
   ====================================== */

@media (max-width:768px){
 
    /* Titre */
    .sppb-section-title .sppb-title-heading{
        font-size:42px !important;
        line-height:1.1 !important;
        text-align:center !important;
        margin-bottom:40px !important;
    }

    /* Une seule colonne */
    .sppb-addon-articles .sppb-row{
        display:flex !important;
        flex-direction:column !important;
        gap:25px !important;
    }

    .sppb-addon-articles .sppb-col-xs-4,
    .sppb-addon-articles .sppb-col-sm-4,
    .sppb-addon-articles .sppb-col-md-4,
    .sppb-addon-articles .sppb-col-lg-4,
    .sppb-addon-articles .sppb-col-4{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
    }

    /* Carte */
    .sppb-addon-article{
        background:#0d0d0d;
        border-radius:20px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.4);
    }

    /* Image */
    .sppb-addon-article img{
        width:100% !important;
        height:240px !important;
        object-fit:cover !important;
        display:block;
    }

    /* Titre */
    .sppb-addon-article h3{
        padding:20px !important;
        margin:0 !important;
        font-size:24px !important;
        line-height:1.4 !important;
        text-align:center !important;
    }

    .sppb-addon-article h3 a{
        color:#fff !important;
        text-decoration:none !important;
    }

}

/*
.astroid-component-section {padding: 50px 75px 25px 75px;}
*/
.astroid-header-section .astroid-header-sticky{height:65px !important;background: radial-gradient(80% 90% at 70% 40%, rgb(107, 15, 26) 0%, rgb(61, 0, 8) 40%, rgb(13, 0, 2) 80%, rgb(0, 0, 0) 100%) !important;}
.featured-video-title{
    position:absolute;
    bottom:25px;
    left:20px;
    right:20px;

    font-size:clamp(18px,4vw,42px);
    line-height:1.1;

    color:#fff;
    font-weight:800;

    text-transform:uppercase;

    overflow:hidden;
    text-overflow:ellipsis;
}
.featured-video-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    padding:30px;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.9)
    );
}
/* MOBILE */
/*
@media (max-width:768px){

    .featured-video-title{
        display:none !important;
    }

    .featured-video-subtitle{
        display:none !important;
    }

}
@media (max-width:768px){

    .featured-video-title{

        position:absolute !important;

        left:15px !important;
        right:15px !important;
        bottom:15px !important;

        font-size:20px !important;
        line-height:1.2 !important;

        text-align:left !important;

        margin:0 !important;

        color:#fff !important;

        text-shadow:
            0 2px 10px rgba(0,0,0,.8);

        z-index:10;
    }

}*/
@media (max-width:768px){

    .elty-video-content{
        padding:15px !important;
    }

    .featured-video-title{

        position:absolute !important;

        left:15px !important;
        right:15px !important;
        bottom:20px !important;

        font-size:24px !important;

        font-weight:800 !important;

        line-height:1.1 !important;

        text-align:center !important;

        color:#fff !important;

        text-shadow:
            0 2px 8px rgba(0,0,0,.8);

        margin:0 !important;
    }

    .featured-video-subtitle{
        display:none !important;
    }

    .elty-video-content p{
        display:none !important;
    }

}
.featured-video-title{

    font-size:clamp(32px,4vw,56px) !important;

    max-width:800px;

    margin:auto;

    line-height:1.15;

    font-weight:700;

    text-transform:none;

    text-align:center;
}
/* Breadcrumbs ELTY */

#page-breadcrumb,
.mod_breadcrumbs{

    min-height:120px !important;

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

    overflow:visible !important;
}

.mod_breadcrumbs .breadcrumb-title,
.mod_breadcrumbs h1,
.mod_breadcrumbs .page-title{

    font-size:48px !important;

    line-height:1.2 !important;

    font-weight:700 !important;

    text-transform:uppercase;

    color:#ffffff;

    margin:0 !important;

    padding:0 !important;
}
/* =====================================
   PHOCA GALLERY - ELTY OFFICIEL
===================================== */

/* Masquer RSS */
.pg-top-icons{
    display:none !important;
}

/* Masquer Powered By */
#phocagallery > div[style*="Powered by"]{
    display:none !important;
}

/* Grille responsive */
.pg-categories-items-box{

    display:grid !important;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

    margin-top:40px;
}

/* Carte album */
.pg-category-box{

    background:
    rgba(255,255,255,.04);

    border:1px solid rgba(212,175,55,.15);

    border-radius:16px;

    overflow:hidden;

    transition:.35s;

    backdrop-filter:blur(8px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);
}

.pg-category-box:hover{

    transform:translateY(-8px);

    border-color:#d4af37;

    box-shadow:
    0 20px 40px rgba(0,0,0,.45);
}

/* Image */
.pg-category-box-image{

    overflow:hidden;
}

.pg-category-box-image img{

    width:100% !important;

    height:260px !important;

    object-fit:cover;

    transition:.5s;
}

.pg-category-box:hover img{

    transform:scale(1.08);
}

/* Infos album */
.pg-category-box-info{

    padding:18px;
}

/* Titre */
.pg-category-box-title{

    display:flex;
    align-items:center;
    gap:10px;

    font-size:24px;
    font-weight:700;
}

.pg-category-box-title a{

    color:#ffffff !important;

    text-decoration:none !important;

    transition:.3s;
}

.pg-category-box:hover .pg-category-box-title a{

    color:#d4af37 !important;
}

/* Icône dossier */
.pg-category-box-title svg{

    width:22px;
    height:22px;

    color:#d4af37;
}

/* Nombre de photos */
.pg-category-box-count{

    color:#d4af37;

    font-size:16px;

    font-weight:600;
}

/* Fond général */
#phocagallery{

    padding:30px 0;
}

/* Mobile */
@media(max-width:768px){

    .pg-categories-items-box{

        grid-template-columns:1fr;
        gap:20px;
    }

    .pg-category-box-image img{

        height:220px !important;
    }

    .pg-category-box-title{

        font-size:20px;
    }
}
/* Supprimer définitivement Powered By */
#phocagallery > div[style*="text-align:right"]{
    display:none !important;
}
#phocagallery > div:last-child{
    display:none !important;
}
.pg-category-box-image img{

    width:auto !important;
    height:auto !important;

    max-width:100% !important;

    object-fit:unset !important;

    display:block;
    margin:auto;
}
.pg-categories-items-box{

    display:flex !important;
    flex-wrap:wrap;
    gap:30px;
}

.pg-category-box{

    width:320px !important;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(212,175,55,.2);

    border-radius:12px;

    overflow:hidden;

    transition:.3s;
}

.pg-category-box:hover{

    transform:translateY(-5px);

    border-color:#d4af37;
}
/* Powered By */
#phocagallery > div[style*="text-align:right"]{
    display:none !important;
}

/* RSS */
.pg-top-icons{
    display:none !important;
}

/* Albums */
.pg-categories-items-box{
    display:flex !important;
    flex-wrap:wrap;
    gap:25px;
}

.pg-category-box{
    width:320px !important;
    border-radius:12px;
    overflow:hidden;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.2);
}

.pg-category-box-image img{
    width:100% !important;
    height:auto !important;
    display:block;
}

.pg-category-box-title{
    padding:15px;
    font-size:22px;
    font-weight:700;
}

.pg-category-box-title a{
    color:#fff !important;
}

.pg-category-box-count{
    color:#d4af37;
}
/* =========================
   DOCUMENTHEQUE ELTY
   ========================= */

#phoca-dl-categories-box{
    margin:40px auto;
}

/* Cartes catégories */
#phoca-dl-categories-box .card{

    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.20);

    border-radius:18px;

    overflow:hidden;

    transition:all .35s ease;

    backdrop-filter:blur(8px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.25);
}

#phoca-dl-categories-box .card:hover{

    transform:translateY(-8px);

    border-color:#d4af37;

    box-shadow:
        0 20px 40px rgba(0,0,0,.45);
}

/* Titre catégorie */
#phoca-dl-categories-box .card-title{

    margin:0;
    padding:20px 25px;

    font-size:34px;
    font-weight:700;
    letter-spacing:1px;
}

#phoca-dl-categories-box .card-title a{

    color:#d4af37 !important;
    text-decoration:none;
}

#phoca-dl-categories-box .card-title a:hover{

    color:#fff !important;
}

/* Footer */
#phoca-dl-categories-box .card-footer{

    background:rgba(0,0,0,.25);

    border-top:1px solid rgba(212,175,55,.15);

    padding:15px 25px;
}

#phoca-dl-categories-box .text-muted{

    color:#d9d9d9 !important;

    font-size:15px;
}

.pd-files-number{
    color:#d4af37;
    font-weight:700;
}

/* Responsive */
@media(max-width:768px){

    #phoca-dl-categories-box .card-title{

        font-size:24px;
        text-align:center;
    }

    #phoca-dl-categories-box .card-footer{

        text-align:center;
    }
}
div[style*="Powered by"],
div[style*="text-align:right"]{
    display:none !important;
}