/* Agency Custom CSS */

<style>
/*-----ISSP Resource Map-------*/


#map-section {
  padding:2rem !important;    
}

#map-section .svg-counties {
  /*display: block;*/
  min-height:45rem;
  max-height:700px;
  overflow:visible !important;
  max-width:100%;
}

#map-section .svg-counties .cls-2 {
	fill: #29306f;
	cursor: pointer;
	transition: fill .4s ease;
}

#map-section .svg-counties .cls-2.hover-highlight {
	fill: #27BFCC !important;
}

#map-section .svg-counties .st0 {
    fill:#fff !important;
    stroke:#d7d7d7;
}

#map-section .highlight {
	fill: #27BFCC !important;
}

#map-section .countyLabel {
	display: none;
	pointer-events: none;
}
	
#map-section .countyLabel .hidden {
	display: none;
}

#map-section .countyLabel.highlight, .countyLabel.hover-highlight{
	display: block;
}

#map-section .countyText {
	fill:#000;
	text-transform: uppercase;
	display:block;
	padding:5px;
	font-weight: bold;
	font-size:.7rem;
	text-align: center;
}

#map-section .tabs-title a{
	height: 100%;
	width: 100%;
	font-weight: 700;
	color: #29306f;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem;
	font-size: 0.9rem;
	text-decoration: underline;
}

#map-section .tabs-title.is-active a {
	background-color: #27BFCC;
	color: #333;
	text-decoration: none;
}

#map-section ul.tabs {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	text-align: center;
	border: solid 2px #27BFCC;
}

#map-section ul.tabs li {
}

#map-section .tabs-content {
	border: solid 2px #27BFCC;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#map-section .accordion-filler {
	width: 100%;
	text-align: center;
}

#map-section ul.accordion {
	margin-bottom: 0;
}

#map-section .accordion .accordion-item {
	margin-bottom: 0.3rem;
}

#map-section .accordion .accordion-item:last-child {
	margin-bottom: 0;
}

#map-section .accordion .accordion-item  a .accordion-title {
    text-decoration: none !important;
}

#map-section .accordion-title {
    background-color:#fff !important;
	border-radius: 10px !important;
	border: solid 2px #27BFCC !important;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

#map-section .accordion-item.is-active > .accordion-title {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: #27BFCC !important;
}

#map-section .accordion-item .accordion-content {
	border: solid 2px #27BFCC !important;
	border-top: none !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

#map-section .accordion-item .accordion-content p {
	display: flex;
}

#map-section .accordion-item .accordion-content p i {
	flex: 0 1 5%;
	padding-top: 0.25rem;
	margin-left: -0.25rem;
	margin-right: 0.25rem;
	color: #27BFCC;
	text-align: center;
}

#map-section .accordion-item .accordion-content p strong  {
	flex: 0 1 75%;
}

#map-section .accordion-item .accordion-content p strong a.googleMap {
	font-size:.8rem;
	padding:.2rem 0;
	font-style: italic;
	font-weight: normal;
}

#map-section .accordion-item .accordion-content p span {
	flex: 0 1 20%;
	text-align: left;
}

#map-section .accordion-title::before {
	font-weight: 800;
	font-size: 1.3rem;
	margin-top: -0.6rem;
}

#map-section .accordion-title h2 {
	margin-bottom: 0;
	padding: 0.25rem 0;
	font-size: 1rem;
	color: #333;
	font-weight: 600;
}

#map-section .accordion-title h3 {
	margin-bottom: 0;
	padding: 0 0 0.25rem 0;
	font-size: .9rem;
	color: #333;
	font-weight: 600;
}

#map-section #countiesdrop {
	border: solid 2px #29306f;
	border-radius: 10px;
	font-weight: 600;
	color: #333;
}


@media screen and (max-width: 640px) {
	#map-section .row {
		display: flex;
		flex-direction: column-reverse;
	}
	
	#map-section {
	    padding:1rem !important;
	}
	
	.svg-counties {
        min-height:45rem;
    }
    
    .section-header h2 {
        font-size:.9rem;
    }
	
}

#subpage-text-container .subpage-text-inner h2:after, .subpage-text-container .subpage-text-inner .accordion-title h2:after {
    display: none !important;  
}

#map-section #filter-section {
	margin-bottom:1rem;
}

/*----Coalitions Map & Support Resources Map----*/

/*--------SVG---------*/

#map-section-coal {
    padding:2rem;
}

#map-section-coal .svg-counties {
  min-height:45rem;
  max-height:700px;
  overflow:visible !important;
  max-width:100%;
}


	#map-section-coal #districts {
		fill: #fff;
		fill-opacity: 0;
	}

	#map-section-coal #districts polygon {
		stroke: #562d88 !important;
		stroke-width: 5 !important;
		stroke-linecap: butt !important;
	}


#map-section-coal #districts polygon:hover {
    fill:#562d88;
    fill-opacity:.2;
}

#map-section-coal .cls-reg1 {
	fill: #dddddd;
}

#map-section-coal .cls-reg2 {
  fill: #dddddd;
}

#map-section-coal .cls-reg3 {
  fill: #dddddd;
}

#map-section-coal .cls-reg4 {
  fill: #dddddd;
}

#map-section-coal .cls-reg5 {
  fill: #dddddd;
}

#map-section-coal .cls-reg6 {
  fill: #dddddd;
}

#map-section-coal .cls-reg7 {
  fill: #dddddd;
}

#map-section-coal .cls-reg8 {
  fill: #dddddd;
}

#map-section-coal .cls-reg9 {
  fill: #dddddd;
}

#map-section-coal .cls-reg10 {
  fill: #dddddd;
}

#map-section-coal .district-num {
    fill:#fff;
    font-size:1.25rem;
    font-weight:bold;
}

#map-section-coal .district-dot {
    fill:#562d88;
    font-size:4rem;
}

#map-section-coal .distList {
    margin-bottom:1.5rem;
    padding-bottom:1.5rem;
    border-bottom:1px solid #562d88;
}

@media screen and (max-width: 640px) {
	#map-section-coal .map {
	display:none;
    }
	
}

#map-section-coal .social-media {
    font-size:2rem;
}

#map-section-coal .social-media i {
    padding: 0 .5rem;
}

section .section-header {
    text-transform: inherit;
}
</style>