.fb-interactive div, .fb-interactive select{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* >>> headers and text <<< */

.fb-interactive p, .fb-interactive li, .fb-interactive text, .fb-interactive td{
    font-family: 'Open Sans', 'PT Serif', sans-serif;
    color:#0d2c6c;
    margin:0rem 0rem 1rem 0rem;
    line-height:1.5em;
    font-size:16px;
}

.fb-interactive select, .fb-interactive select option{
    font-family: 'Open Sans', 'PT Serif', sans-serif;
    color:#0d2c6c;
    line-height:1.5em;
    font-size:18px;
}

.fb-interactive .select-wrap{
    float:left;    
    margin:0px 10px 15px 0px;
    padding-right:0px;
    position:relative;
    
}

.fb-interactive .select-wrap:before{
    content:"";
    position:absolute;
    top: 0px;
    left:0px;
    width:100%;
    top:0px;
    height: 100%;
    box-shadow: 2px 2px 9px rgba(0,0,0,0.4);
    border:1px solid #019966;
    border-width: 2px 2px;
    border-radius:5px;
    box-sizing:border-box;
    pointer-events:none;
}

.fb-interactive .select-wrap:hover:before{
    box-shadow: 2px 4px 9px rgba(0,0,0,0.4);
    transform:translateY(-1px);
}

.fb-interactive select{
    background:none;
    outline:none;
    border:none;
    padding:6px 29px 6px 10px;
    top:1px;
    position:relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance:none;
    width:100%;
}

.fb-interactive .select-wrap:hover select{
    top:0px;
}

.fb-interactive .legend-swatch{
    float:left;
    margin:10px 18px 10px 0px;
    vertical-align:middle;
    line-height:1em;
}

.fb-interactive .legend-swatch p{margin:0px; display:inline-block; line-height:1em; vertical-align:middle; font-size:18px;}

.fb-interactive .legend-swatch div{width:1em; height:1em; display:inline-block; vertical-align:middle; margin:0rem 5px 0rem 0rem;}

/*expected use: class="fb-header [section-title | chart-title]"*/
.fb-interactive .fb-header, 
.fb-interactive .fb-header *,
.fb-interactive .fb-light-header,
.fb-interactive .fb-light-header *
{
    font-family: 'Montserrat', 'PT Serif', sans-serif;
    color:#0d2c6c;
    font-weight:900;
    margin:0rem 0rem 15px 0rem;
    line-height:1.3em;
    letter-spacing: 0.01em;
}
.fb-interactive .fb-light-header{
    font-weight:normal;
}

.fb-interactive .fb-section-title{font-size:42px;}
.fb-interactive .fb-group-title{font-size:32px;}
.fb-interactive .fb-chart-title{font-size:22px;}

.fb-interactive .subtitle{font-style:italic;line-height:1.5em}

.fb-interactive .fb-more-info:after{
    background-image:
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACG0lEQVQ4T32Uz4tSURTHv0fcKCkmgQttEVgJrgQlEWaccgIX72mr+Qf68T810z9Qq/TpwsmKaRZmCIL4Y6BEcXCjOGG5UMR74r7ReMp7nt0953s+995z7rkEE8vlcs9tNtsJgAMAgbXkGsAlEX1QFKW8m0ZGR7FYfLRarc6I6NBsA4PvAsBrVVV/bnz/QcVi8VAI8RHAXSPE6XQiGo1CCIFarYb5fL4J/yairKIol9Khg+RJhBDfdyEyFgwGEQqF9ORWq4Ver2fc50YI8SSbzf7SQZqmfQHw1Ow6brcb8XgczIxKpYLZbLYlY+ZvmUwmSevCnu+rCdFtBSTMwo6pUCi8Y+aXZgKPxwO73a6HlsslptOpKYeZT0nTtCsAj80UxvoMh0PU63WrE11J0F8Ad8wULpcLyWRSD3U6HXS7XSvQbC/I7/cjEonoydVqFePx2Ar0Z+/VZNvl9aSVy2XjG9oFdiToDMArs61isRh8Pp9e6FKpZNlYInoru3bMzJ/MVKlUCg6HA5PJRH9DVsbMqc2D/AzgmVEo255Op3VXv99Hs9m04lyoqnqkg/L5/AMi+gHg3kbt9XqRSCT0ZaPRwGAwMANtj4hUFAqFA2aWQ+uV60AggHA4rCcvFgu0222MRiMj7IaIXmwN7SaqadpDAKcAjiwLchv4KoR4I4d1o9v6jwzAFDOfEJH82O6v/dfMLL+M95lMRg75lv0Dh17eH5aL5fwAAAAASUVORK5CYII=);
    background-size: 90% 90%;
    background-repeat:no-repeat;
    padding: 0px;
    width:14px;
    height:14px;
    display:inline-block;
    vertical-align:baseline;
    content:"";
    position:relative;
    left:0px;
    cursor:help;
}

