/*
 * Readability and contrast of content text (WCAG 2.2 AA, success criterion 1.4.3).
 * Loaded after main.css. Contrast ratios against the white page background:
 *   body text   #4d4d4d  8.45:1  (before #707070, 4.95:1)
 *   list text   #a85400  5.34:1  (before #ef8007, 2.71:1, failed AA)
 * List markers keep the brand orange #ef8007 (decorative, no text).
 */

.ce-bodytext p,
.faq-accordion__answer p {
    color: #4d4d4d;
}

/* Lists had 13px (inherited body size) while paragraphs have 16px */
.ce-bodytext ul li,
.ce-bodytext ol li,
.faq-accordion__answer li {
    font-size: 16px;
    line-height: 1.9;
    color: #a85400;
}

/* Service list on the start page keeps its larger design size, only the contrast is fixed */
.service-left li {
    color: #a85400;
}

.ce-bodytext ul li::marker,
.ce-bodytext ol li::marker,
.faq-accordion__answer li::marker,
.service-left li::marker {
    color: #ef8007;
}

/*
 * White text on brand orange #ef8007 only reaches 2.71:1. These elements use the darker
 * orange #a85400 as background or text colour (white on #a85400: 5.34:1).
 */

/* Slider button "scroll down" on the subpages (white 13px text) */
#slide-1-layer-3,
#slide-1-layer-3:hover {
    background-color: #a85400 !important;
}

/* Orange address box on the contact page (white 20px text) */
.wrap.mcb-wrap.one-second.column-margin-0px.valign-top.clearfix {
    background-color: #a85400 !important;
}

/* Slogan "ELECTRONIC IS OUR SUCCESS": orange part on white, 30px (large text needs 3:1, before 2.64:1) */
.text-center em {
    color: #a85400;
}

/*
 * betheme2.css turns the text of every hovered table row white, but the matching coloured
 * background only exists for body.table-hover (not set on this site): the text became invisible.
 */
body:not(.woocommerce-page) table tr:hover td,
body:not(.woocommerce-page) table tr:hover td a {
    color: inherit;
}

/*
 * One h1 per page (SEO): headings demoted from h1 to h2 keep the former h1 size,
 * the address box heading on the contact page became the h1 and keeps its former h2 size.
 */
h2.heading-size-h1 {
    font-size: 30px;
    line-height: 36px;
}

h1.address {
    font-size: 20px;
    line-height: 24px;
}