/* Remove default elements */
.et-l.et-l--header, .et-l.et-l--footer { display:none; }

/* State LP CSS */
#page-container { background-color: #000; }
#lp-head, #all-content, #lp-footer { max-width: 2000px; margin:auto; }
#lp-head { 
    background-color:#fff; 
    display:grid; 
    grid-template-columns: 50% 50%; /* Safari Fix */
    align-items: center; 
    width: 100%;
}
#lp-head .aa-logo { padding-left:80px; }
#lp-head .aa-logo img { width: 220px; height: auto; padding-top:30px; }
#lp-head .lp-menu { display:flex; justify-content: flex-end; padding-right:20px; }
.menu-anchor a { font-size:1.4em; font-weight: 600; text-decoration: none;  color:#000; transition: color 0.5s ease; margin-right:50px; }
.menu-anchor a:hover { color: #ef6a00; }
.cta-button { 
    background-color: #0097a9; color: #fff; font-size: 1.4em; font-weight: 600; padding: 10px 20px;
    border: 3px solid #0097a9; border-radius: 25px; transition: color 0.5s ease, background-color 0.5s ease;
}
.cta-button:hover { color:#0097a9; background-color: transparent; }
#intro { display:none; }
#all-content h2 { font-family: "proxima-nova", sans-serif; color:#0097a9; font-size: 3em; font-weight: 700; line-height:1em; margin-bottom:20px;  }
#all-content p { font-size:1.3em; line-height: 1.5em; color:#000; }
#all-content ul, #all-content li { list-style-type: disc; margin-inline-start: 20px; font-size: 18px; line-height: 1.5em; color: #000; }
/*#overview, #take-action {
    background-image: url('https://advocacy.theautoalliance.org/wp-content/uploads/2025/02/wave-bg-gray-1.svg');
    background-size:cover; background-repeat:no-repeat; 
    background-attachment: fixed; /* Prevents Safari scrolling bugs *
}*/
#overview { background-position: center 60%; } 
#take-action { background-position: bottom; }
#overview .content-left, #take-action .content-right, #connect .content-left { padding: 50px 80px; }
#overview .content-holder { padding: 50px 80px; }
#take-action .content-holder { display:grid; grid-template-columns: auto auto; gap: 20px; }
#form { padding: 50px 80px;     
    background-image:url('https://advocacy.theautoalliance.org/wp-content/uploads/2025/02/Cars-Background.jpg');
    background-size:cover; background-repeat:no-repeat;
}
.advocate-item { display: flex; align-items: center; margin-bottom: 30px; }
.advocate-item p { font-size: 1.8em!important; font-weight: 600; align-content: center; margin-left: 20px; }
.advocate-item img { width: 80px; height: 80px;}
#social-sharing { display:flex; flex-wrap: wrap; margin-top: 50px; }
#social-sharing .social { margin-right: 20px; }
.social a { font-size: 1em!important; }

#lp-footer .aa-logo img { width: 255px; height: auto; margin-bottom: 10px; }
#lp-footer { background-color: #000; padding: 50px; }
#lp-footer p { color: #fff; }
#lp-footer a { color:#0097a9; }
#lp-footer a:hover { text-decoration: underline; }
#lp-footer .socials a { color: #000; text-decoration: none; }
.fa-brands { 
    font-size: 1em; background-color: #fff;
    border: solid 2px #fff; border-radius: 50px;  
    padding: 15px 15px; margin-right: 15px; 
}
.fa-facebook-f { padding: 15px 18px; }
.div-wrap { 
    display: grid; grid-template-columns: auto auto; gap: 50px; padding: 20px;
}
@media screen and (max-width: 1600px) {
    #social-sharing { display:block; }  
    #social-sharing .social { margin-bottom: 20px; }
}
@media screen and (max-width: 1000px) {
    #form { padding:20px; }
}
@media screen and (max-width:900px) {
    #take-action .content-holder { display:block; } 
    #lp-head .lp-menu { display:none; }
    #form { padding: 30px; }
    .advocate-item img { width: 60px; height: 60px; } 
    .advocate-item p { font-size: 1.3em!important; }
    #all-content h2 { font-size: 1.8em; line-height: 1.2em; }
    .socials a { display: inline-flex; margin-bottom: 10px; }  
}
@media screen and (max-width:500px) {
    #lp-head .aa-logo { padding-left :20px; } 
    #lp-head .aa-logo img { padding-top: 20px; }
    #take-action .content-holder { padding:0px!important; } 
    .content-left, .content-right { padding:20px!important; }
    .social a { font-size:15px!important; } 
    #social-sharing .social { margin-bottom: 10px; }
    .fa-brands { font-size: 10px; } 
    #lp-footer .div-wrap { gap:20px; padding:0; }
}