/* HireLoft: teal #1f818c and grey #7c837a on the paper backgrounds (3.1 to 4.4:1) */
html.ks-a11y-colors .label,
html.ks-a11y-colors .trade-tag,
html.ks-a11y-colors .agent__does,
html.ks-a11y-colors a[href$="contact/"] > strong,
html.ks-a11y-colors .cat__count,
html.ks-a11y-colors .row__idx {
    color: #17656e !important;
}
html.ks-a11y-colors .job__apply {
    background-color: #17656e !important;
    color: #fff !important;
}
html.ks-a11y-colors .mock__bar em,
html.ks-a11y-colors .job__cat,
html.ks-a11y-colors .job__seats,
html.ks-a11y-colors .agent__ind,
html.ks-a11y-colors .agent__per,
html.ks-a11y-colors .spec__row dt,
html.ks-a11y-colors .mock__meta,
html.ks-a11y-colors .stat__c,
html.ks-a11y-colors .job__posted {
    color: #5f665d !important;
}
html.ks-a11y-colors .footer-bottom span {
    color: #a3aba5 !important;
}

/* 320px screens / 400% zoom (1.4.10): agent cards ran off the edge */
@media (max-width: 400px) {
    .agent-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .agent { min-width: 0 !important; }
    .agent__head,
    .agent__foot { flex-wrap: wrap !important; }
    .agent__foot .btn { white-space: normal !important; max-width: 100%; }
}
/* Inner pages: teal labels and links #1f818c (4.1 to 4.4:1) */
html.ks-a11y-colors .panel--light > .tag,
html.ks-a11y-colors .flist a,
html.ks-a11y-colors a[href^="mailto:"] > strong { color: #17656e !important; }
/* ...but on the dark sections the label stays a light teal (the dark teal was 2.5:1) */
html.ks-a11y-colors .section--dark .label { color: #6fd0da !important; }