/* ####################################
   For Developers

   - Critical Rendering Path: No
   ################################## */

.developer {
    position: relative;
    clear: left;
    margin: 15px;
    padding: var(--site-padding-thinner);
    border: 1px solid #939f38;
}

    .developer h1, .developer h2, .developer h3, .developer h4 {
        font-family: var(--site-font-family);
        font-size: var(--site-font-size-bigger);
        font-weight: bold;
        margin: 0;
        padding-bottom: 0;
        color: #939f38;
        border: none;
        background: none;
    }

    .developer .code {
        margin-top: 2px; 
        padding-top: 0; 
        font-size: 91.7%; 
        font-weight: bold; 
        color: #939f38;
    }

div.widget {
    display: contents !important; /* Otherwise strange stuff happens with the inline editor. Note: Doesn't work for IE. */
}

    div.widget::before,
    div.widget::after {
        display: none !important;
    }

    /* Widget tags add an extra element to the DOM, pass some first and last child theme rules through in places where they often get in the way otherwise... */

    #PrimaryContent > div.widget:first-child > :first-child,
    #SecondaryContent > div.widget:first-child > :first-child,
    .box > div.widget:first-child > :first-child,
    .col > div.widget:first-child > :first-child {
        margin-top: 0 !important;
    }

    #PrimaryContent > div.widget:last-child > :last-child,
    #SecondaryContent > div.widget:last-child > :last-child,
    .box > div.widget:last-child > :last-child,
    .col > div.widget:last-child > :last-child {
        margin-bottom: 0 !important;
    }

/* Font awesome adjustment for accessibility toolbar */
button.tota11y-toolbar-toggle:before {
    font-family: 'Font Awesome 6 Pro';
}