/*******************************
    CUSTOM CSS

    Global additions to Semantic UI styles, based on site content and settings.
    This mostly contains the Global Backgrounds.

    DO NOT EDIT DIRECTLY!

    Generated by MODX when saving the Global Backgrounds.
    If you want to add styling that needs to access MODX placeholders, then
     create a globalBackgroundsTheme or globalCustomCSS chunk somewhere. It will
     be picked up at the bottom of this chunk.
    If you don't need placeholders, then just add the styling in your Semantic
     site or theme folder.

*******************************/

@import url("/assets/semantic/dist/themes/romanesco/assets/css/backgrounds.css");


/* Load all backgrounds set under Global Content */






.background.lime-render-gradient:before {
    background:
        

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
        !important
    ;
    


}
.background.lime-render-gradient:after {
    background: rgb(34,193,195) !important;
}

@media
    (min-width: 500px) {
    .background.lime-render-gradient:before {
        background:
            

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
            !important
        ;
    }
}
@media
    (min-width: 800px) {
    .background.lime-render-gradient:before {
        background:
            

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
            !important
        ;
    }
}
@media
    (min-width: 1300px) {
    .background.lime-render-gradient:before {
        background:
            

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
            !important
        ;
    }
}


@media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
    .background.lime-render-gradient:before {
        background:
            

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
            !important
        ;
    }
}
@media
    (-webkit-min-device-pixel-ratio: 2) and (min-width: 500px),
    (min-resolution: 192dpi) and (min-width: 500px) {
    .background.lime-render-gradient:before {
        background:
            

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
            !important
        ;
    }
}
@media
    (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px),
    (min-resolution: 192dpi) and (min-width: 1300px) {
    .background.lime-render-gradient:before {
        background:
            

linear-gradient(168deg, rgba(34,193,195,1) 0%, rgba(95,182,67,1) 27%, rgba(95,182,67,1) 44%, rgba(2,157,118,1) 83%)
center center /
cover
no-repeat
scroll
            !important
        ;
    }
}


/* Load additional backgrounds for given context */




/* Load all backgrounds based on an overview image */




/* Additional styles */