/* Portfolios */
#portfolio_page main article {
    z-index: 2;
}

#title-illustration {
    z-index: 0;
}

.about-artist-img {
    z-index: 5;
}

.horizontal-elements a, .square-elements a, .vertical-elements a {
    z-index: 10;
}

p, ul, span, a, h1, h2, h3, h4, h5, h6, article div, form, .tab, #delete main {
    z-index: 5;
}

.table-design, .dataTables_wrapper {
    z-index: 15;
}

/* Header: above content but below overlays */
#arktefakt-header {
    z-index: 800;
}

#arktefakt-burger, .arktefakt-burger {
    z-index: 850;
}

#portfolio-content-interface, #hub-content-interface {
    z-index: 900;
}

#arktefakt-editor-bar {
    z-index: 910;
}

/* Content / components */
.content-article img, .article img {
    z-index: 1;
}

.content-article blockquote::before, .content-article blockquote::after {
    z-index: 10;
}

.welcome-to-window {
    z-index: 180;
}

#welcome-to-blur {
    z-index: 170;
}

.list-tickets a {
    z-index: 5;
}

.services-slider .arrow {
    z-index: 20;
}

/* Navigation */
#arktefakt-header #header-main, #arktefakt-editor-bar .main-footer {
    z-index: 800;
}

#arktefakt-header .user-menu-about {
    z-index: 805;
}

#arktefakt-header .user-menu-about ul {
    z-index: 805;
}

#arktefakt-header #header-second {
    z-index: 800;
}

/* Loader */
#loader {
    z-index: 950;
}

/* Modules */
.faq {
    z-index: 5 !important;
}
#orders a {
    z-index: 5;
}

/* Gallery (albums + grille photos fiche production) */
#gallery a,
#production-show-photos-grid a {
    z-index: 10;
}
#gallery a::after,
#production-show-photos-grid a::after {
    z-index: 1;
}

/* Swipebox (lightbox) */
#swipebox-overlay {
    z-index: 1200 !important;
}

#swipebox-bottom-bar, #swipebox-top-bar {
    z-index: 1210;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
    z-index: 1210;
}

/* Agenda */
.agenda-item .agenda-item-open {
    z-index: 9;
}

/* Projects */
#hero .project-cover {
    z-index: 10;
}

/* Members / profile modal */
.member-item .member-img, .profil-window .member-img {
    z-index: 5;
}

/* Centralized modal stacking values — window must sit above overlay */
.profil-overlay {
    z-index: 1230;
}
.profil-window {
    z-index: 1240 !important;
}
.close-content-button {
    z-index: 1250 !important;
}

/* Services */
#services-slider .services-slider-item {
    z-index: 5;
}

/* Thumbnails / hover stacking */
.thumbnail:hover,
.thumbnail-tile.thumb-border:hover,
a.thumbnail-tile.thumb-border:hover,
.vertical-grid-item:hover,
.horizontal-grid-item:hover,
#goto article a:hover,
.blog-list .thumbnail-tile:hover,
.blog-list .thumbnail:hover,
.service-item:hover,
.faq-item:hover,
.profil-button:hover,
.agenda-item:hover,
#blog-main-article img:hover,
.youtube:hover,
.vimeo:hover,
.dailymotion:hover,
.square-grid-item:hover,
.swipebox:hover {
    z-index: 30;
}

#portfolio_page #hub-logo .hub-logo__mark--image {
    z-index: 60;
}

/* Portfolio header & nav: align with main header */
#portfolio_page header .header-wrapper {
    z-index: 820 !important;
}

#portfolio_page header #hamburgerBtn {
    z-index: 830 !important;
}

#portfolio_page header #header-nav {
    z-index: 810;
}

#portfolio_page header #header-nav .nav__content {
    z-index: 15;
}

#portfolio_page header {
    z-index: 820;
}
#portfolio_background::before {
    z-index: 0;
}
#portfolio_page, #theme-visualiser #portfolio_page {
    z-index: 1;
}
#portfolio_page .sub-menu::before, #theme-visualiser #portfolio_page .sub-menu::before, #portfolio_page header .sub-menu::before, #theme-visualiser #portfolio_page header .sub-menu::before {
    z-index: -1;
}
#portfolio_page header, #theme-visualiser #portfolio_page header {
    z-index: 820 !important;
}
#portfolio_page footer, #theme-visualiser #portfolio_page footer {
    z-index: 800 !important;
}
#portfolio_page header::before, #theme-visualiser #portfolio_page header::before, #portfolio_page footer::before, #theme-visualiser #portfolio_page footer::before {
    z-index: -1;
}

#visitor_mode {
    z-index: 10;
}

#welcome-to-blur {
    z-index: 900;
}

#welcome-to {
    z-index: 901;
}