/* Placeholder for showing items in the VC Editor, but hiding them on the front end */
.dmg-vc-placeholder, .conditional-show-hide { display:none; }
.vc_editor .dmg-vc-placeholder,
.vc_editor .conditional-show-hide { display:block; box-sizing: border-box; text-align: center; margin: 0; border: 1px dashed #CCC; padding: 20px 0; }

/*------------------------------------------------------------------
[CTA Form]
-------------------------------------------------------------------*/
.dmg-ctaform { font-size: 1.231em; position: relative; }

/* Button Right Layout */
.dmg-ctaform.button-right button { position: absolute; top: 0; right: 0; width: 28%; height: 100%; line-height: 100%; padding-top: 0; padding-bottom: 0; }
.dmg-ctaform.button-right input[type="text"],
.dmg-ctaform.button-right select { font-size: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; font-weight: inherit; padding: 0.8em; width: 70%; }

.dmg-ctaform.button-right.with-dropdown input[type="text"],
.dmg-ctaform.button-right.with-dropdown select { width:35%; }

/* Button Bottom Layout */
.dmg-ctaform.button-bottom button { position: relative; width: 100%; padding: 15px 20px; }
.dmg-ctaform.button-bottom input[type="text"],
.dmg-ctaform.button-bottom select { font-size: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; font-weight: inherit; padding: 0.8em; width: 100%; margin-bottom: 1em; }
.dmg-ctaform input[type="text"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
.dmg-ctaform-input:-webkit-autofill { -webkit-box-shadow: none }

.dmg-ctaform select {
    -webkit-appearance: none;
    border: 1px solid #e4e4e4;
    background-image: url(../images/caret-down-black.svg);
    background-color: white;
    background-size: 1.25em;
    background-position: 98% center;
    background-repeat: no-repeat;
    border-radius: 0;
    outline: 0;
    padding-right: 1.5em;
}
.dmg-ctaform .error {
    color: #fff;
    background: #EA422D;
    padding: .5em;
    font-style: normal;
    border-radius: 0 0 4px 4px;
    position: absolute;
    top: 97%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-animation: bounceDown .5s ease-in-out;
    animation: bounceDown .5s ease-in-out;
}