/*
 * Theme Name: Le Beaulieu
 * Version: 1.0
 * Description: hotel-le-beaulieu.com
 * Author: Team Huttosoft
*/


@import url('assets/css/reset.css');
@import url('assets/css/layout.css');
@import url('assets/css/header.css');
@import url('assets/css/footer.css');
@import url('assets/css/slider.css');
@import url('assets/css/chevron-lists.css');
@import url('assets/css/contact.css');


@media (min-width: 782px) {
    .wp-block-image:has(a) {
        position: relative;

        &::before {
            content: '';
            position: absolute;
            display: flex;
            width: 1px;
            height: 0;
            background-color: var(--wp--preset--color--base);
            z-index: 1;
            left: 50%;
            top: 50%;
            transition: all 0.1s;

        }

        &::after {
            content: '';
            position: absolute;
            display: flex;
            width: 0;
            height: 1px;
            background-color: var(--wp--preset--color--base);
            left: 50%;
            top: 50%;
            z-index: 1;
            transition: all 0.1s;
        }

        &:hover {
            a {
                position: relative;
            
                &::after {
                    content: '';
                    background-color: rgba(0, 0, 0, 0.5);
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }
            }

            &::before {
                height: 50px;
                margin-top: -25px;   
            }

            &::after {
                width: 50px;
                margin-left: -25px;
            }
        }
    }
}