/* to aide with targeting these selectors Mark made the div wrapping activity pages
   look roughly so:
   <div id="cafe-module-page" class="cafe-module-evaluation_page cafe-module-event-2919 cafe-module-stage-5 cafe-module-accreditor-268">
   module classes:
   - cafe-module-registration
   - cafe-module-decision_page
   - cafe-module-data_entry_page
   - cafe-module-post_test
   - cafe-module-evaluation_page
   - cafe-module-certificate_generation
   - ...TODO fill this in
 */

/** general **/
#cafe-module-page li.cafe-form-element { /* specifying the lag "li" allows us to be more specific and therefore override the cafe inline styles */
    padding: .1rem;
}

/********** FRONTMATTER ************/
/* FM 'top right' button */
.fright {
    float: right;
}
.cafe-fm-top-btn {
    margin: 0 0 50px 50px;
}

/* FM section heads */
.cafe-fm-section h2 {
    font-size: 1.15rem;
    font-family: Arial;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: .625rem;
}
.cafe-fm-section p {
    margin-left: 1rem;
}
.cafe-btn-click-here, .cafe-cafe-btn-click-here { /* the second class with cafe twice is probably a type in the neo cafe */
    border-radius: .5rem;
    padding: .5rem;
    margin: .5rem;
}


/*** PRE/POST TEST ***/
.cafe-module-post_test ul.cafe-module-form, .cafe-module-pre_test ul.cafe-module-form {
    padding: .5rem 0;
}
.cafe-module-post_test ul.cafe-choice-list, .cafe-module-pre_test ul.cafe-choice-list{
    margin-left: 2rem;
    text-indent: 2.8rem hanging;
}
.cafe-module-post_test .cafe-element > .cafe-label, .cafe-module-pre_test .cafe-element > .cafe-label  { /* trying to target post-test question numbers, a <span> with just the number in it */
    /*.cafe-module-post_test .cafe-element > .cafe-label { !* trying to target post-test question numbers, a <span> with just the number in it *!*/
    text-indent: 2rem hanging;
    display: block; /* this one is hacky, may be bad for other forms with different layouts */
    font-weight: bold;
}
.cafe-module-post_test .cafe-element > .cafe-label .cafe-number, .cafe-module-pre_test .cafe-element > .cafe-label .cafe-number {
    display: inline-block;
    width: 1.8rem;
}
.cafe-number + * { /* augmenting the inline styles that the neo cafe emits */
    width: 95%;
    vertical-align: top;
}
.cafe-label p { /* allows the ::after styled asterisk(*) to be 'at the end' of the line */
    display:inline;
}

.cafe-checkbox-item { /* same as the inline cafe-radio-item, but an inline version for this doesn't exist as of this writing */
    margin: 6px 10px 0 0;
}
/*** DECISION PAGE ****/
.cafe-module-decision_page .cafe-dp-accreditor {
    color: var(--cafe-dp-accreditor-color);
    background-color: var(--cafe-dp-accreditor-bg);
}

/*** EVALUATION ***/
.cafe-module-evaluation_page ul.cafe-choice-list {
    margin-left: 2rem;
    text-indent: 2.8rem hanging;
}

/*** CERTIFICATE ***/
.cafe-module-certificate_generation a.btn { /* trying to target download link */
    color: var(--cafe-btn-color);
    border-color: var(--cafe-btn-color);
    padding: 4px 10px;
    border: 1px solid;
    font-size: 24px;
    text-decoration: none;
}
.cafe-module-certificate_generation p[style="text-align: center;"] + p:has(a.btn) {
    text-align: center;
}

/*** CONTACT EVERYWHERE ***/
#cafe-contact-form-link {
    display: block;
    margin: 1rem auto;
    text-align: center;
}
#cafe-contact-form-container {

}