/*
AXXO PROJECTS GRID
--------------------------------------------------------------------------
*/

.axxo-project-grid-widget{
    width:100%;
}

/*
Filters
--------------------------------------------------------------------------
*/

.axxo-project-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    margin-bottom:60px;
    padding:0;
    margin:0 0 60px 0;
    list-style:none;
}

.axxo-filter-item{
    list-style:none;
    display:inline-flex;
    align-items:center;
}

.axxo-filter-btn{
    appearance: none;
    border: 1px solid #050160;
    background: #FFFFFF;
    color: #050160;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

.axxo-filter-btn:hover{
    transform:translateY(-2px);
}

.axxo-filter-btn.active{
    background:#0D157A;
    color:#FFFFFF;
    border-color:#0D157A;
}

.axxo-filter-item::before{
    /*content:'•';*/
    color:#0D157A;
    margin-right:10px;
    font-size:20px;
    display:inline-flex;
    align-items:center;
}

.axxo-filter-item:first-child::before{
    content:'';
    margin-right:0;
}

/*
Grid
--------------------------------------------------------------------------
*/

.axxo-grid-wrapper{
    display:grid;
    grid-template-columns:
    repeat(
        var(--desktop-columns,2),
        minmax(0,1fr)
    );
    column-gap:var(--column-gap,40px);
    row-gap:var(--row-gap,60px);
}

.axxo-grid-item{
    min-width:0;
}

/*
Card
--------------------------------------------------------------------------
*/

.axxo-project-card{
    display:flex;
    flex-direction:column;
    background:#FFFFFF;
}

.axxo-project-card__thumb{
    display:block;
    overflow:hidden;
    text-decoration:none;
}

.axxo-project-card__thumb img{
    width:100%;
    display:block;
    aspect-ratio:16/10;
    object-fit:cover;
    transition:
    transform .5s ease;
}

.axxo-project-card .axxo-project-card__thumb img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

/*
Body
--------------------------------------------------------------------------
*/

.axxo-project-card__body{
    padding: 0px 20px 20px;
}

/*
Categoria
--------------------------------------------------------------------------
*/

.axxo-project-card__category{
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #5C6470;
    font-family: "Space Grotesk", Sans-serif;
}

/*
Título
--------------------------------------------------------------------------
*/

.axxo-project-card__title{
    margin:0 0 10px;
}

.axxo-project-card__title a{
    text-decoration: none;
    color: #050160;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.12;
    transition: opacity .3s ease;
}

.axxo-project-card__title a{
    opacity:.8;
}

/*
Meta
--------------------------------------------------------------------------
*/

.axxo-project-card__meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #5C6470;
    font-size: 14px;
    line-height: 1.4;
    font-family: "Geologica", Sans-serif;
    font-weight: 400;
}

.axxo-project-card__separator{
    opacity:.6;
}

/*
Excerpt
--------------------------------------------------------------------------
*/

.axxo-project-card__excerpt{
    margin-bottom:20px;
    color:#6B7280;
    font-size:16px;
    line-height:1.8;
}

/*
Link
--------------------------------------------------------------------------
*/

.axxo-project-card__link{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #2136C4;
    font-size: 15px;
    font-weight: 500;
    transition: transform .3s ease, opacity .3s ease;
    font-family: "Space Grotesk", Sans-serif;
}

.axxo-project-card__link{
    opacity:.85;
    transform:translateX(4px);
}

/*
Load More
--------------------------------------------------------------------------
*/

.axxo-load-more-wrap{
    display:flex;
    justify-content:center;
    margin-top:80px;

}

.axxo-load-more-btn{
  border: none;
  cursor: pointer;
  padding: 15px 80px;
  background: #2136C4;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  transition: transform .3s ease, opacity .3s ease;
}

.axxo-load-more-btn{
    transform:translateY(-2px);
}

.axxo-load-more-btn.loading{
    opacity:.5;
    pointer-events:none;

}

/*
Tablet
--------------------------------------------------------------------------
*/

@media (max-width:1024px){

    .axxo-grid-wrapper{
        grid-template-columns:
        repeat(
            var(--tablet-columns,2),
            minmax(0,1fr)
        );
    }

    .axxo-project-card__title a{
        font-size:32px;
    }

    .axxo-project-card__meta{
        font-size:18px;
    }

}

/*
Mobile
--------------------------------------------------------------------------
*/

@media (max-width:767px){
    .axxo-project-filters{
        gap:10px;
        margin-bottom:40px;
    }

    .axxo-filter-btn{
        padding:14px 20px;
        font-size:14px;
    }

    .axxo-grid-wrapper{
        grid-template-columns:
        repeat(
            var(--mobile-columns,1),
            minmax(0,1fr)
        );
    }

    .axxo-project-card__body{
        padding: 0px 20px 20px;
    }

    .axxo-project-card__title a{
        font-size:18px;
    }

    .axxo-project-card__meta{
        font-size:13px;
    }

    .axxo-project-card__excerpt{
        font-size:15px;
    }

    .axxo-load-more-wrap{
        margin-top:50px;
    }

    .axxo-project-card__category {
        font-size: 11px;
    }

    .axxo-project-card{
        border: 1px solid #DCDFE2;
    }

}