@charset "UTF-8";
/**
 * Theme styles
 *
 * @package gnl-framework
 */

/* Header */
.gnl-header,
.gnl-main-content {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
}
.gnl-header-container {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 0 32px;
    max-width: 1248px;
    padding: 0 16px;
    margin: 0 auto;
}
.has-header-center .gnl-header-container {
    justify-content: center;
}
@media (min-width: 840px) {
    .gnl-header-container {
        flex-flow: row;
        justify-content: space-between;
    }
}
.gnl-brand {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0 32px;
}
@media (min-width: 840px) {
    .gnl-brand {
        flex-flow: row;
    }
}
.gnl-site-logo-link {
    margin-top: 32px;
    margin-bottom: 32px;
}
.gnl-site-title {
    font-size: 20px;
}
.gnl-site-title-link {
    color: white;
    text-decoration: none;
}
.gnl-site-title-link:active,
.gnl-site-title-link:focus,
.gnl-site-title-link:hover {
    color: white;
}
.gnl-site-title-tagline {
    text-align: center;
    margin-bottom: 32px;
}
.gnl-site-title,
.gnl-site-tagline {
    margin-top: 0;
    margin-bottom: 0;
}
@media (min-width: 840px) {
    .gnl-site-title-tagline {
        text-align: left;
        margin-bottom: 0;
    }
    .gnl-site-title {
        margin-top: 2px;
    }
}
.gnl-navigation.gnl-navigation--header {
    width: auto;
    flex-basis: auto;
}
.has-header-center .gnl-navigation.gnl-navigation--header {
    position: absolute;
    width: calc(100% - 32px);
    top: 10px;
}
@media (max-width: 839px) {
    .gnl-navigation.gnl-navigation--header {
        position: absolute;
        width: calc(100% - 32px);
        top: 10px;
    }
}
@media (max-width: 1023px) {
    .gnl-navigation.gnl-navigation--header .gnl-navigation__nav {
        display: none !important;
    }
    .gnl-navigation-drawer__button-container {
        display: flex !important;
    }
    .gnl-search {
        display: none;
    }
}
@media (min-width: 1024px) {
    .gnl-navigation.gnl-navigation--header .gnl-navigation__nav {
        display: flex !important;
        margin-top: 6px;
    }
    .gnl-navigation-drawer__button-container {
        display: none !important;
    }
    .gnl-search {
        display: flex;
        width: 31.578947%;
        position: relative;
    }
    .gnl-navigation[class$="search"] {
        position: absolute;
        right: 0;
    }
    .gnl-navigation[class$="before-search"] {
        top: -20px;
    }
    .gnl-navigation[class$="after-search"] {
        bottom: -16px;
    }
    .gnl-navigation[class$="search"] > ul  {
        display: flex;
        list-style: none;
        align-items: center;
        padding: 0;
        margin: 0;
    }
    .gnl-navigation[class$="search"] > ul > li {
        margin-left: 1rem;
    }
    .gnl-navigation[class$="search"] > ul > li:first-child {
        margin-left: 0;
    }
    .gnl-navigation[class$="search"] > ul > li > a {
        color: #fff;
        text-decoration: none;
    }
    .gnl-navigation[class$="search"] > ul > li > a:hover {
        text-decoration: underline;
    }
    .gnl-navigation[class$="search"] > ul > li.mygovnl > a {
        display: block;
        text-indent: -9999px;
        width: 198px;
        height: 26px;
        background: url("../images/mygovnl-and-online-services.svg") 0 6px / 198px 20px no-repeat;
    }
    .gnl-search-form {
        width: 100%;
    }
}
@media (max-width: 839px) {
    .gnl-navigation.gnl-navigation--header {
        position: fixed!important;
        overflow: hidden;
        width: 100%!important;
        top: 0!important;
    }
    .gnl-navigation-drawer__button-container {
        min-height: 54px;
    }
    .gnl-navigation .gnl-navigation-drawer__button {
        margin-top: 0px;
        margin-right: 18px;
    }
    .gnl-brand {
        margin-top: 17px;
    }
}
.gnl-navigation.gnl-navigation--side .gnl-navigation-drawer__nav {
    flex: 0 0 auto;
}
.gnl-header-image {
    background-position: 50%;
    background-repeat: no-repeat;
}
.gnl-navigation-drawer .gnl-list-group__item {
    display: flex;
    position: relative;
    padding: 5px 9px;
    color: #5f6368;
    align-items: center;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    width: 100%;
}
.gnl-mobile-menu-button {
    padding: 0;
    max-width: 75%;
}
.gnl-navigation-drawer .gnl-navigation-drawer__nav .menu-item .sub-menu {
    overflow: hidden;
    max-height: 0;
    display: none;
    transition: max-height .4s;
}
.gnl-navigation-drawer .gnl-navigation-drawer__nav .menu-item .gnl-icon::before {
    display: none;
}
.gnl-navigation-drawer .gnl-navigation-drawer__nav .menu-item-has-children .gnl-icon {
    border-radius: 0;
    right: 10px;
    text-transform: none;
    background-color: inherit;
    unicode-bidi: isolate;
    padding-block: 0px;
    padding-inline: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d8da;
    border-image: none;
}
.gnl-navigation-drawer .gnl-navigation-drawer__nav .menu-item-has-children .gnl-icon:focus {
    border-width: 2px;
    border-style: solid;
    border-color: #000;
}
.gnl-navigation-drawer .gnl-navigation-drawer__nav .menu-item-has-children .gnl-icon::before {
    display: inline;
    right: 10px;
}
.gnl-sub-menu-icon::before {
    transform: rotate(360deg)!important;
}
.gnl-navigation-drawer .gnl-navigation-drawer__nav .menu-item-has-children .gnl-icon:target {
    display: inline;
    right: 10px;
}
.sub-menu-expanded {
    max-height: 100%!important;
    overflow: visible!important;
    transition: max-height .4s;
    display: block!important;
}

