.module-subscribe body{ background-color: #f5f5f5; } .module-subscribe .subscribe-form,.module-subscribe .subscribe-validation{ background-color: #ffffff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); padding: 15px; } .module-subscribe .subscribe-form > img{ width: 100px; } .module-subscribe .subscribe-validation { transform: translateX(200px); opacity: 0; transition: all 0.2s ease-in-out; } .module-subscribe .subscribe-validation > img{ width: 200px; } .module-subscribe .subscribe-validation > img.animate{ animation: pop 0.5s ease-in-out; } .module-subscribe .subscribe-validation.go-in{ transform: translateX(0); opacity: 1; } .subscribe-captcha-block{ font-family: 'subscribe-captcha'; } .subscribe-captcha-block svg{ vertical-align: top; } .subscribe-captcha-block i{ font-style: normal; } .subscribe-captcha-block .boell::before{ content : 'un'; } .subscribe-captcha-block .lecoq::before{ content : '+'; } .subscribe-captcha-block .narboni::before{ content : 'moins'; } .subscribe-captcha-block .carruesco::before{ content : 'cinq'; } @font-face { font-family: 'subscribe-captcha'; src:url('../font/captcha-webfont.woff2') format('woff2'), url('../font/captcha-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @keyframes pop{ 0% {opacity: 0.5} 50% {transform: scale(1.2);} 100% {opacity: 1} } /* CARD PASSWORD RULES */ .subscribe-password-card { min-width: 340px; font-style: normal; font-size: 0.9rem; } .subscribe-password-card .card-top { padding: .5rem; } .subscribe-password-card .card-top h5 { margin-bottom: 0; font-size: 1.15rem; } .subscribe-password-card .card-content { padding: 0 .25rem; }