.fb-interactive .level0{
    position:relative;
    z-index:0;
}

.fb-interactive .level1{
    position:relative;
    z-index:1;
}

/*footnotes container for notes and sources*/
.fb-interactive .footnotes{
    margin:2rem 0rem 0rem 0rem;
    position:relative;
}
.fb-interactive .footnotes:before{
    content:"";
    position:absolute;
    width:200px;
    height:1px;
    border-top:1px solid #aaaaaa;
}
.fb-interactive .footnotes > *{
    font-style:italic;
    color:#555555;
}

.fb-interactive .definitions-box{
    position: absolute;
    top: 100%;
    left: 0%;
    width:100%;
    padding: 10px 1% 0px 10px;
    background-color:#e0e0e0;
    border-radius:10px;
    border:2px solid #ffffff;
    border-width:2px 2px;
}

.fb-interactive .definitions-box > p{
    font-size:0.9em;
    line-height:1.4em;
}

/*number line plots*/
.fb-interactive .number-line-plot{
    overflow: visible;
    margin:10px 0rem;
    padding:5px 15px;
}

/*columns*/
.fb-interactive .fb-center-col{
    max-width:1400px;
    margin:15px auto;
}

.fb-interactive .green-square-wrap{
    padding:0px 15px;
}

.fb-interactive .green-square-wrap > div{
    border-width:2px;
    padding:15px 0px;
    border-style:solid;
    border-color:#019966;
}

.fb-interactive .green-border{
    border-width:2px;
    border-style:solid;
    border-color:#019966;    
}

.fb-interactive .map-container{
    position:relative;
    z-index:10;
    float:left;
    width:70%;
}

.fb-interactive .map-bars-container{
    position:relative;
    z-index:5;
    float:left;
    width:30%;
    width:calc(30% - 5px);
    left:5px;
}

.fb-interactive .two-columns > div{
    float:left;
    width:50%;
    min-width:320px;
}

/*clearfix*/
.fb-interactive .c-fix:after {
  content: "";
  display: table;
  clear: both;
}

.fb-interactive .no-data-available > div:first-child:after{
    content:"Not available";
    font-family: 'Open Sans', 'PT Serif', sans-serif;
}

.fb-interactive .two-column-header > div{
    float:right;
    width:50%;
    padding:0px 15px;
}

/*side-by-side section header img for brookings.edu*/
.fb-section-panel{
    width:100%;
    min-height:770px;
    height:100vh;
    padding:0px;
    background-size:cover;
    background-repeat: no-repeat;
    max-width:1525px;
    margin:150px auto;
}

.fb-section-panel.fb-why{
    background-image:url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-why.jpg');
    background-position: 17vw bottom;
}

.fb-section-panel.fb-indicators{
    background-image:url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-outcomes.jpg');
    background-position: 17vw bottom;
}

.fb-section-panel.fb-what{
    background-image:url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-what.jpg');
    background-position: -25vw bottom;
}
.fb-section-panel.fb-where{
    background-image:url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-where.png');
    background-size:70%;
    background-position: -15vw center;
}

