/*Globals*/
@import url('./globals/variables.css');
@import url('./globals/fonts.css');
@import url('./globals/typography.css');
@import url('./globals/colors.css');
@import url('./globals/buttons.css');
@import url('./globals/inputs.css');

/*Components*/
@import url('./components/header.css');
@import url('./components/footer.css');
@import url('./components/separator.css');
@import url('./components/sliders.css');
@import url('./components/navigation.css');
@import url('./components/collections.css');
@import url('./components/modal.css');
@import url('./components/hero-images.css');

/*Pages*/
@import url('./pages/multipage-styles.css');
@import url('./pages/front.css');
@import url('./pages/history.css');
@import url('./pages/our-craft.css');
@import url('./pages/products.css');
@import url('./pages/samplers.css');
@import url('./pages/contact.css');
@import url('./pages/contact-retailer.css');
@import url('./pages/events.css');
@import url('./pages/retailers.css');
@import url('./pages/legal.css');
@import url('./pages/404.css');

body {
    background-image: url("../images/ladc-bg-texture-webp-small.webp"), url("../images/ladc-bg-texture-xl.jpg");
    background-repeat: repeat-y;
    background-size: 100vw;
}

body.no-scroll {
    overflow: hidden;
}