Agence de La Ciotat

/* ----------------------------------------- */ /* Modèle de contenu : loop-item-in-equipe-agence - démarrer */ /* ----------------------------------------- */ .avia-team-member { background: #ffffff; border-radius: 14px; padding: 24px 20px 28px; text-align: center; box-shadow: 0 8px 24px rgba(0,0,0,0.06); transition: all 0.3s ease; position: relative; overflow: hidden; width: 100%; } .avia-team-member:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(0,0,0,0.1); } .team-img-container { width: 120px; height: 120px; margin: 0 auto 14px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(0,0,0,0.06); flex-shrink: 0; } .team-img-container img { width: 100%; height: 100%; object-fit: cover; } .team-member-name { font-size: 17px; font-weight: 600; margin: 6px 0 2px; color: #1d1d1f; line-height: 1.3; } .team-member-job-title { font-size: 13px; color: #6e6e73; line-height: 1.4; } .avia-team-member::after { content: ""; position: absolute; bottom: 0; left: 20%; width: 60%; height: 2px; background: linear-gradient(90deg, transparent, #d00373, transparent); opacity: 0.35; } @media (max-width: 768px) { .avia-team-member { padding: 16px 14px 18px; border-radius: 12px; } .team-img-container { width: 90px; height: 90px; margin-bottom: 10px; } .team-member-name { font-size: 15px; } .team-member-job-title { font-size: 12px; } } @media (max-width: 480px) { .avia-team-member { padding: 14px 12px 16px; } .team-img-container { width: 75px; height: 75px; } .team-member-name { font-size: 14px; } .team-member-job-title { font-size: 11px; } } @media (max-width: 768px) { .flex_column, .av_one_half, .av_one_third, .av_one_fourth { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .avia-team-member { max-width: 100% !important; width: 100% !important; margin: 0 auto 16px; } } /* ----------------------------------------- */ /* Modèle de contenu : loop-item-in-equipe-agence - terminer */ /* ----------------------------------------- */