/*
Theme Name: POCO-WW
Template: poco
Theme URI: https://www.pixouls.com/
Author: Pixouls
Author URI: https://www.pixouls.com/
Description: Pocono Whitewater child theme by Pixouls.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: basics
Tags:
*/

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $VARIABLES
--------------------------------------------------------|
--------------------------------------------------------|
*/
html {
    
}
    body {

    }
        .app {
            background: url(assets/img/bg-white.jpg) top center / 153.6rem auto repeat scroll transparent;
        }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $TYPE
--------------------------------------------------------|
--------------------------------------------------------|
*/


/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $HEADER
--------------------------------------------------------|
--------------------------------------------------------|
*/
.hdr {
    background: url(assets/img/bg-white.jpg) center / 153.6rem auto repeat scroll transparent;
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $UTILITIES
--------------------------------------------------------|
--------------------------------------------------------|
*/
/* $l-river-bg */
.l-river-bg {
    background: url(assets/img/bg-river.jpg) center bottom / cover no-repeat scroll transparent;
}
.l-wave-bg {
    position: relative;
}
    .l-wave-bg::before {
        content: '';
        position: absolute;
        inset: 0;
        background: url(assets/img/bg-water.jpg) center bottom / cover no-repeat scroll transparent;
        mask: url(assets/img/wave-01.png);
        mask-size: 100% 75%;
        mask-position: bottom center;
        mask-repeat: no-repeat;
    }

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $CTA-BANNER
--------------------------------------------------------|
--------------------------------------------------------|
*/
.cta-banner {
    background: url(assets/img/bg-water.jpg) top left / auto 150% no-repeat scroll transparent;
}