/* Studio Lintz : effets ponctuels pour la page d'accueil. */

/* Images mises en avant dans les compositions de quatre visuels. */
figure.ar-featured-img-right,
figure.ar-featured-img-left,
figure.ar-featured-img-upright,
figure.ar-featured-img-upleft,
figure.ar-featured-img-downright,
figure.ar-featured-img-downleft {
	position: relative;
	z-index: 5;
	transform-origin: center;
}

figure.ar-featured-img-right {
	transform: rotate(1.5deg) scale(1.035);
}

figure.ar-featured-img-left {
	transform: rotate(-1.5deg) scale(1.035);
}

figure.ar-featured-img-upright {
	transform: translate(50px, -50px) rotate(8.5deg) scale(1);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

figure.ar-featured-img-upleft {
	transform: translate(-50px, -50px) rotate(-8.5deg) scale(1);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

figure.ar-featured-img-downright {
	transform: translate(50px, 50px) rotate(8.5deg) scale(1);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

figure.ar-featured-img-downleft {
	transform: translate(-50px, 50px) rotate(-8.5deg) scale(1);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

figure.ar-featured-img-upright:hover,
figure.ar-featured-img-upleft:hover,
figure.ar-featured-img-downright:hover,
figure.ar-featured-img-downleft:hover {
    transform: translate(0) rotate(0deg);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

figure.ar-featured-img-right img,
figure.ar-featured-img-left img,
figure.ar-featured-img-upright img,
figure.ar-featured-img-upleft img,
figure.ar-featured-img-downright img,
figure.ar-featured-img-downleft img {
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

@media (max-width: 768px) {

    .inverse-mobile {
        display: flex !important;
        flex-direction: column;
    }

    .inverse-mobile > :first-child {
        order: 2;
    }

    .inverse-mobile > :last-child {
        order: 1;
    }
    
    .ar-keep-columns-mobile {
        flex-wrap: nowrap !important;
        gap: 1rem;
    }

    .ar-keep-columns-mobile > .wp-block-column {
        flex-basis: 0 !important;
        flex-grow: 1;
    }
    
    figure.ar-featured-img-upright img {
    	transform: translate(-30px, 25px);
    }
    
    figure.ar-featured-img-upleft img {
    	transform: translate(30px, 30px);
    }
    
    figure.ar-featured-img-downleft img {
    	transform: translate(40px, -30px);
    }
    
    figure.ar-featured-img-downright img {
    	transform: translate(-40px, -30px);
    }

}