/* Bootstrap 3 adds generated table elements to every .container. In a CSS grid
   those pseudo-elements become real grid cells, so remove them for engagement pages. */
.engagement-layout::before,
.engagement-layout::after {
    display: none !important;
    content: none !important;
}

.engagement-page .engagement-hero h1 {
    color: #fff;
}

.engagement-layout > aside {
    grid-column: 1;
    grid-row: 1;
    width: auto;
    min-width: 0;
    margin: 0;
}

.engagement-layout > .engagement-card {
    grid-column: 2;
    grid-row: 1;
    width: auto;
    min-width: 0;
    margin: 0;
}

.engagement-card .engagement-form > label {
    display: block;
    width: auto;
    min-width: 0;
    margin: 0;
}

.engagement-captcha{grid-column:1/-1;margin:2px 0 0}.engagement-captcha>label{display:block;margin:0 0 6px}.engagement-captcha>label span{color:#4c6671;font-size:12px;font-weight:700}.engagement-captcha>div{display:grid;grid-template-columns:130px minmax(0,1fr) 44px;max-width:430px;height:44px;border:1px solid #c8d5d9;background:#fff}.engagement-captcha__question{display:grid;place-items:center;background:#e8f3f2;color:#0b3447;font-size:17px;font-weight:700}.engagement-captcha input{width:100%;min-width:0;height:42px!important;border:0!important;border-left:1px solid #c8d5d9!important}.engagement-captcha button{border:0;border-left:1px solid #c8d5d9;background:#f6f9f9;color:#147f78}.engagement-captcha small{display:block;margin-top:6px;color:#71858d;font-size:12px}

@media (max-width: 780px) {
    .engagement-layout > aside,
    .engagement-layout > .engagement-card {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
    }
}