webcamp.fr dark by s-light

/* ==UserStyle==
@name           webcamp.fr dark (orbitur.pt, turiscampo.com)
@namespace      github.com/s-light/
@version        1.0.0
@description    dark/night mode
@author         Stefan Krüger s-light.eu
==/UserStyle== */
@-moz-document domain("webcamp.fr"),
domain("orbitur.pt"),
domain("turiscampo.com"),
domain("yellohvillage.com") {
    /* global */
    :root {
        --bg: black;
        --bg-light: hsl(250, 100%, 10%);
        --bg-highlight: hsl(250, 100%, 30%);
        --bg-highlight2: hsl(250, 100%, 50%);
        --bg-gradient: linear-gradient( to bottom,
        var(--bg-highlight),
        var(--bg-highlight2));
        --bg-gradient-dark: linear-gradient( to bottom,
        var(--bg-light),
        var(--bg-highlight));

        --text: hsl(42, 65%, 50%);
        --text-highlight: hsl(170, 100%, 50%);

        --wp--preset--color--theme-black: var(--text)
    }



    html,
    body {
        background: var(--bg);
        color: var(--text) !important;
    }
}

@-moz-document domain("webcamp.fr"),
domain("orbitur.pt"),
domain("turiscampo.com") {



    .ng-binding,
    .thr-color-primary,
    .thr body {
        background: transparent;
        color: var(--text)!important;
    }

    .thr-header .thr-navbar {
        background: transparent;
    }

    .thr-overlay .thr-overlay-container {
        background: var(--bg);
        color: var(--text) !important;
        width: 60vw;
    }

    .thr-search-criteria .thr-search-criteria-container,
    .thr-search-product .thr-search-product-top,
    .thr-search-campsite .thr-search-product-top,
    .thr-search-product .thr-search-product-top .thr-search-product-stay,
    .thr-search-campsite .thr-search-product-top .thr-search-product-stay {
        background: transparent;
    }

    .thr .thr-select .thr-select-options {
        background: var(--bg-light);
    }

    .thr-overlay .thr-overlay-container .container-fluid .thr-overlay-content {
        width: 100%;
    }

    .thr-overlay .thr-overlay-container .container-fluid {
        max-width: 90vw;
    }

    .slick-track,
    .slick-slide.slick-active {
        height: 60vh !important;
        width: 700px;
    }

    .thr-categories-overlay-picture-container .slick-slide,
    .thr-categories-overlay-picture-container .slick-list {
        height: 800px;
    }
}

@-moz-document domain("turiscampo.com") {

    .gslide-image img {
        width: 70vw;
    }
}

@-moz-document domain("yellohvillage.com") {
    body {
        background: transparent;
        color: var(--text)!important;
    }
}