/*
|--------------------------------------------------------------------------
| AXXO PROJECTS SLIDER
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget{
    width:100%;
    position:relative;
}

/*
|--------------------------------------------------------------------------
| Swiper
|--------------------------------------------------------------------------
*/

.axxo-projects-swiper{
    overflow:hidden;
    padding-bottom:80px;
}

.axxo-projects-swiper .swiper-wrapper{
    align-items:stretch;
}

.axxo-projects-swiper .swiper-slide{
    height:auto;
}

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

.axxo-project-slider-widget .axxo-project-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#FFFFFF;
}

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

.axxo-project-slider-widget .axxo-project-card__thumb img{
    width:100%;
    display:block;

    aspect-ratio:16/10;

    object-fit:cover;

    transition:transform .6s ease;
}

.axxo-project-slider-widget .axxo-project-card:hover
.axxo-project-card__thumb img{

    transform:scale(1.05);
}

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

.axxo-project-slider-widget .axxo-project-card__body{
    padding-top:32px;
}

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

.axxo-project-slider-widget .axxo-project-card__category{

    display:block;

    margin-bottom:18px;

    color:#7B8192;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;
}

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

.axxo-project-slider-widget .axxo-project-card__title{
    margin:0 0 18px;
}

.axxo-project-slider-widget .axxo-project-card__title a{

    color:#091170;

    text-decoration:none;

    font-size:42px;

    font-weight:500;

    line-height:1.12;

    transition:opacity .3s ease;
}

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

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

.axxo-project-slider-widget .axxo-project-card__meta{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:8px;

    margin-bottom:22px;

    color:#6B7280;

    font-size:22px;

    line-height:1.4;
}

.axxo-project-slider-widget .axxo-project-card__separator{
    opacity:.5;
}

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

.axxo-project-slider-widget .axxo-project-card__excerpt{

    margin-bottom:24px;

    color:#6B7280;

    font-size:16px;

    line-height:1.8;
}

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

.axxo-project-slider-widget .axxo-project-card__link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#2B48D7;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    transition:
        transform .3s ease,
        opacity .3s ease;
}

.axxo-project-slider-widget .axxo-project-card__link:hover{

    opacity:.85;

    transform:translateX(4px);
}

/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .swiper-pagination{

    bottom:0 !important;
}

.axxo-project-slider-widget
.swiper-pagination-bullet{

    width:14px;
    height:14px;

    opacity:1;

    background:#C9CED8;

    transition:all .3s ease;
}

.axxo-project-slider-widget
.swiper-pagination-bullet-active{

    width:42px;

    border-radius:999px;

    background:#091170;
}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .swiper-button-prev,
.axxo-project-slider-widget .swiper-button-next{

    width:52px;
    height:52px;

    border-radius:50%;

    background:#FFFFFF;

    box-shadow:
        0 8px 20px rgba(0,0,0,.08);

    color:#091170;

    transition:
        transform .3s ease,
        opacity .3s ease;
}

.axxo-project-slider-widget .swiper-button-prev:hover,
.axxo-project-slider-widget .swiper-button-next:hover{

    transform:translateY(-2px);
}

.axxo-project-slider-widget .swiper-button-prev::after,
.axxo-project-slider-widget .swiper-button-next::after{

    font-size:18px;
    font-weight:700;
}

/*
|--------------------------------------------------------------------------
| Desktop Large
|--------------------------------------------------------------------------
*/

@media (min-width:1400px){

    .axxo-project-slider-widget
    .axxo-project-card__title a{

        font-size:48px;
    }

}

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

@media (max-width:1024px){

    .axxo-project-slider-widget
    .axxo-project-card__title a{

        font-size:32px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__meta{

        font-size:18px;
    }

}

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

@media (max-width:767px){

    .axxo-projects-swiper{
        padding-bottom:60px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__body{

        padding-top:22px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__title a{

        font-size:26px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__meta{

        font-size:16px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__excerpt{

        font-size:15px;
    }

    .axxo-project-slider-widget
    .swiper-button-prev,

    .axxo-project-slider-widget
    .swiper-button-next{

        display:none;
    }

}