/**
 * Shame CSS
 *
 * Dedicated stylesheet to house quick fixes and hacks that can be refactored
 * at a later time. Please make sure to use !important if you are overriding
 * existing styling and make sure to document your changes.
 *
 * Remember to enque the file in the assets function in app/setup.php
 */

 /* ActiveCampaign */
 @media only screen (max-width: 786px) {
    ._button-wrapper button { 
        margin: auto;
    }
 }
 form {
    background: #ffffff1a !important;
 }
._form-branding ._marketing-by, 
._form_element {
    color: white;
 }
._form-branding ._logo {
   filter: invert(1);
 }
._form_element ._form-title {
    font-weight: normal;
 }
._button-wrapper button {
    background-color: transparent !important;
    color: var(--button-prime) !important;
    border: solid 1px var(--button-prime) !important;
    border-radius: var(--border-radius) !important;
    padding: 5px !important;
    min-width: 150px;
    font-size: 17px;
    font-weight: 600;
    display: block;
 }
._button-wrapper button:hover, ._button-wrapper button:active, ._button-wrapper button:focus {
    background-color: var(--button-prime) !important;
    color: white !important;
    border: solid 1px var(--button-prime) !important;
    text-decoration: none !important;
    outline: none !important;
 }