/* These are for the View As List map listing */

.jr-list-wrapper { background-color: #4A2841; padding: 30px; }

.jr-list-wrapper .jr-section { background-color: #ffffff; color: #2B4244; padding: 0; margin-bottom: 10px; }

.jr-list-wrapper .jr-section .jr-section-header { padding: 9px 50px 10px 20px; position: relative; font-family: berlingske_sans_roundmedium; font-size: 19px; vertical-align: top; transition: all 0.2s; cursor: pointer; }

.jr-list-wrapper .jr-section .jr-section-header:after { content: ""; position: absolute; right: 20px; top: 7px; width: 22px; height: 22px; border: 1px solid #4A2841; background-size: 16px 16px; background-position: center; background-repeat: no-repeat; background-image: url("/_assets/icon-plus-purple.png"); transition: all 0.2s; }
.jr-list-wrapper .jr-section.expanded .jr-section-header:after { background-image: url("/_assets/icon-minus-purple.png"); }

.jr-list-wrapper .jr-section .jr-section-header:hover,
.jr-list-wrapper .jr-section.expanded .jr-section-header:hover { background-color: #bbadb4!important; }

.jr-list-wrapper .jr-section.not-expanded .jr-section-header { background-color: #CCC2C7; }

.jr-list-wrapper .jr-section .jr-section-list { display: none; padding: 5px 50px 10px 20px; }
.jr-list-wrapper .jr-section .jr-section-list .jr-section-list-divider { width: 100%; height: 1px; background-color: #b1a2ad; margin-bottom: 10px; }

.jr-link { border: 3px solid #d0d0d2; width: 100%; min-width: 100px; text-decoration: none; display: flex; align-items: center; padding: 8px 28px 8px 16px; position: relative; font-size: 14px; line-height: 1.2em; font-family: berlingske_sans_roundmedium, sans-serif; color: #2b2444; transition: all 0.2s; cursor: pointer; }
.jr-link:after { content: ''; position: absolute; display: block; width: 11px; height: 20px; background-size: cover; right: 10px; top: 50%; margin-top: -10px; cursor: pointer; background-image: url("/_assets/icon-arrow-right-dark.png"); }

.jr-link:hover { color: #000000!important; background-color: #bed400; }
.jr-link:hover:after { background-image: url("/_assets/icon-arrow-right-dark.png"); }

.jr-subjurisdictions { }

.jr-subjurisdiction-list { margin-top: 20px; font-size: 0; }

.jr-subjurisdiction-title { font-size: 16px; border-bottom: 1px dotted #333333; padding-bottom: 10px; margin-bottom: 10px; }