/*------------------------------------+
 | Site: Center for Illinois Politics |
 | Part: Webflow extra styles         |
 +------------------------------------*/

/* Basics
=====================================================================*/
table { border-collapse: collapse; width: 100%; }
td { border: 1px solid #ddd; padding: 0.5em 1em; }
th { font-weight: bold; text-align: left; padding: 0.5em 1em; }

/* Content
=====================================================================*/
/* Authors */
.byline-authors .byline-part:after { content: ","; }
.byline-authors .byline-part:last-child:after { content: ""; }

/* Autocomplete */
.ui-menu { max-height: 300px; overflow: auto; }

/* DataTables */
.dataTables_filter input { border: 1px solid #ddd; font-weight: normal; padding: 0.3em 0.5em; }
.dataTables_info { margin-right: 1em; }
.dataTables_scroll { margin-bottom: 1em; }
.dataTables_scrollBody { border: 1px solid #ddd; }
.dataTables_scrollHead .sorting_asc:after { content: "\25B2"; }
.dataTables_scrollHead .sorting_desc:after { content: "\25BC"; }
.dataTables_scrollHead th[class *= "sorting"] { cursor: pointer; }
.dataTables_scrollHead th[class *= "sorting_"]:after { color: #aaa; font-size: 11px; margin-left: 0.3em; }
.dataTables_toolbar { align-items: center; display: flex; justify-content: space-between; }
.dataTables_toolbar_primary { align-items: center; flex: 0 0 auto; }
.dataTables_toolbar_secondary { align-items: center; flex: 0 0 auto; display: flex; }
.dt-button { background: #fff; border: 1px solid #ddd; padding: 0.3em 1em; }
.dt-button:hover { background: rgba(0, 0, 0, 0.15); }
.dtr-details { list-style: none; margin: 0; padding: 0; }
.dtr-title { font-weight: bold; }
.dtr-title:after { content: ": "; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child {
    cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before {
    color: #00b3e3;
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: bold;
    margin-right: 0.5em;
}
    
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before { content: "+"; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before { content: "-"; }

/* Help */
.help { cursor: help; }

/* Highcharts */
.highcharts-container * { font-family: Mukta, Arial, sans-serif; }

/* No-break */
.nb { white-space: nowrap; }

/* Tooltips */
.qtip {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    font-size: 1rem;
    line-height: 1.4;
    max-width: 400px;
}

.qtip h2 { font-size: 1em; }
.qtip p { margin: 0; }
.qtip-content { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 20px; }


/* Widths
=====================================================================*/
@media screen and (max-width: 600px) {
    /* Basics */
    td, th { padding: 0.2em 0.4em; }
    
    /* Content */
        /* DataTables */
        .dataTables_toolbar { display: block; }
}