/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
.author-avatar-components-panel {

  .author-avatars-border-control-wrapper {
	margin-bottom: 24px;
  }

  .author-avatars-inline-unit-controls {
	display: flex;
	gap: 16px;
	align-items: flex-start;

	&.components-panel__row {
	  margin-bottom: 8px;
	  height: auto;
	  min-height: 0;

	  &:last-of-type {
		margin-bottom: 0;
	  }
	}

	.components-base-control {
	  flex: 1;
	  margin-bottom: 0;

	  .components-base-control__field {
		margin-bottom: 0;
	  }

	  .components-input-control__container {
		// Ensure the unit control doesn't overflow
		width: 100%;
	  }
	}
  }

  .donate {
	display: block;
	text-align: center;
	//img {
	//  margin-right: auto;
	//  margin-left: auto;
	//}

  }
}
.author-avatars-preview{
  width: 100%;
}

.wp-block-author-avatars-show-avatar {
  display: flow-root;
  // background: none !important;
  // border: none !important;
  // color: inherit !important;

  .shortcode-author-avatars {
	a {
	  font-size: 1rem;
	  color: var(--aa-card-link-color, inherit);

	  &:hover {
		color: var(--aa-card-link-hover-color, var(--aa-card-link-color, inherit));
	  }
	}
  }
}


//.wp-block-author-avatars  {
//  background: $green;
//  border: 0.2rem solid $black;
//  color: $black;
//  margin: 0 auto;
//  max-width: 740px;
//  padding: 2rem;
//}
.shortcode-author-avatars .author-list {
  display: inline-block;
  width: 100%;
  padding-bottom: 1.5em;
}

.shortcode-author-avatars div.author-list .user {
  display: block;
  float: left;
  padding: 0.2em;
  text-align: center;

  .name {
	display: block;
	font-size: .85em;
  }
}

.shortcode-author-avatars ul.author-list {
  list-style: none;
  margin: 0;
}

.shortcode-author-avatars ul.author-list .avatar,
.shortcode-author-avatars ol.author-list .avatar {
  float: left;
  clear: left;
  margin-right: .25em;
}

.shortcode-author-avatars div.aa_pageList {
  width: 100%;
  clear: left;
  text-align: center;
}

.shortcode-author-avatars div.aa_pageList div {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.shortcode-author-avatars div.aa_pageList a {
  padding: 2px 4px;
  border: 1px #BFBFBF solid;
  margin: 0 2px;
  color: inherit;
}

.shortcode-author-avatars div.aa_pageList a.current, .shortcode-author-avatars div.aa_pageList a:hover {
  border-color: black;
}

.shortcode-author-avatars div.aa_pageList a.current {
  font-weight: bold;
}

.shortcode-show-avatar {
  display: block;

}

.shortcode-show-avatar.right {
  float: right;
  margin-left: 10px;
  width: auto;
  text-align: center;
}

.shortcode-show-avatar.left {
  float: left;
  margin-right: 10px;
  width: auto;
  text-align: center;
}

.shortcode-show-avatar.center img {
  margin-left: auto;
  margin-right: auto;

}

.contact-links ul {
  list-style: none;
  margin-left: 0;
}