/* Breadcrumbs */
.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.breadcrumbs ol li:not(:last-child):after {
    content: '';
    display: inline-flex;
    width: 6.1px;
    height: 10px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOS45OTkiIHdpZHRoPSI2LjA2NiIgdmlld0JveD0iMCAwIDYuMDY2IDkuOTk5Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5jbHMtMXtmaWxsOiAjMjEyMzI2O3N0cm9rZS13aWR0aDogMHB4O308L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2LjA2NiA0Ljk5NyAxLjA2OSAwIC4wMDggMS4wNiAzLjk0MiA0Ljk5MyAwIDguOTM1IDEuMDY0IDkuOTk5IDUuMDA2IDYuMDU4IDUuMDA2IDYuMDU4IDYuMDY2IDQuOTk3Ii8+PC9zdmc+) no-repeat center / 6.1px 10px;
    margin: 0 0.4375rem 0 0.5625rem;
}
.breadcrumbs ol li a {
    color: inherit;
    text-decoration: none;
}
.breadcrumbs ol li a:hover {
    text-decoration: underline;
}

/* Cards */
.gnl-carousel .gnl-card {
    flex-basis: auto;
    margin-left: 16px;
    margin-right: 16px;
}
.gnl-card__icon > .material-icons {
    font-size: 87px; /* Maximum width/height 80px */
}
.gnl-card__icon > *[class^="fa-"] {
    font-size: 64px; /* Maximum width/height 80px */
}

.gnl-card:hover {
    background-color: #f1f3f4!important;
}
.gnl-card .gnl-link {
    text-decoration: none !important;
}
.gnl-grid__item a {
        text-decoration: none !important;
}
.gnl-grid__item a:hover {
    color: black !important;
}

