/*
Theme Name: barlanxova wp theme
Theme URI:
Author: Ennismore
Author URI: https://ennismore.com
Description: barlanxova wordpress theme
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: barlanxova-wp-theme
Tags:
*/

/*
 * Common
 */

 :where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-block-button.is-style-outline:hover a {
    cursor: pointer;
    outline: 1px solid #A0473E;
}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    margin-top: 0;
}

@media screen and (max-width: 480px){
    .btn-arrow {
        display: none !important;
    }
}

/* Header */
#header {

    @media screen and (min-width: 1024px){
        .mobile-menu {
            display: none !important;
        }
    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        > .wp-block-group {
            padding: 16px !important;
        }

        .desktop-menu {
            display: none !important;
        }
    }

    @media screen and (max-width: 480px){
        .wp-block-site-logo {
            width: 130px;
        }

        .wp-block-button a {
            padding: 12px 14px !important;
        }
    }

}

/* Hero */
#home-hero {
    .wp-block-cover__image-background {
        object-fit: contain;
    }

    .wp-block-cover__inner-container {
        position: absolute;
        top: 12%;
    }

    /* Image Stack */
    .wp-block-gallery {
        &.image-stack {
            position: relative;

            &.has-nested-images figure.wp-block-image {
                position: absolute;

                &:not(:first-child) {
                    display: none;
                }
            }
        }
    }

    @media screen and (min-width: 1024px){

    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        min-height: 65vh !important;

        .wp-block-gallery {
            &.image-stack {
                width: 50%;
            }
        }
    }

    @media screen and (max-width: 480px){
        min-height: 50vh !important;
    }
}

/* Brand Intro */
#brand-intro {
    @media screen and (min-width: 1024px){

    }

    @media screen and (min-width: 480px) and (max-width: 1024px){
        .wp-block-media-text {
            .wp-block-media-text__media img {
                width: revert-layer;
                max-height: 400px;
                object-fit: cover;
            }
        }
    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        .wp-block-media-text {
            .wp-block-media-text__content {
                padding: 80px 16px;
                max-width: 525px;
            }

            display: flex;
            flex-direction: column-reverse;
        }
    }

    @media screen and (max-width: 480px){
    }
}

/* Menus */
#menus {
    @media screen and (min-width: 1024px){

    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        .wp-block-buttons {
            .wp-block-button a {
                font-size: 38px;
            }
        }
    }

    @media screen and (max-width: 480px){
        .wp-block-buttons {
            display: flex;
            flex-direction: column;
        }
    }
}

/* Events */
#events {
    @media screen and (min-width: 1024px){

    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        padding: 20px 16px !important;

        .wp-block-media-text__content {
            padding: 80px 16px;
            max-width: 400px;
        }

        display: flex;
        flex-direction: column-reverse;
    }

    @media screen and (max-width: 480px){
    }
}

/* Promo */
#promo {
    .promo-content {
        max-width: 435px;
    }

    @media screen and (min-width: 1024px){

    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        .promo-content {
            max-width: 335px;
        }
    }

    @media screen and (max-width: 480px){
    }
}

/* Footer */
#footer {
    @media screen and (min-width: 1024px){

    }

    @media screen and (min-width: 375px) and (max-width: 1024px){
        .copyright-text {
            display: none;
        }
    }

    @media screen and (max-width: 480px){
        > .wp-block-columns {
            padding: 48px 16px !important;
        }

        .bottom-bar {
            padding: 24px 16px !important;

            .wp-block-image img {
                height: auto !important;
            }
        }

        nav ul {
            gap: 12px;

            li {
                font-size: 14px !important;
            }
        }
    }
}