/*
Theme Name: Zombie!
Theme URI: http://www.heyzombie.com
Description: A handcrafted theme designed by our indie studio, this package is baked from scratch and spiced up with a mobile version + 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
*/

/* -------------------------------- 
hey zombie design layout
-------------------------------- */

@import 'css/reset.css';
@import 'css/menu.css';
@import 'css/body.css';
@import 'css/glightbox.min.css';
@import 'css/tiny-slider.css';

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

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

/* -------------------------------- 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;
     display: none;
}
 .display-desktop{
     visibility: visible;
     display: block;
}

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

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

.menu-container{
    opacity:0;
}

.material-symbols-outlined{
    opacity:0;
}

.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%);
    }
}