.fb-section-panel .fb-mobile-panel{
    background-repeat: no-repeat;
    background-size:cover;
    width:100%;
    height:50vh;
    min-height:300px;
}
.fb-section-panel .fb-mobile-what{
    background-image: url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-what.jpg');
}
.fb-section-panel .fb-mobile-why{
    background-image: url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-why.jpg');
}
.fb-section-panel .fb-mobile-where{
    background-image:url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-where.png');
    background-size:cover;
    background-position: center center;
}

.fb-section-panel .fb-mobile-indicators{
    background-image:url('https://www.brookings.edu/wp-content/uploads/2018/10/heartland-outcomes.jpg');
}

.fb-section-panel > div{
    width:50%;
    margin:0px;
    padding:0px;
    height:100%;
    display:table;
    background-color:#0d73d6;
    box-sizing: border-box;
    float:left;
    padding:80px;
}

.fb-section-panel > div.right-panel{float:right;}

.fb-section-panel > div > div{
    display:table-row;
}

.fb-section-panel > div > div > div{
    display:table-cell;
    vertical-align:middle;
}

.fb-section-panel > div > div > div > p{
    line-height:1.7em;
    color:#ffffff !important;
}

.fb-interactive .rm{
    display:none;
}



@media (min-width:0px){
    .fb-interactive .two-columns > div{
        float:none;
        width:auto;
        margin:0rem 0rem 1rem 0rem;
    }

    .fb-interactive .two-column-header > div{
        float:none;
        width:auto;
    }

    .fb-interactive .half-width{
        width:auto;
        padding:0px;
        box-sizing:border-box;
    }

    .fb-interactive .map-container{
        width:auto;
        float:none;
        left:auto;
    }
    
    .fb-interactive .map-bars-container{
        display:none;
    }

    .fb-interactive .fb-mobile-view{
        display:block;
    }

    .fb-interactive .fb-section-title{font-size:28px;}
    .fb-interactive .fb-group-title{font-size:23px;}
    .fb-interactive .fb-chart-title{font-size:18px;}
    .fb-interactive select, .fb-interactive select option{font-size:16px;}    
    .fb-interactive .legend-swatch p{font-size:16px;} 

    .fb-section-panel{
        height:auto;
    }

    .fb-section-panel > div{
        padding:32px 40px;
        float:none;
        width:auto;
        height:auto;
        min-height:50vh;
    }

    .fb-section-panel > div.right-panel{float:none;}

    .fb-section-panel .fb-mobile-panel{
        display:block;
    }

    .fb-first-panel{
        margin-top:50px !important;
    }
}

@media (min-width:768px){
    .fb-interactive .two-columns > div{
        float:left;
        width:50%;
        margin:0rem 0rem 1rem 0rem;
    }

    .fb-interactive .two-column-header > div{
        float:right;
        width:50%;
    }

    .fb-interactive .select-wrap{
        float:left;
    }

    .fb-interactive .half-width{
        width:50%;
        padding:0px 15px 0px 0px;
    }

    .fb-interactive .fb-section-title{font-size:42px;}
    .fb-interactive .fb-group-title{font-size:32px;}
    .fb-interactive .fb-chart-title{font-size:22px;}   
    .fb-interactive select, .fb-interactive select option{font-size:18px;}  
    .fb-interactive .legend-swatch p{font-size:18px;} 

    .fb-section-panel{
        height:100vh;
    }

    .fb-section-panel > div{
        padding:0px 40px;
        float:left;
        width:50%;
        height:100%;
    }

    .fb-section-panel > div.right-panel{
        float:right;
    }

    .fb-section-panel .fb-mobile-panel{
        display:none;
    }

    .fb-first-panel{
        margin-top:400px !important;
    }

}

@media (min-width:1000px){
    .fb-interactive .map-container{
        float:left;
        width:70%;
    }
    
    .fb-interactive .map-bars-container{
        display:block;
    }

    .fb-interactive .fb-mobile-view{
        display:none;
    }

    .fb-section-panel > div{
        padding:0px 80px;
    }

    .fb-first-panel{
        margin-top:400px !important;
    }

}