/* Slick Slider */
.slick-slider {
    margin-left: -1rem;
    margin-right: -1rem;
}
.slick-dotted.slick-slider {
    margin-bottom: 2.375rem;
}
.slick-slider .slick-track {
    display: flex;
}
.slick-slide {
    height: auto;
    display: flex !important; /* 100% height */
}
.slick-prev, 	
.slick-next {
    width: 1.125rem;
    height: 2rem;
    background-color: #5f6368;
    opacity: 1;
}
.slick-prev:before,
.slick-next:before {
    content: none;
}
.slick-prev {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMjMyODJEO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjEsMTMuOSAxNS45LDAuMSAxOCwyLjIgNC4yLDE2IDE4LDI5LjggMTUuOSwzMS45IDIuMSwxOC4xIDAsMTYgIi8+Cjwvc3ZnPgo=);
    -webkit-mask-repeat: no-repeat;
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOCAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMjMyODJEO30KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyLjEsMTMuOSAxNS45LDAuMSAxOCwyLjIgNC4yLDE2IDE4LDI5LjggMTUuOSwzMS45IDIuMSwxOC4xIDAsMTYgIi8+Cjwvc3ZnPgo=);
    left: -2rem;
    mask-repeat: no-repeat;
}
.slick-next {
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTggMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzIzMjgyRDt9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4LDE2IDE1LjksMTguMSAyLjEsMzEuOSAwLDI5LjggMTMuOCwxNiAwLDIuMiAyLjEsMC4xIDE1LjksMTMuOSAiLz48L3N2Zz4=);
    -webkit-mask-repeat: no-repeat;
    mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTggMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzIzMjgyRDt9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjE4LDE2IDE1LjksMTguMSAyLjEsMzEuOSAwLDI5LjggMTMuOCwxNiAwLDIuMiAyLjEsMC4xIDE1LjksMTMuOSAiLz48L3N2Zz4=);
    right: -2rem;
    mask-repeat: no-repeat;
}
.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
    background-color: #212326;
    opacity: 1;
}
.slick-dots {
    line-height: 0;
    bottom: -2.8125rem;
}
.slick-dots li button:before {
    color: #5f6368;
    opacity: 1;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before, 
.slick-dots li button:focus:before {
    color: #212326;
    opacity: 1;
}
/* Fix infinite width issue */
.cards-content,
.features-content { 
    width: 0;
    min-width: 100%;
}

/* Content */
.gnl-main-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Footer */
.gnl-footer__content,
.gnl-footer__widgets {
    text-align: left;
}

.menu-item {
	list-style-type: none;
}

.gnl-card-background {
    background-size: cover;
    background-position: center;
    height: 250px;
    width: 100%;
}

.gnl-card-background:hover {
    opacity: 0.7;
}


.gnl-header-white {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 16px;
    color: #fff !important;
    font-family: Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-decoration: none!important;
    text-transform: uppercase;
    padding-left: 16px;
    font-size: 1.9rem;
}

a[target$='new']::before, a[target$='blank']::before, a[rel$='noopener']::before {
    content: " (opens in a new window)";
    font-size: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    clip: rect(0, 0, 0, 0); 
  }

a[target$='new']::after, a[target$='blank']::after, a[rel$='noopener']::after {
    content:"\f08e";
  font-family: "Font Awesome 6 Free";
  padding-left: 0.1875rem;
  font-size: 14px;
}

.gnl-list-group__item[target$='blank']::after, a[rel$='noopener']::after {
    color: #004b87;
}

a[href$='.pdf']::after {
    content:"\f1c1";
  font-family: "Font Awesome 6 Regular";
  padding-left: 0.1875rem;
  color: #d32f2f!important;
  font-weight: 10;
  font-size: 14px;
}

a[href$='.pdf']::before, a[href$='.pdf']::before {
    content: " (opens a PDF)";
    font-size: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    clip: rect(0, 0, 0, 0); 
  }

a[href$='.pptx']::after {
    content:"\f1c2";
  font-family: "Font Awesome 6 Regular";
  padding-left: 0.1875rem;
  color: #9b6116!important;
  font-size: 14px;
}

a[href$='.zip']::after {
    content:"\f1c6";
  font-family: "Font Awesome 6 Regular";
  padding-left: 0.1875rem;
  font-size: 14px;
}

a[href$='.gif']::after, a[href$='.png']::after, a[href$='.jpg']::after, a[href$='.jpeg']::after, a[href$='.svg']::after {
    content:"\f03e";
  font-family: "Font Awesome 6 Regular";
  padding-left: 0.1875rem;
  font-size: 14px;
}

a[href$='.doc']::after, a[href$='.docx']::after {
    content:"\f1c2";
  font-family: "Font Awesome 6 Regular";
  padding-left: 0.1875rem;
  color: #004b87!important;
  font-size: 14px;
}

a[href$='.xlsx']::after, a[href$='.csv']::after, a[href$='.xls']::after, a[href$='.ods']::after {
    content:"\f1c3";
  font-family: "Font Awesome 6 Regular";
  padding-left: 0.1875rem;
  color: #3e861f!important;
  font-size: 14px;
}

a[href$='.xlsx']::before, a[href$='.csv']::before, a[href$='.xls']::before, a[href$='.ods']::before, a[href$='.doc']::before, a[href$='.docx']::before, a[href$='.zip']::before, a[href$='.pptx']::before {
    content: " (downloads a file)";
    font-size: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    clip: rect(0, 0, 0, 0); 
  }

a:empty {
    display: none;
}

.entry-content ul li::before {
    content: "\f14a";
    font-family: "Font Awesome 6 Free";
    padding-right: 0.57285714rem;
} 

.entry-content ul li {
    list-style: none;
} 

@media (min-width: 840px) {
    .gnl-grid--columns-5 {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 840px) {
    .gnl-grid--columns-5 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 840px) {
    .gnl-grid--columns-5 .gnl-grid__item {
        width: calc(20% - 19px);
    }
}

@media (max-width: 840px) {
    .gnl-grid--columns-5 .gnl-grid__item {
        width: calc(50% - 24px);
    }
}

@media (min-width: 1040px) {
    .gnl-elections-bottom-content {
        display: none;
    }
}

@media (max-width: 1040px) {
    .gnl-elections-sidebar {
        display: none;
    }
}

.gnl-navigation .gnl-navigation-drawer__button-container {
    color: #000;
}

.elections-card-icon-big {
    width: 100%!important;
    height: 100%!important;
}

.elections-frame {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    border: none;
}

nav .current {
    background-color: #ebebeb;
}


.dt-layout-row, .test-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dataTables_wrapper .gnl-table__row th:first-child {
    width: 8em;
    white-space: wrap;
}

.dataTables_wrapper .gnl-table__row td:first-child {
    width: 8em;
    white-space: wrap;
}

.dataTables_wrapper .gnl-table__row th {
    position: relative;
    white-space: wrap;
    max-width: none;
}

.dataTables_wrapper .gnl-table__row td {
    position: relative;
    white-space: wrap;
    max-width: none;
}

.dataTables_wrapper thead tr {
    height: 0;
}

.dataTables_wrapper tfoot tr {
    height: 0;
}

.test-flex .gnl-button {
    padding: 6px 16px;
}

.test-flex .gnl-button:hover {
    background-color: #e8f0fe;
}

.sorting_asc::after {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f077" !important;
    position: absolute;
    right: 1rem;
    top: 16px;
    line-height: 1.5;
    color: black !important;
}

.sorting_desc::after {
    display: inline-block;
    font: normal normal normal 14px / 1 "Font Awesome 6 Free";
    font-size: inherit;
    text-rendering: auto;
    content: "\f078" !important;
    position: absolute;
    right: 1rem;
    top: 16px;
    line-height: 1.5;
    color: black !important;
}

.can_sort::after {
    display: inline-block;
    font: normal normal normal 14px / 1 "Font Awesome 6 Free";
    /*font-size: inherit;*/
    font-size: 12px;
    text-rendering: auto;
   /* content: "\f0dc";  */
    content: "\f078\f077";
    position: absolute;
    right: .7rem;
    top: 18px;
    line-height: 1.5;
    color: gray;
}


.flex_col{
    display: flex;
    flex-direction: column-reverse;
    width: 200px;
}

.flex_col label::after{
     content: ':';
}

@media (max-width: 600px) {
    .dt-layout-row, .test-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        align-items: baseline;
    }
    nav.test-flex {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row!important;
        align-items: baseline;
        max-width: 90vw;
    }
    .gnl-button-set {
        max-width: 90vw;
    }
}
@media (max-width: 839px) {
    .sorting_asc::after {
        top: 8px;
    }
    
    .sorting_desc::after {
        top: 8px;
    }
    
    .can_sort::after {
        top: 8px;
    }
}

@media (max-width: 1023px) {
    .gnl-elections-sidebar {
        display: none;
    }
}

.dataTables_wrapper {
   /* overflow:auto;
    overflow-x: auto;*/
    width: 100%;
}
/*
thead {
    position: sticky !important;
    top: 0;
    z-index: 1;
} 

*/
.headers {
    /* height: 90px;
    position: sticky; */
    top: 0;
    z-index: 1;
  }
  .scroller {
    overflow: auto;
  }

  .district-map {
    width: 100%;
    height: 420px;
  }


  #top-button {
    display: inline-block; 
     background-color: #00749E; 
     width: 55px;
     height: 55px;
     text-align: center;
     border: none;
     border-radius: 50%;
     position: fixed;
     bottom: 24px;
     left: 24px;
     visibility: hidden;
     z-index: 1000;
   }
   #top-button:hover {
    cursor: pointer;
    opacity: 99%;
    background-color: #43a5c9; 
  }
  #top-button {
    opacity: 90%;
    visibility: visible;
  }

