/*
Theme Name: Nayla Child
Description: Child theme for the Nayla. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Read More</a>
Author: PeThemes
Author URI: http://pethemes.site
Template: nayla
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* =Fix FOUC on work/projects list page
   The parent theme sets display:flex on the project links, causing a brief
   flash before the plugin JS injects display:grid CSS.
   This rule loads with initial CSS so grid layout applies from first paint.
-------------------------------------------------------------- */
.list-projects-wrapper .list-project > a {
    display: grid !important;
    grid-template-columns: 5fr 1fr 1fr 1fr 1fr;
    align-items: center;
    height: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100%;
    gap: 140px;
    box-sizing: border-box;
}

.list-projects-wrapper .list-project > a > * {
    display: block;
    overflow: hidden;
    min-width: 0;
}