/*
Theme Name: Elysa2025
Description: Child theme of Lay Theme for Elysa project
Author: Your Name
Template: lay
Version: 1.0.0
Text Domain: elysa
*/

/* Import parent theme styles */
@import url("../lay/style.css");

.thumbs-collection-region .thumbnail-wrap{
    min-height: 200px;
}


.lay-thumbnailgrid-filter-wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin-top: 10px;
    margin-bottom: 60px;
}

.lay-thumbnailgrid-filter-anchor.lay-filter-active::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url('./assets/images/sa3.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.btn.c-active::after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url('./assets/images/sa3.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

.laymodal-content-region.preview-desktop{
    background: #888 !important;
}

.laymodal-scrollable-container{
    background-color: #888 !important;
}

/** Custom phone grid Styles **/

#custom-phone-grid .grid-inner{
    padding: 0 5%;
}

/* Responsive styles */
@media (max-width: 600px) {
    .custom-child-header {
        padding: 20px 0;
    }
    
    .custom-child-button {
        padding: 10px 20px;
        font-size: 14px;
    }


    .lay-thumbnailgrid-filter.mobile-one-line, .lay-productsgrid-filter.mobile-one-line{
        overflow-x: visible;
    }

    .lay-thumbnailgrid-filter-anchor.lay-filter-active::after{
        width: 40px;
        height: 40px;
    }

    .mobile-one-line .lay-thumbnailgrid-filter-anchor{
        margin-bottom: 15px;
    }

}