/* Interactive Map Form Styles */

#intMapFormContainer {
	padding: 16px;
	padding-top: 8px;
}

.input-group-text {
	background-color: white;
	border-color: #9d9d9c;
	border-right-width: 0px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.input-group-text svg {
	width: 12px;
	height: 12px;
}

.int-map-form-label {
	font-size: 12px;
	margin-bottom: 8px;
}

.int-map-form-group {
	font-size: 12px;
	background-color: #f6f6f6;
	border-radius: 8px;
	/* height: 32px; */
	padding: 8px 0 8px 8px;
}

#intMapFormContainer .form-check {
	margin-right: 12px;
}

#intMapFormContainer .form-check-input {
	accent-color: black;
	height: 12px;
	width: 12px;
	margin-right: 4px;
}

#intMapFormContainer input:checked + label {
	font-weight: bold;
}

#intMapNetworkField {
	margin-bottom: 12px;
}

/* #intMapNetworkField input:checked::before {
	color: black;
} */

#intMapLineFamilyField {
	margin-bottom: 6px;
}

#intMapNote {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 12px;
}

#intMapCollapse {
	margin-bottom: 8px;
}

/* Interactive Map Popup Styles */

.int-map-popup {

	.mapboxgl-popup-content {
		padding-left: 8px;
		padding-top: 8px;
		padding-right: 24px;
	}

	.mapboxgl-popup-close-button {
		/* position: inherit;
		padding-left: 8px; */
		padding-top: 6px;
		padding-left:0;
		padding-right: 8px;
		font-size: 1.25rem;
		font-weight: normal;
		color: #9d9d9c;
	}
}

/* Metro Stops */
.int-map-popup.metro-stop-popup {

	.i-rts-icon img {
		height: 20px;
		margin-right: 8px;
	}

	.i-rt-stm-metro {
		height: 20px;
		width: 20px;
		line-height: 20px;
		margin-right: 8px;
	}

	font-weight: bold;
}

/* Map click */
.im-yes-link {
	font-weight: bold;
	color: #21965E;
	cursor: pointer;
}

.im-no-link {
	font-weight: bold;
	color: #DF2935;
	cursor: pointer;
	float: right;
}

/* Metro linehover popup */
.int-map-popup.line-popup {

	.im-rt-label {
		font-size: 12px;
		margin-right: auto;
		padding: 4px 8px 4px 8px;
	}
	
	.i-rts-icon img {
		height: 22px;
		margin-right: 8px;
	}

	font-weight: bold;
}



/* Responsive Updates */
@media (min-width: 576px){
    /* Interactive Map Form Styles */
	/* .input-group-text {
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
	} */

	#intMapFormContainer {
		padding: 24px;
		padding-top: 16px;
	}

	#intMapFormContainer .form-check {
		margin-right: 24px;
		margin-bottom: 16px;
		margin-left: 4px;
	}

	#intMapFormContainer .form-check-input {
		accent-color: black;
		height: 16px;
		width: 16px;
		margin-right: 8px;
	}


	.input-group-text svg {
		width: 16px;
		height: 16px;
	}

	.int-map-form-group {
		/* border-radius: 12px; */
		font-size: 15px;
		/* height: 40px; */
		padding: 16px 0 4px 16px;
	}

	#intMapNetworkField {
		margin-bottom: 24px;
	}

	#intMapLineFamilyField {
		margin-bottom: 12px;
	}

	#intMapNote {
		margin-top: 12px;
		margin-bottom: 12px;
		font-size: 15px;
	}

	#intMapCollapse {
		/* margin-top: 12px; */
		margin-bottom: 16px;
	}

	.int-map-popup {
		.mapboxgl-popup-content {
			padding-left: 12px;
			padding-top: 12px;
			padding-right: 36px;
		}
		.mapboxgl-popup-close-button {
			/* position: inherit;
			padding-left: 8px; */
			padding-top: 8px;
			padding-left:0;
			padding-right: 12px;
			font-size: 1.25rem;
			font-weight: normal;
			color: #9d9d9c;
		}
	}

}