/*
 * GENERAL BODY AND LAYOUT
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');

html,body {
    font: normal normal normal 16px/20px 'Source Sans Pro';
}

.altfont1 {
    font-family: Roboto;
}

#Map {
    height: 100%;
    min-height: 640px;
    border-radius: 15px 90px 8px 30px;
}


/*
 * THE TITLE BOXES
 */

h1 {
    font: normal normal bold 20px/24px Roboto;
    background-color: black;
    color: white;
    padding: 3px 5px;
}

h2 {
    font: normal normal bold 20px/24px Roboto;
}

h3 {
    font: normal normal bold 24px/29px Roboto;
}

.text-big {
    font-size: 20px;
}

.text-blue {
    color: #0174C7;
}


/*
 * H1 TOGGLES
 */

h1[aria-expanded="false"]::before {
    content: "+";
    padding-right: 0.5em;
    padding-left: 0.5em;
}

h1[aria-expanded="true"]::before {
    content: "-";
    padding-right: 0.56em;
    padding-left: 0.56em;
}


/*
 * BUTTONS
 */

.btn {
    border-radius: 25px;
}

.btn-primary {
    background-color: #0174C7;
    border-color: #0174C7;
    color: white;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #009EF5;
    border-color: #009EF5;
    color: white;
}

.btn-secondary {
    background-color: white;
    border-color: #0174C7;
    color: #0174C7;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background-color: #009EF5;
    border-color: #009EF5;
    color: white;
}

.btn-tertiary {
    background-color: #E1E1E1;
    border-color: #E1E1E1;
    color: black;
}
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus {
    background-color: #D1D1D1;
    border-color: #D1D1D1;
    color: black;
}


/*
 * CARDS
 */

div.card {
    box-shadow: 0px 3px 6px #00000029;
}


/*
 * SELECT2
 */


.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #e0e0e0;
}
.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0 3px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    display: none;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin-bottom: 2px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
    margin-top: 1px;
}


/*
 * CHOROPLETH LEGEND CONTROL
 */
div.legend-color-ramp {
    text-align:center;
}

div.legend-color-swatch {
    display: inline-block;
    height:2em; width:2em;
}

div.legend-description {
    text-align:center;
}

div.legend-title {
    text-align:center;

    font-weight:bold;
    font-size:115%;

    padding-bottom:0.5em;
}


/*
 * VOUCHER TYPE (DRIVETRAIN) SECTION
 */

#readout-percentage-bar {
}
#readout-percentage-bar .readout-percentage-bar {
    display: inline-block;
    float: left;
    width: 20%;
    height: 1em;
}
#readout-percentage-bar .readout-percentage-bar-HV {
    background-color: #0174C7;
}
#readout-percentage-bar .readout-percentage-bar-ZEV-BEV {
    background-color: #F3A133;
}
#readout-percentage-bar .readout-percentage-bar-ZEV-FCV {
    background-color: #F26D21;
}
#readout-percentage-bar .readout-percentage-bar-ePTO {
    background-color: #009EF5;
}
#readout-percentage-bar .readout-percentage-bar-NaturalGas {
    background-color: #FBDE60;
}