Live
<>#ae-cform-modal-container-1{background-color:#000000;}.ae-cform-title {text-align:center;}.ae-cform-title {color:#ffffff;}.parsley-custom-error-message {color:#ffffff;}.ae-cform-item input[type="email"].parsley-error {border: 1px solid #ffffff;}.ae-cform-modal-container.ae-cform-container {font-family: inherit; font-size: inherit; color: inherit;}.ae-cform-modal-container.ae-cform-container.ae-cform-item span.ae-cform-title {font-weight: inherit;-webkit-font-smoothing: antialiased;}.ae-cform-item spana.ae-cform-not-registered-linka.ae-cform-forgot-password-link.ae-cform-reset-password-instructionsa.ae-cform-reset-password-login-linka.ae-cform-reset-password-register-linka.ae-cform-already-registered-link.ae-cform-optin-label#terms#terms a#sms-terms#sms-terms a.ae-cform-mailing-list-success.ae-cform-mailing-list-success-1 {color:#ffffff;}.ae-cform-item input[type="submit"] {background:none;background-color:#000000;}.ae-cform-item input[type="submit"].ae-cform-item input[type="submit"]:hover {border:1px solid #000000;}.ae-cform-item input[type="submit"].ae-cform-item input[type="submit"]:hover { background-image: -webkit-gradient(linear,left top,left bottom,from(#000000),to(#4787ed)); background-image: -webkit-linear-gradient(top,#000000,#000000); background-image: -moz-linear-gradient(top,#000000,#000000); background-image: -ms-linear-gradient(top,#000000,#000000); background-image: -o-linear-gradient(top,#000000,#000000); background-image: linear-gradient(top,#000000,#000000);}
<>
.push_odMenu
{
padding: 5px;
min-width:200px;
text-align:center;
box-shadow: 5pt 5pt 15pt #000000;
display:none;
transform: translateX(-65%);
}
.push_odMenu li
{
padding: 5px;
list-: none;
text-decoration: underline;
}
@media only screen and (min-width: 513px) {
.push_odMenu a {
text-decoration: underline; /* underline on desktop */
text-decoration-thickness: 1px; /* optional: control line weight */
text-underline-offset: 3px; /* optional: adjust spacing from text */
color: #fff; /* keep consistent with your design */
}
.push_odMenu a:hover {
text-decoration-thickness: 2px; /* slightly thicker underline on hover */
}
}
@media only screen and (min-width: 513px){
.push_odMenu{
position: absolute;
z-index:99;
background-color: black;
border: 2pt solid #000;
}
}
@media only screen and (max-width: 512px){
.push_odMenu {
position: relative;
background-color: #000;
border: 2pt solid #ccc;
width: 100%; /* make menu take full width */
transform: none; /* remove any horizontal offset */
white-space: normal !important; /* allow wrapping */
padding: 0;
margin: 0;
}
/* force each menu item onto its own line */
.push_odMenu li {
display: block !important;
float: none !important;
width: 100%;
border-bottom: 1px solid #333;
list-: none;
}
.push_odMenu li:last-child {
border-bottom: none;
}
/* make the links fill each row cleanly */
.push_odMenu a {
display: block;
padding: 12px 16px;
color: #fff;
text-align: center;
text-decoration: none;
}
.push_odMenu a:hover {
background-color: #222;
}
}
X