ol.titles > li {
    font-weight: bold;
}
ol.titles > li::marker {
    color: var(--highlight_color);
}
ol.titles > li span {
    font-style: italic;
    font-weight: normal;
    display: block;
    margin-bottom: 1.5em;
}

ol.titles.highlighted {
    color: var(--highlight_color);
}
ol.titles.highlighted > li span,
    ol.titles.highlighted > li .explanation {
    color: initial;
}

ol.titles.highlighted > li span > strong,
    ol.titles.highlighted > li .explanation > strong {
    color: var(--lowlight_color);
}

ol.titles.dashedspan > li span::before,
    ol.titles.highlighted > li .explanation::before {
    content: "- ";
}

/*
.et-custom-list ol.ulpoints{column-count: 2; margin-top:2em !important;}
.et-custom-list ol {
    list-style: none !important;
    list-style-image: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    line-height: 26px;
}
.et-custom-list ol li {
    padding-left: 28px !important;
    margin: 5px 0 !important;
    list-style: none !important;
    position: relative;
}
.etlist-x ol li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    background: url(/wp-content/themes/et_divi/epanel/shortcodes/images/shortcodes-sprite.png) no-repeat -75px -21px;
    width: 22px;
    height: 18px;
}
@media only screen and ( max-width: 768px ) {
.et-custom-list ol.ulpoints{column-count: 1;}
}
*/
.et_builder_inner_content .et_pb_title_container h1 {
    text-align: center !important;
}

#main-content .et_builder_inner_content .et_builder_inner_content .et_pb_section > .et_pb_row {
    margin-inline: 0 3em;
    width: initial;
}

#main-content .et_builder_inner_content > .et_pb_section {
    background:none;
}

#main-content .et_builder_inner_content > .et_pb_section:not(.section_has_divider) {
    background-color:initial !important;
}

/* TOC */
div#newtocparent ul.toc_list > li > a:first-child, ul.toc_list >li > ul > li > a:first-child {
    font-weight:normal;
}
div#newtocparent ul {
    padding-bottom: 0;
    padding-left:0;
    margin-left:1em;
}
div#newtocparent ul li {
    margin-bottom:0.5em;
    list-style-type:decimal;
    /*
    padding-left: 0 !important;
    margin-left: 0;
    */
}
div#newtocparent ul li span.toc_number {
    display:none;
}
div#newtocparent ul > li > ul {
    display:none;
}
div#newtocparent span.toc_number::after {
    content: ") ";
}

/* Tablets */
@media only screen and ( max-width: 980px ) {
    /* Experimental: these next two lines control the inline padding of sections used in Divi posts */
    #et-main-area > #main-content > .et-l--body > .et_builder_inner_content > .et_pb_section  > .et_pb_row:first-child .et_pb_column:not(:first-child){
        padding-inline:1em;
    }
    #et-main-area > #main-content > .et-l--body > .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-child {
        padding-inline:0;
    }

    /* Overrides the above */
    #WashingMachineArgumentSteps {
        & > .et_pb_column:nth-child(2) {
            padding-inline: 0 !important;
        }
    }


    #main-content .et_builder_inner_content .et_builder_inner_content .et_pb_section > .et_pb_row {
        margin-inline: 1em;
    }

    /* Don't let the feedback form take all the space */
    .rwp-review-wrap {
        background-color: transparent;
    }

    #main-content > div.et-l.et-l--body > div.et_builder_inner_content > div.et_pb_section > div.et_pb_row > div.et_pb_column:first-child {
        padding-left:10px;
    }
}

/* Smartphones */
@media only screen and ( max-width: 480px ) {
    /* Why??
    body.single .et_builder_inner_content > .et_pb_section > .et_pb_row {
        padding-bottom:2em !important;
    }
    */
    /*
    body.single .et_pb_section {
        background-color: white !important;
    }
    */
}

ol.titles li:not(:first-child) {
    margin-top: 4em;
}

ol.titles > li > span.explanation {
    font-style: normal;
    padding-top:1em;
}

ol.titles > li > span.about_dean::before {
    content: "About Dean: ";
    font-weight:bold;
    font-style: normal;
}
ol.titles > li > span.about_dean {
    font-weight: normal;
    /*font-style: normal;*/
    color: var(--lowlight_color);
}

ol.titles > li > span.about_dean > a {
    /* display:block;*/
    margin-top:1em;
}

ol.titles > li > span.about_dean > a::before {
    content: "\a\a↣ ";
    white-space: pre;
    font-weight: bold;
    font-size: 126%;
}

/* Patch for my bad CSS code */
@media only screen and (max-width: 980px) {
    #two_column_override .et_pb_column_2 {
        padding-inline: 0 !important;
    }

}