/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */

#layerslider_8 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    z-index: -10 !important;
}

#layerslider_24 {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    height: auto !important;
    margin: 0 !important;

    z-index: -10 !important;
    pointer-events: none !important;
}

#layerslider_24 .ls-inner {
    height: 100% !important;
}

/* bouton scroll up */
.pk-scroll-totop {
    top: 15px !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #000;
    box-shadow: none;
    transition: opacity 0.5s ease-in-out;
    z-index: 1000;
}

.pk-scroll-totop::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/img/favicon-2.ico?1789753720") center / contain no-repeat;
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.75));
}

.pk-scroll-totop svg {
    display: none;
    width: 100%;
    height: 100%;
    color: #000;
    fill: currentColor;
    stroke: #000;
stroke-width: 1px;
stroke-linecap: round;
stroke-linejoin: round;
    filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.75));
}

.pk-scroll-totop:hover {
    background: transparent;
    transform: translateX(-50%) !important;
}

.pk-scroll-totop:hover::before {
    display: none;
}

.pk-scroll-totop:hover svg {
    display: block;
}

.pk-scroll-totop::before,
.pk-scroll-totop svg {
    opacity: 0.65;
}

button.pk-fixed-button.pk-scroll-totop,
button.pk-fixed-button.pk-scroll-totop:hover,
button.pk-fixed-button.pk-scroll-totop:focus,
button.pk-fixed-button.pk-scroll-totop:active {
    position: fixed !important;
    top: 15px !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    transition: opacity 0.5s ease-in-out !important;
}

/* bouton scroll up */