/*--------------------------------------------------------------
## Hover elements images slick :: Inspirer
--------------------------------------------------------------*/

.slick-inspirer .slickContent{
    position: relative;
}

.slick-inspirer .slickContent .background_hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: end;
    padding: 15px;
    border-radius: 20px;
}

.slick-inspirer .slickContent:hover .background_hover{
    align-items: center;
}
.slick-inspirer .slickContent .background_hover a{
    display: none;
}
.slick-inspirer .slickContent:hover .background_hover a{
    display: block;
}

/*--------------------------------------------------------------

--------------------------------------------------------------*/

.modules-mod_tudaccomodations-tmpl-themes_php,
.modules-mod_tudthematiques-tmpl-themes_php { position: relative; }
.modules-mod_tudaccomodations-tmpl-themes_php:before,
.modules-mod_tudthematiques-tmpl-themes_php:before {
    background-color: var(--color-2);
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
}
.modules-mod_tudaccomodations-tmpl-themes_php:before { background-color: var(--color-1);width: 56%; }
.modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item .card { 
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item .card:after { 
    top: 4em;
    right: 5em;
}

.com_tudthematiques-item .card { 
    border: 1px #ffffff solid;
    min-height: 125px;
    font-family: nunito-bold;font-size: 14px;
    padding: 0 2em !important;
    line-height: 1.2em;
    position: relative;
}
.com_tudthematiques-item .card .is-vcentered.color-2 {
    z-index: 1;
    position: relative;
}
.com_tudthematiques-item .card img { height: 50px;width: auto;display: block;margin:1em auto; }
.com_tudthematiques-item .card:after { 
    content: '';
    position: absolute;
    top: 1.5em;
    right: 3em;
    background-color: var(--color-1);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    z-index: 0;
}
.com_tudthematiques-item .card:hover {
    background-color: var(--color-2);
    transition: .3s;
    box-shadow: 0px 25px 29px 0px rgba(0,0,0,0.5);
}
.com_tudthematiques-item .card:hover .is-vcentered.color-2 { color: #ffffff; }
.com_tudthematiques-item .card:hover .is-vcentered.color-2 img { filter: invert(1); }

@media (max-width: 1024px) {
    .modules-mod_tudthematiques-tmpl-themes_php:before,
    .modules-mod_tudaccomodations-tmpl-themes_php:before { width: 100%; }
    .modules-mod_tudthematiques-tmpl-themes_php .container,
    .modules-mod_tudaccomodations-tmpl-themes_php .container { padding-left: 32px;padding-right: 32px;padding-top: 30px;padding-bottom: 30px;text-align: center; }
    .modules-mod_tudthematiques-tmpl-themes_php .container .columns .column,
    .modules-mod_tudaccomodations-tmpl-themes_php .container .columns .column { padding: 0.5em;padding: 0.5em; }
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item .card,
    .com_tudthematiques-item .card { padding: 0 0.5em !important;min-height: 105px; }
    .com_tudthematiques-item .card img { margin: 0.5em auto; }
    .modules-mod_tudaccomodations-tmpl-themes_php .container.padding-top-80px.padding-bottom-80px,
    .modules-mod_tudthematiques-tmpl-themes_php .container.padding-top-80px.padding-bottom-80px { padding-bottom: 40px; }

    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item .card:after { top: 2em;right: 1em;}
}

/*--------------------------------------------------------------
Home inspirer
--------------------------------------------------------------*/

.div-inspirer .slick-inspirer { display: flex;flex-wrap: wrap;justify-content: center; }
.div-inspirer .slick-inspirer .slickContent-wrapper { width: 33.33%; }
.div-inspirer .slick-inspirer .slickContent-wrapper:nth-child(1),
.div-inspirer .slick-inspirer .slickContent-wrapper:nth-child(2) { width: 50%; }
.div-inspirer .slick-inspirer .slickContent-wrapper .slickContent { margin: 1em;height: 400px; }
.div-inspirer .slick-inspirer .slickContent-wrapper .slickContent img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px; }

.div-inspirer .slickContent-wrapper:hover .background_hover {
    background-color: rgba(12, 75, 144, 0.5);
    align-items: center;
    box-shadow: 0px 25px 29px 0px rgba(0,0,0,0.5);
    transition: all .3s !important;
}


@media (max-width: 1214px) {
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item {
        width: 25%;
        max-width: 185px;
        aspect-ratio: 1/1;
    }
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item a,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item .card::after,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item .card::after {
        top: 34%;
        right: 30%;
    }

}

@media (max-width: 748px) {
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item { width: 33.33%; }
}
@media (max-width: 600px) {
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item { width: 50%; }

    .div-inspirer .slick-inspirer .slickContent-wrapper .slickContent { height: 300px; }

    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item, .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item {
        max-width: 135px;
    }
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item span.is-vcentered.color-2,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item span.is-vcentered.color-2 {
        font-size: 12px;
    }
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item .card::after, .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item .card::after {
        top: 15%;
        right: 15%;
    }
}
/*
@media (max-width: 600px) {
    .modules-mod_tudaccomodations-tmpl-themes_php .com_tudthematiques-item,
    .modules-mod_tudthematiques-tmpl-themes_php .com_tudthematiques-item { width: 90%; }
}
*/