#top-button::before {
   transform: rotate(180deg);
   margin-left: -14px;
   margin-top: -9px;
   font-size: 4.5em;
   color: #fff;
  }

.gnl-video-frame {
    width: 60%;
    height: 20vw;
}

@media (max-width: 600px) {
    .gnl-video-frame {
        width: 100%;
        height: 50vw;
    }

    .gnl-child-page-title {
        font-size: 17px;
    }
}

.gnl-alert-top-box {
    margin-top: 3vw;
}

@media (max-width: 600px) {
    .gnl-alert-top-box {
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

.flex-table-100 {
    flex: 0 0 100%;
}

.red{
    color: red;
    background-color: red;
}

.gnl-header {
    z-index: 2000;
}

.test-table-scroll {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    max-height: 80vh;
    overflow: auto;
}



@media (min-width: 840px) and (max-width: 1024px) {
    @supports (display:grid) {
        .layout-grid__cell--span-8, .layout-grid__cell--span-8-tablet {
            width: auto;
            grid-column-end: span 12;
        }
    }
} 

.gnl-button-set .gnl-button {
    margin: 0px !important;
}

.election-alert {
    display: flex;
    text-decoration: none;
    background-color: #737679;
}

.election-alert-body {
    display: block;
}

.election-alert-link {
    text-decoration: none!important;
}

.election-alert .gnl-alert__header, .election-alert .gnl-alert__body {
    color: #fff;
}

@media (max-width: 1250px) {
    .gnl-alert-top-box {
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

@media (max-width: 700px) {
    .election-alert {
        display: block!important;
        text-align: center;
    }
    .election-alert .gnl-alert__header, .election-alert .gnl-alert__body {
        margin: 0!important;
    }
}

.election-district-grid {
    column-count: 4;
    column-gap: 2rem;
}

@media (max-width: 1150px) {
    .election-district-grid {
        column-count: 3;
        column-gap: 2rem;
    }
}

@media (max-width: 600px) {
    .election-district-grid {
        column-count: 2;
        column-gap: 2rem;
    }
}

.election-district-grid a, .election-district-grid .gnl-card {
    break-inside: avoid;
    position: relative;
}

.election-district-grid .gnl-card {
    margin-bottom: 2rem;
}

.gnl-accordion__body{
        cursor: default !important;
}

.table-border{
    border: solid 1px #d4d8da;
}

.gnl-alert--callout {
    display: flex;
    justify-content: space-between;
    padding: 0px !important;
    overflow: hidden;
}
.flex-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 24px;
    gap: 8px;
}
.election-alert-link::after,
.election-alert-link::before
{
    display: none;
} 

@media (max-width: 839px) {
    .gnl-alert--callout{
            flex-direction: column;
    }
}

.card-button .gnl-card__header {
    display: none !important;
}

.card-button {
    padding: 0px;
    justify-content: center;
    height: -webkit-fill-available !important;
}
.card-button:hover,
.card-button .gnl-link:hover {
    background-color: #f1f3f4!important;
}
.card-button .gnl-card__body {
    height: inherit;
}
.card-button .gnl-link {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 8px 24px 8px;
    text-decoration: none !important;
}
.card-button .gnl-card__title {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.gnl-grid {
    grid-auto-rows: 1fr;
}
.remove-after::after {
    display: none;
}
.gnl-card__footer .gnl-button:hover {
    color: #fff !important;
}

@media (max-width: 500px) {
#top-button::before {
     transform: rotate(180deg);
    left: 1.3vw;
    top: -1px;
    font-size: 4.5em;
    color: #fff;
    display: inline-block;
    position: absolute;
}
}