/**
 * THE BIG MAP section
 **/

#mapcontainer {
}

#nationaloverviewmap {
    width: 100%;
    height: 440px;
}

#mapbuttons-colorby-descriptions > div {  /* those descriptions of each Color By option */
}

p.mapbuttons {
}

p.mapbuttons button {
    cursor:pointer;
}

@media screen and (max-width: 767px) {  /* mobile: make buttons side-by-side and smaller so they fit, less vertical space */
    p.mapbuttons button {
        display: inline !important;
        margin-right: 1em;
        font-size: 0.7rem;
        margin-bottom: 0;
    }
    p.mapbuttons button:last-child {
        margin-right: 0;
    }
    p.mapbuttons:last-child {
        margin-bottom: 0;
    }
}



/**
 * NATIONAL SUMMARY text box
 **/
#nationalsummary {
}


/**
 * PARTY CONTROL section including the big table
 * and hiding some columns on mobile
 * and aligning swatches to P content even with linewrap
 **/
#partycontrol {
}

#control-table tbody span.partyswatch, #control-table tbody span.institutionswatch, #control-table tbody span.drawnbyswatch {
    float: left;
    margin-right: 5px;
}
#control-table tbody td p {
    overflow: hidden;
}

#control-table tbody td:nth-child(3),
#control-table tbody td:nth-child(4),
#control-table tbody td:nth-child(5) {  /* too many columns = too wide; try and make these columns get the space they need */
    width: 10em;
}

#control-list-from-map p {  /* that legend bit above the table */
    font-family: Montserrat, sans-serif;
}