#member-directory-wrapper {
		transition: 0.3s ease all;
	}

	#member-directory__region-list-dropdown {
		position: relative;
		transition: 0.3s ease all;
	}

	#member-directory__region-list-dropdown.loading .region-list-item {
		pointer-events: none;
		opacity: 0.5;
	}

	.md-form-actions-container {
		margin-top: -1em;
		margin-bottom: 2em;
		font-size: 1em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
	}
		.md-form-actions-container a {
			font-weight: 600;
		}

		  


	#DisclosureGroupTrigger {
		position: relative;
		text-align-last: left;
	}

	#DisclosureGroupTrigger .counter {
/*		display: none;*/

		padding-left: 0.5em;
		font-size: 0.8em;
	}

		#DisclosedGroup {
			width: 100%;
			z-index: 10;
		}

			.region-list-item label {
				display: block;
				margin-bottom: 0.5em;
			}

				.region-list-item input {
					margin-right: 0.5em;
				}	

			.region-list-item:last-child label {
				margin-bottom: 0;
			}


			#region-list__outside-uk {
				border-top: 1px solid #c8c8c8;
				padding-top: 0.75em;
				margin-top: 0.75em;
			}


	[role="group"][aria-labelledby] {
		  margin-top: -1px;
		  padding: 15px;
		  border: 1px solid #50dbff;
	}

/*[role="group"][aria-labelledby] > p {
  margin: .2em .5em;
}*/

[role="group"][aria-labelledby] > label {
  display: block;
  padding: .2em .5em .2em 1.5em;
  text-indent: 0;
}

[role="group"][aria-labelledby] > input {
  float: left;
  margin-top: .6em;
}

[role="group"][aria-labelledby][tabindex] {
/*  max-height: 11em;*/
/*  max-width: 20em;*/
/*  overflow: auto;*/
/*  background:
	linear-gradient(var(--page-bg) 30%, var(--page-bg)),
	linear-gradient(var(--page-bg), var(--page-bg) 70%) 0 100%,
	radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
	radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
  background-repeat: no-repeat;
  background-color: var(--page-bg);
  background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
  background-attachment: local, local, scroll, scroll;
  padding: 0;*/
}

[role="group"][aria-labelledby][tabindex]:focus-visible {
  outline: .2em solid #00c;
}

/* Hide the set of checkboxes unless the button has aria-expanded=true */
button[aria-expanded="false"] + [role="group"][tabindex] {
  display: none;
}

/* Hide the selected counter unless JS has run */
button[aria-expanded]:not([data-js]) > .counter {
  display: none;
}

/* Only position the checkboxes over other content if JS has run */
button[aria-expanded][data-js] + [role="group"][tabindex] {
  position: absolute;
  background: #fff;
}

/* Hide the skip link if JS has run */
button[aria-expanded][data-js] + [role="group"][tabindex] > p {
  display: none;
}



/* Interaction styles */

button[aria-expanded] + [role="group"][tabindex] input:checked + label {
  background-color: #eee;
  color: var(--text-color);
}

button[aria-expanded] + [role="group"][tabindex] input:focus {
  outline-color: #eee;
}

button[aria-expanded] + [role="group"][tabindex] label:hover, 
button[aria-expanded] + [role="group"][tabindex] input:focus + label {
/*  background-color: #666;*/
/*  color: #fff;*/
}




/* Target styles for the demo only */
@keyframes Target {
  from { outline-offset: -.25em; outline-color: #999; outline-width: .1em; }
  to { outline-offset: 2em; outline-color: transparent; outline-width: 1em; }
}

:target {
  outline-width: .2em;
  outline-style: solid;
  outline-color: #ccc;
}

@media screen and (prefers-reduced-motion: no-preference) {
  :target {
	outline-width: 0;
	animation: Target 1s ease-out 2;
  }
}

/* Disclosure trigger styles */
/* https://adrianroselli.com/2020/05/disclosure-widgets.html */

button[aria-expanded] {
	background: #fff;
/*  border: .1em solid #ccc;*/
/*  padding: .5em 1em .5em .5em;*/
/*  font: inherit;*/
/*  background-color: #eee;*/
/*  border-radius: .5em .5em 0 0;*/
/*  text-align: left;*/
/*  line-height: 1.2;*/
}

button[aria-expanded] > .icon {
	position: absolute;
	top: 50%; right: 15px;
	transform: translateY(-50%);

  display: inline-block;
  font-size: 60%;
/*  color: #000;*/
/*  background-color: #00f;*/
/*  padding: 0.3em 0.2em 0 0.2em;*/
/*  border: 0.2em solid #00f;*/
/*  border-radius: 50%;*/
  line-height: 1;
  text-align: center;
  text-indent: 0;
/*  transform: rotate(270deg);*/
/*  transform: rotate(90deg);*/
}

button[aria-expanded] svg {
  width: 1.25em;
  height: 1.25em;
  fill: #000;
  transition: transform 0.25s ease-in;
  transform-origin: center 45%;
}

button[aria-expanded="true"],
button[aria-expanded]:hover,
button[aria-expanded]:focus {
/*  background-color: #666;*/
/*  color: #fff;*/
  outline: none;
  border-color: #50dbff;
}

button[aria-expanded]:hover .icon:first-child,
button[aria-expanded]:focus .icon:first-child {
  background-color: #fff;
  outline: none;
}

button[aria-expanded]:hover svg,
button[aria-expanded]:focus svg {
/*  fill: #00f;*/
}

/* Lean on programmatic state for styling */
button[aria-expanded="true"] svg {
  transform: rotate(-180deg);
}