/*---POP IN FUNCTIONNAL CSS---*/
/*
#pop-in { position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background:white; transition: all 300ms;}
#pop-in .formmail .aui-group { max-width: 100%;}
#pop-content {position:relative; margin: 2rem auto 0 auto; padding: 1rem; width: 90%; max-height: 80vh; background:white; border-radius:16px; transform: scale(0.1); opacity: 0; transition: all 300ms; overflow: auto;}
.is-active {display: block !important; z-index: 9999 !important; background-color: #00000050 !important; transition: all 300ms ease 500ms;}
.is-active #pop-content {transform: scale(1); opacity: 1; transition: all 300ms ease 500ms;}
#pop-close { position: absolute; top:1.5rem; right:1rem;}
@media screen and (min-width: 1281px) {
#pop-content {padding: 2rem; width: 75%;}
}
@media screen and (min-width: 1536px) {
#pop-content {width: 50%;}
}
*/
/*---POP IN LOOK & FEEL CSS---*/
#pop-in .aui-group { display: block; table-layout: auto; width: 100%;}
#pop-in .aui-group > .aui-item { display: block; vertical-align: top;}
#pop-in .formmail .aui-item:first-child { width: 100%; text-align: left;}
#pop-in .aui-group > .aui-item + .aui-item { padding-left: 0;}
/*LINK*/
#pop-in a { color: #CD1D8B;}
/*INPUT*/
form.aui:not(.aui-legacy-forms) .text, form.aui:not(.aui-legacy-forms) .text:hover { color: #1D0D34; background-color: white; border:1px solid #776E85 !important;}
form.aui:not(.aui-legacy-forms) .text:focus { color: #1D0D34; background-color: white; border:1px solid #CD1D8B !important;}
/*LABEL*/
#pop-in .formmail label { font-weight: normal; color: #1D0D34;}
/*RADIO*/
form.aui:not(.aui-legacy-forms) .radio input:not(:checked) + .aui-form-glyph::before { width: 10px; height: 10px; left: 0; top: 3px; background-color: white; border: 1px solid #776E85; border-radius: 10px;}
form.aui:not(.aui-legacy-forms) .radio input:checked + .aui-form-glyph::before { width: 10px; height: 10px; left: -1px; top: 2px; color: #CD1D8B; font-size: 16px; line-height: 1;}
/*CHECKBOX*/
form.aui:not(.aui-legacy-forms) .checkbox input:checked + .aui-form-glyph::before { background-color: #CD1D8B; border: 2px solid #CD1D8B;}
/*BUTTON CLOSE*/
#pop-close a { color: #1D0D34;}
/*SUBMIT*/
#pop-in .aui-group.submit-group { text-align: right;}
#pop-in .aui-group.submit-group .aui-item:first-child { display: none;}
/*VALIDATION*/
.error.invalid { display: block; margin:0.25rem 0 1rem 0 !important; padding: 0 !important; width: 100%;}
/*SUCCESS MESSAGE*/
/*#pop-in .aui-message-success { background-color: #FFE7F2;}*/
/*#pop-in .aui-message::after, #pop-in .aui-message p.title { display: none;}*/
#pop-in .aui-message.closeable .aui-close-button { display: none;}
#pop-in .aui-message::after { top:18px;}
/*---POP IN SPECIFIC CSS---*/
.form-register-group-1 { margin-bottom: 2rem;}
.form-register-group-2 { margin-bottom: 2rem;}
/*HACK remove empty p*/
.form-register-group-2 > p:first-child, .form-register-group-2 > p:last-child { display: none;}
.form-register-group-2 .group-label { margin-bottom:1rem;}
.form-register-group-2 .aui-item:last-child { margin-left:1rem;}
.form-register-group-2 .aui-item:last-child label { margin-bottom: 2rem; top:-3px;}
.form-register-group-3 .aui-group { margin-left:1rem;}
.form-register-group-3 .aui-item:last-child label { margin-bottom: 2rem; top:-4px;} |