html, body {overflow-x: hidden; height: 100%;}
body {padding-top: 66px; display: flex; flex-direction: column; scroll-padding-top: 100px}

.content {flex: 1 0 auto;}
.footer {flex-shrink: 0;}

.container.padded {padding-top: 6rem; padding-bottom: 6rem;}
.container.skinny {max-width: 800px;}

.popover-link {text-decoration: underline dotted; text-underline-offset: 2px; cursor: pointer; color: #007bff;}
.popover {max-width: 500px;}

.font-size-larger {font-size: 1.2rem;}

.faq-question {cursor: pointer; margin-bottom: 0;  padding: .3rem .5rem; font-weight: normal;}

.state-choice-map a {cursor: pointer;}
.state-choice-map a path {fill: #C5D4D9; transition: fill .5s ease;}
.state-choice-map a text {cursor: pointer; fill: #222; font-size: 10px;}

.state-choice-map a:hover {text-decoration: none;}
.state-choice-map a:hover path {fill: #425957; color: #425957;}
.state-choice-map a:hover text {fill: #fff; color: #fff; text-decoration: none;}
.state-choice-map a.inverse:hover text {fill: #222; color: #fff;}

.state-choice-map .disabled {cursor: default; fill: #ddd; font-size: 10px;}
.state-choice-map .disabled path {cursor: default; fill: #ddd;}
.state-choice-map .disabled text {cursor: default; fill: #222; color: #222;}

.state-list {column-count: 2;}

.hover-area-info .popover-link {opacity: 0; transition: opacity .2s;}
.hover-area-info:hover {transition: opacity .2s;}
.hover-area-info:hover .popover-link {opacity: 1;}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem; padding-right: 1rem;}

    .state-list {column-count: 6;}
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .state-list {column-count: 3;}
}

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}