/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1724677537
Updated: 2024-08-26 15:05:37

*/

.author-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* Optional: allows the row to wrap to a new line if there are too many items */
    gap: 20px; /* Optional: adds space between each `.user` */
}

.user {
    display: flex;
    flex-direction: column; /* Keeps the avatar and name stacked vertically within each `.user` */
    align-items: center; /* Centers the content inside each `.user` */
}

 .user-info, .change-password  {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	background-color: #f9f9f9;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}

.user-info .info-row {
	/*display: flex;
	justify-content: space-between;*/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: normal;
	align-content: normal;
	padding: 8px 0;
	border-bottom: 1px solid #e0e0e0;
}

.user-info .info-row:last-child {
	border-bottom: none;
}

.user-info strong {
	font-weight: bold;
	color: #333;
}

.flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width:200px;
}

.flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width:10px;
}

.flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width:400px;
}

.button {
	color: var( --e-global-color-6036552 ) !important;
}

.button:hover {
	color: white !important;
}