/*
Theme Name: Zombie!
Theme URI: http://www.heyzombie.com
Description: Zombie! is a clean and modular WordPress theme, built on a solid foundation to kickstart any creative project. It includes custom shortcodes, smart features powered by multimedia libraries, and a well-organized structure ready to scale. Designed to work seamlessly with Gutenberg and Kadence Blocks. + Thank you for trusting us... Let's Rock! 🤘

Author: hey zombie studio
Author URI: http://www.heyzombie.com
Version: 3.0.0
Tags: responsive-design, starter-theme, gsap-libraries, material-icons, 

Copyright (C) 2011-2025 Hey Zombie Studio
*/

/* -------------------------------- 
Primary style
-------------------------------- */

a {
     transition: all .4s ease;
     text-decoration: none;
}

.a-img{
    position: absolute;
    width: 100%;
    height: 100%;
}

/* -------------------------------- Background Layout Tricks -------------------------------- */

.display > div{
    display: flex;
    padding: 0 !important;
}

.display > div > .full-bg > div{
    height: 100%;
}

@media only screen and (max-width: 920px) {
    .display > div{
        display: grid;
    }
}

/* -------------------------------- Mobile Views -------------------------------- */
 .display-mobile{
     visibility: hidden!important;
     display: none!important;
}
 .display-desktop{
     visibility: visible!important;
     display: block;
}

@media only screen and (max-width: 920px) {

     .display-mobile{
         visibility: visible!important;
         display: block!important;
    }
     .display-desktop{
         visibility: hidden!important;
         display: none!important;
    }
}

.menu-container, .wc-block-mini-cart{
    opacity: 0;
}

/* -------------------------------- Gutenberg Full Width Editor -------------------------------- */

.wp-block {
    max-width: 100% !important;
    font-family: 'Inter', sans-serif;
}

/* -------------------------------- Fix Parallax -------------------------------- */

 @media screen and (-webkit-min-device-pixel-ratio:0) {
     #jarallax-container-0, #jarallax-container-1, #jarallax-container-2, #jarallax-container-3, #jarallax-container-4, #jarallax-container-5, #jarallax-container-6{
         clip: auto;
         -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);
    }
}