/*  JULY 2021
.cls-1 {
    fill: #003365;
    stroke: #003365;
}

.cls-1,
.cls-10,
.cls-11,
.cls-2,
.cls-3,
.cls-9 {
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cls-1,
.cls-11,
.cls-2,
.cls-3 {
    stroke-width: 0.48px;
}

.cls-2 {
    fill: #017fb0;
    stroke: #017fb0;
}

.cls-3 {
    fill: #fff;
    stroke: #fff;
}

.cls-4,
.cls-6,
.cls-8 {
    font-size: 1px;
    font-weight: 700;
}

.cls-5 {
    letter-spacing: -0.02em;
}

.cls-6 {
    letter-spacing: -0.06em;
}

.cls-7 {
    letter-spacing: -0.04em;
}

.cls-8 {
    letter-spacing: -0.07em;
}

.cls-10,
.cls-11,
.cls-9 {
    fill: none;
    stroke: #000;
}

.cls-9 {
    stroke-width: 1.92px;
}

.cls-10 {
    stroke-width: 0.96px;
} */


/* April 2022 CSS Update*/

.st0{
    fill:#003365;
    stroke:#003365;
    stroke-width:0.48;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.st1{
    fill:#017FB0;
    stroke:#017FB0;
    stroke-width:0.48;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.st2{
    fill:#FFFFFF;
    stroke:#FFFFFF;
    stroke-width:0.48;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.st3{
    font-family:'roboto', Arial, Helvetica, sans-serif;
    font-size:1px;
}

/* .st4{
    font-size:1px;
} */

.st5{
    fill:none;
    stroke:#000000;
    stroke-width:1.9201;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.st6{
    fill:none;
    stroke:#000000;
    stroke-width:0.96;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.st7{
    fill:none;
    stroke:#000000;
    stroke-width:0.48;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}


#STATES{
    fill:#fff;
}
#WISCONSIN, #MICHIGAN, #NORTH-DAKOTA, #INDIANA, #VERMONT, #NEW-HAMPSHIRE, #MARYLAND, #DELAWARE, #NEW-JERSEY, #MASSACHUSETTS, #RHODE-ISLAND, #CONNECTICUT{
    fill:#000;
}

#franchiseMap{
    margin-top:-25px;
    margin-bottom: 50px;
}

#franchiseMap text{
    font-family:roboto, sans-serif;
    color: gray;
}

#franchiseKey{
    margin-top:-20px;
}

.franchise-colorbox{
    width:40px;
    height:40px;
    display: inline-block;
    position:inherit;
    float:left;
    margin:4px 15px 0px 0px;

}

.franchise-key-text{
    font-weight:bold;
    font-size: 1.225rem;
}

.ModuleFranchiseList,.ModuleContentDropdownMenu{
    position:relative;
}
.ModuleFranchiseList:before,.ModuleContentDropdownMenu:before{
    position:absolute;content:"";
    display:block;
    top:0;right:0;
    left:0;
    height:43px;
    background-repeat:no-repeat;
}


.ModuleFranchiseList .dropdown-heading,.ModuleContentDropdownMenu .dropdown-heading{
    color:#036;
    font-size:24px;
    font-weight:bold;
    padding-bottom:2px;
}
.ModuleFranchiseList .dropdown-toggle,.ModuleContentDropdownMenu .dropdown-toggle{
    border:2px solid #d0cece;
    background:#fff;
    text-align:left;
    font-size:20px;
    color:#333;
    font-weight:normal;
    padding:13px 20px 14px;
    background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.4%2014.1%22%3E%3Cpath%20d%3D%22M.7.7l12%2C12%2C12-12%22%20fill%3D%22none%22%20stroke%3D%22%2395989a%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
    background-repeat:no-repeat;
    background-position:96% 56%;
    background-size:24px 12px;
    width:371px;
    max-width:100%;
    cursor:pointer;
}
.ModuleFranchiseList .dropdown-toggle:focus,.ModuleContentDropdownMenu .dropdown-toggle:focus{
    outline-style:ridge;
    outline-color:#005696;
    outline-width:4px;
}
.ModuleFranchiseList .dropdown-menu,.ModuleContentDropdownMenu .dropdown-menu{
    padding:10px 10px 10px 20px;
    margin:0;
    border:0;
    width:371px;
    max-width:100%;
    box-shadow:0 20px 16px 0 rgba(0,0,0,.16);
    border:solid 2px #d0cece;
    border-top:none;
}


.ModuleFranchiseList .dropdown-menu>li>a,.ModuleContentDropdownMenu .dropdown-menu>li>a{
    text-decoration:none;
    color:#036;
    font-size:18px;
    padding:0px 0px 0px 10px;
}
.ModuleFranchiseList .dropdown-menu>li>a.active,.ModuleContentDropdownMenu .dropdown-menu>li>a.active{
    color:#007fb0;
    font-weight:bold;
}
.ModuleFranchiseList .dropdown-menu>li>a.active:before,.ModuleContentDropdownMenu .dropdown-menu>li>a.active:before{
    content:"";
    display:inline-block;
    width:6px;
    height:12px;
    margin-right:6px;
    background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.1%2013.3%22%3E%3Cpath%20d%3D%22M1%2C12.3%2C6.7%2C6.7%2C1%2C1%22%20fill%3D%22none%22%20stroke%3D%22%230089be%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
    background-repeat:no-repeat;
    background-size:100%;
}
.ModuleFranchiseList-dropdown {
    padding:25px 20px 25px 0px;
    width:1198px;
    max-width:100%;
    margin:0 auto;
}

#selectState ul{
    max-height:400px;
    overflow:auto;
}

#stateSection{
    margin:0px 0px 50px 0px;
    display:inline-block;
}

#stateSection .franchise-markets {
    display:inline-grid;
    margin: -15px 0px 20px 0px;
    padding:0px 25px 0px 0px;
    width:100%;
}

#stateSection .franchise-markets h3{
    font-family:roboto, sans-serif;
    font-size:1.25em;
    font-weight:bold;
}

#stateSection ul{
    padding:0px;
    margin:0px;
}


#stateSection .stateListing{
    display:none;
}

#stateSection .stateListing .franchise-markets h3{
    letter-spacing: .05em;
}

#stateSection .stateListing ul{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.franchise-county{
    list-style-type:none;
    font-size:95%;
}

@media screen and (min-width: 600px) {
    .franchise-county {
        font-size:100%;
    }
}