:root {
    --header-height: 60px;
}

html {
    scroll-behavior: smooth;
    /* offset top for anchors */
    scroll-padding-top: 60px;
}

/* fix top position of sticky elements according header height */


/* Visibility by media queries */
@media only screen and (max-width: 767px) {

    .hide-for-small,
    .show-for-medium {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .show-for-small-only {
        display: none !important;
    }
}



/* MOBILE > OffCanvas Nav */
.wp-block-navigation__responsive-container {
    @media only screen and (max-width: 767px) {
        padding: 1rem !important;

        /* Nav and Button font size for mobile in offcanvas */
        .wp-block-navigation-item__content,
        .wp-block-button__link {
            font-size: 1.5rem;
        }
    }
}

/* MOBILE > Header */
header.wp-block-template-part {
    @media only screen and (max-width: 767px) {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

}


/*
Custom Block Styles
----------------------
*/

/* Header Fixed & blur background */

header.wp-block-template-part .is-fixed {
    position: fixed;
    z-index: 11;
    width: 100%;
    background: hsla(0, 0%, 100%, .93);
    -webkit-backdrop-filter: blur(3px);
} 

 /* .is-position-sticky {
    top: var(--header-height);
}  */


.footer-firma-row {
    display: flex;
    justify-content: center;
    align-items: center;

    a.firma {
        margin: 0.2rem;

        svg {
            color: currentColor;
            width: 120px;
            height: auto;
            opacity: 0.8;
        }

        &:hover svg {
            opacity: 1;
        }
    }
}

/* Native WP gallery masonry effect preserving original image order. */

.wp-block-gallery.has-nested-images.is-layout-flex.epiq-masonry-gallery {
    --gallery-gap: 1rem;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gallery-gap);
    grid-auto-rows: 8px;
    align-items: start;
}

.wp-block-gallery.has-nested-images.is-layout-flex.epiq-masonry-gallery>.wp-block-image {
    width: 100% !important;
    margin: 0 !important;
}

.wp-block-gallery.has-nested-images.is-layout-flex.epiq-masonry-gallery>.wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 1024px) {
    .wp-block-gallery.has-nested-images.is-layout-flex.epiq-masonry-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 640px) {
    .wp-block-gallery.has-nested-images.is-layout-flex.epiq-masonry-gallery {
        /* grid-template-columns: 1fr; */
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Social Icons Huge Size */
.wp-block-social-links.has-large-icon-size {
    font-size: 60px;
}
.wp-block-social-links.has-huge-icon-size {
    font-size: 80px;
}

/* Ajustment Button Padding due font family issue */
:root :where(.wp-element-button, .wp-block-button__link) {
    padding-top: 1rem;
    padding-bottom: 0.7rem;
}


ul.wp-block-social-links.is-content-justification-right li:last-child{
    @media only screen and (min-width: 768px) { 
        margin-right: -6px;
     }
       
}