/*
Theme Name: enfold-child
Description: Une description de votre thème
Author: Votre prénom et Nom
Author URI: https://www.nexteo-interactive.com/projets/dynacentrix
Template: enfold
Version: 1.0
*/
.flip-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}

.flip-box{
    perspective:1000px;
}

.flip-inner{
    position:relative;
    height:340px;
    transition:.7s;
    transform-style:preserve-3d;
    cursor:pointer;
}

.flip-box:hover .flip-inner,
.flip-box.active .flip-inner{
    transform:rotateY(180deg);
}

.flip-front,
.flip-back{
    position:absolute;
    inset:0;
    border-radius:12px;
    overflow:hidden;
    backface-visibility:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.flip-front{
    background:#fff;
}

.flip-front img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.flip-front h3{
    margin:20px;
    text-align:center;
}

.flip-back{
    background:#3a6179;
    color:#fff;
    transform:rotateY(180deg);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:30px;
    text-align:center;
}

.flip-back a{
    margin-top:20px;
    background:#fff;
    color:#244f75;
    padding:12px 24px;
    border-radius:30px;
    text-decoration:none;
    font-weight:bold;
}
.logo-contact{text-align:center;}
.logo-contact img{max-width:400px;}
.contact{text-align:center;font-size:2rem;padding:20px 0;}
h1.av-special-heading-tag{color:#fff;}