/*
Theme Name: Decoration
Description: Adds a decorative image outside the main viewport.
Author: Gareth
Template: flatsome
Version: 1.6
*/
/** Notes: 

**/

@media (min-width: 1400px) {
    .decoration-image-left, .decoration-image-right {
        background-image: url('https://artemispest.co.uk/wp-content/uploads/General/wasp-nest.png');
        background-size: contain;
        background-repeat: no-repeat;
        width: 280px;
        height: 600px;
        z-index: 999;
        pointer-events: none;
    }

    /* Set horizontal position */
    .decoration-image-left {
        left: calc((100vw - 1080px) / 2 - 290px); 
    }

    .decoration-image-right {
        right: calc((100vw - 1080px) / 2 - 290px);
    }

    /* CSS for initial (floating) position */
    .decoration-float {
        position: absolute;
        top: 460px;
    }

    /* CSS for fixed position */
    .decoration-fixed {
        position: fixed;
        top: 160px;
    }
}