@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@200&display=swap');

/* CSS for PDPP */
.list-group { counter-reset: section; color: #555; }
.list-group-item:first-child { font-weight: bold; }
.list-group-item:first-child::before { counter-increment: none; content: none; }
.list-group-item::before { counter-increment: section; content: counter(section) ". "; }
/*
.list-group-item.sub-list-a::before { counter-increment: none; content: ""; margin-left: 2em; }
.list-group-item.sub-list-b::before { counter-increment: none; content: "- "; margin-left: 4em; }
*/

/* CSS for PDPP Doc */
.doc-pdpp * {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 15px;
    line-height: 1.5em;
}
.doc-pdpp h1 { margin: 2em 0 2.7em 0; font-size: 1.48em; font-weight: 900; text-align: center; }
.subsec { padding-left: 2em; }
    .doc-pdpp {
        /* Set "pdpp-counter" to 0 */
        counter-reset: pdpp-counter;
    }
.doc-pdpp h2, .doc-pdpp h3 { font-size: 1.24em; font-weight: bold; }
.doc-pdpp h2 { margin-top: 2.4em; }
    .doc-pdpp h2::before {
        margin-right: 0.5em;
        /* Increment "pdpp-counter" by 1 */
        counter-increment: pdpp-counter;
        content: counter(pdpp-counter) ". ";
        /* Set "subsection" to 0 */
    } 
.doc-pdpp ol.subsec, .doc-pdpp ul.subsec { line-height: 12px; margin-left: 0; counter-reset: subsection; }
.doc-pdpp ol.subsec, .doc-pdpp ul.no-bullet, .doc-pdpp ol.subsec .sub-no-bullet { list-style-type: none; }
.doc-pdpp ol.subsec li, .doc-pdpp ul.subsec li { margin: 14px 0; }
    .doc-pdpp ol.subsec > li::before {
        margin-right: 0.5em;
        /* Increment "subsection" by 1 */
        counter-increment: subsection;
        content: counter(pdpp-counter) "." counter(subsection) " ";
    }
    .doc-pdpp ol.list-parentheses { list-style-type: none; counter-reset: sublist; }
    .doc-pdpp ol.list-parentheses > li::before {
        margin-right: 0.5em;
        /* Increment "sublist" by 1 */
        counter-increment: sublist;
        content: counter(sublist) ") ";
    }
.doc-pdpp ol.subsec .justbullet li::before, .doc-pdpp ol.subsec .sub-no-bullet::before { content: none; }

/* CSS for info and added section */
#doc-pdpp-info { margin-top: 2.9em; }
#doc-pdpp-info dl { margin: 0 0 0 1.5em; padding: 0; }
#doc-pdpp-info dl dt, #doc-pdpp-info dl dd { margin: 0; padding: 0; font-weight: normal; }
#doc-pdpp-added { margin-top: 2.9em; padding-top: 2em; padding-bottom: 4em; border-top: 1px solid #eee; }

/* CSS for contact */
.pdpp-activities-contact { counter-reset: contactsection; }
.pdpp-activities-contact dl { margin-bottom: 0.5em !important; }
    .pdpp-activities-contact dl dt::before {
        display: inline-block; width: 1.8em;
        /* Increment "subsection" by 1 */
        counter-increment: contactsection;
        content: "(" counter(contactsection) ") ";
    }
.pdpp-activities-contact dd { margin-left: 1.8em !important; }

/* CSS for Request Form */
#requestForm fieldset { margin-top: 3.4em; }
#requestForm fieldset legend { font-weight: bold; font-size: 1.4em; }
#requestForm .form-indent-1 { margin-left: 3.4em; }
#requestForm p small { font-size: 0.85rem; }
#requestForm .form-disclaimer ol { list-style-type: none; }
#requestForm .form-disclaimer ol li span { margin-right: 0.45em; }
#requestForm .form-sndRequest { margin: 2em 0; text-align: center; }
#requestForm .btn-upload::file-selector-button { padding: 0.5em 1em; }
#requestForm .list-group { margin-top: 1em; }
#requestForm .list-group-item::before { display: none; }
#requestForm .list-group-item { font-weight: normal; }
.requestForm-topnav { text-align: right; }


/* CSS for Print */
@media print {
/* for printing out */
/* hide these */
#headannouncement { display: none !important; }
.navbar { display: none !important; }
.socialnetwork-top { display: none !important; }
.jjpweblinkbtn { display: none !important; }
.requestForm-topnav { display: none !important; }
.footer { display: none !important; }
#footer-policy { display: none !important; }

/* custom doc for printing */ 
.doc-pdpp { margin: 1.2em 1.4em; font-size: 14px; }
.doc-pdpp h1 { font-size: 1.28em; }
.doc-pdpp h2, .doc-pdpp h3 { font-size: 1.14em; }
#doc-pdpp-added { margin-top: 1.9em; padding-top: 0.5em; padding-bottom: 1em; border-top: 1px solid #eee; font-size: 0.9em; }
a[href]:after { content: " (อ่านรายละเอียดได้ที่ : " attr(href) ")"; font-size: 0.8em; }
}