* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{font-size: 62.5%;}

body{
    display: flex;
    font-size: 1.6rem;
    line-height:1.5em;
}

.section--map{width: 75%;height: 100vh;}
.section--tabs{width: 25%;display: flex;flex-direction: column;}
.section--tabs > section{ height: 100%;}

h1{text-align: center; margin-top: 1em;}

figure{ height: auto; width: 90%; margin: 0 auto;}

svg{
    max-width: 100%; max-height: 100%;
    margin: 0 auto;
    height: 100%;
}

.fill--functions{display: flex;flex-wrap: wrap;}
.fill--divisions{display: flex;flex-wrap: wrap;}
.fill--divisions > div {
    display: flex; flex-direction: column;
    width: 50%;
}

dl{display: flex;flex-wrap: wrap;}
dt, dd{width: 50%;}

path{ fill: white; stroke: black; }
path:hover{ fill:white; stroke:white;}

path.selected{fill: yellow;  stroke: yellow;}

/*NFL Team Market Styles*/
.ari { fill: #97233F; stroke: #97233F; }
.atl { fill: #a71930; stroke: #a71930; }
.bal { fill: #241773; stroke: #241773; }
.buf { fill: #00338D; stroke: #00338D; }
.car { fill: #0085CA; stroke: #0085CA; }
.chi { fill: #0B162A; stroke: #0B162A; }
.cin { fill: #fb4f14; stroke: #fb4f14; }
.cle { fill: #311D00; stroke: #311D00; }
.dal { fill: #869397; stroke: #869397; }
.den { fill: #FB4F14; stroke: #FB4F14; }
.det { fill: #0076b6; stroke: #0076b6; }
.gb  { fill: #203731; stroke: #203731; }
.hou { fill: #03202f; stroke: #03202f; }
.ind { fill: #003087; stroke: #003087; }
.jax { fill: #D7A22A; stroke: #D7A22A; }
.kc  { fill: #E31837; stroke: #E31837; }
.lv  { fill: #000000; stroke: #000000; }
.lac { fill: #0080C6; stroke: #0080C6; }
.lar { fill: #003594; stroke: #003594; }
.mia { fill: #008E97; stroke: #008E97; }
.min { fill: #4F2683; stroke: #4F2683; }
.ne  { fill: #002244; stroke: #002244; }
.no  { fill: #D3BC8D; stroke: #D3BC8D; }
.nyg { fill: #0B2265; stroke: #0B2265; }
.nyj { fill: #125740; stroke: #125740; }
.phi { fill: #004C54; stroke: #004C54; }
.pit { fill: #FFB612; stroke: #FFB612; }
.sf  { fill: #B3995D; stroke: #B3995D; }
.sea { fill: #69BE28; stroke: #69BE28; }
.tb  { fill: #34302B; stroke: #34302B; }
.ten { fill: #4B92DB; stroke: #4B92DB; }
.was { fill: #773141; stroke: #773141; }

.no_game{ fill:white; stroke:white;}


/* tabs */

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}