/* Extends the hiring page's established type, colours and spacing. */
.page-owner-operators .hiring-hero h1{max-width:680px}
.page-owner-operators .hiring-hero p{max-width:600px}
.page-owner-operators .hiring-button{white-space:normal;text-align:center}
.oo-overview{align-self:center;background:#f5f6f7;border:1px solid #e0e5e9;border-radius:8px;padding:28px}
.oo-overview h3{margin-top:0;color:#15202e}
.oo-overview li{line-height:1.7;margin-bottom:12px;color:#42516b}
.oo-record{border:1px solid #bac6d0;border-radius:8px;min-width:0;margin:16px 0 24px;padding:24px;background:#eef1f3}
.oo-record>legend{font-size:1rem;font-weight:700;padding:0 8px;color:#27374a}
.page-owner-operators .oo-add{background:#183858;color:#fff;min-height:48px;padding:12px 20px;border:1px solid #183858;cursor:pointer;margin-bottom:20px}
.oo-remove{font:inherit;color:#164b76;border:1px solid #bac6d0;border-radius:4px;background:#fff;min-height:44px;margin-top:20px;padding:10px 16px;cursor:pointer}
.oo-photos,.oo-spaced{margin-top:24px}
.oo-conditional[hidden],[data-cross-border][hidden]{display:none}
.oo-live{font-size:1rem;color:#42516b}
.page-owner-operators .hiring-breadcrumb{flex-wrap:wrap}
.page-owner-operators .hiring-field input,.page-owner-operators .hiring-field select{margin-top:0}
@media(max-width:767px){.oo-record{padding:20px 14px}.page-owner-operators .hiring-hero__actions{flex-direction:column;align-items:stretch}.page-owner-operators .hiring-hero__actions .hiring-button{flex:auto}.oo-overview{padding:24px}}