/* Author archive list styling */
.author-row {
	display: flex;
	align-items: center;
	margin-bottom: 2em;
	padding: 1.5em 2em;
	border: 1px solid #eaeaea; /* Subtle border */
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
	position: relative; /* Needed for the accent position */
}

.author-image-column {
	flex-shrink: 0;
	margin-right: 1.5em;
}

.author-image-column img {
	width: 300px; /* Set image width */
	height: auto;
	object-fit: cover; /* Contain the image within the div */
	object-position: center; /* Center the image */
}

.author-info-column {
	flex-grow: 1;
}

.author-info-column h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.8em; /* Larger header size */
	font-weight: 600; /* Slightly bolder */
	color: #333;
}

.author-info-column p {
	margin-top: 0;
	line-height: 1.6;
	font-size: 1.1em;
}

/* Button styling */
.author-info-column a {
	display: inline-block;
	margin-top: 1em;
	padding: 10px 20px; /* Larger padding for a nicer button */
	background-color: #0056b3;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); /* Subtle shadow on button */
}

.author-info-column a:hover {
	background-color: #004499;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3); /* Deeper shadow on hover */
}

/* Responsive styling - adjust for smaller screens */
@media (max-width: 768px) {
	.author-row {
	display: block;
	text-align: center;
	}

	.author-image-column {
	margin-right: 0; /* Adjust right margin on mobile */
	margin-bottom: 1em;
	display: inline-block;
	}

	.author-info-column {
	text-align: center;
	}

	.author-row::before {
	left: 50%;
	top: 0;
	bottom: 0;
	width: 5px;
	transform: translateX(-50%); /* Center the accent line on mobile */
	}
}

body .author-info-column a {
	transition: 0.7s ease-out;
}

body .author-row .author-image-column img {
	padding: 0;
}

body body .author-row .author-image-column img {
	margin: auto;
}

/* Dark Blue */

.author-row:nth-of-type(5n + 1)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background-color: #022c52; /* Adjust to the desired accent color */
}

body .author-row:nth-of-type(5n + 1) .author-info-column a {
	box-shadow: inset 0 0 0 0 #00c8ff;
	background: #022c52;
	color: #fff;
	border-left: 4px solid #00c8ff;
}

body .author-row:nth-of-type(5n + 1) .author-info-column a:hover {
	box-shadow: inset 300px 0 0 0 #00c8ff;
	color: #022c52;
}

body .author-row:nth-of-type(5n + 1) .author-info-column a {
	color: #fff;
}

/* Light Blue */

.author-row:nth-of-type(5n + 2)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background-color: #9ce4fc; /* Adjust to the desired accent color */
}

body .author-row:nth-of-type(5n + 2) .author-info-column a {
	box-shadow: inset 0 0 0 0 #09ccfc;
	background: #09ccfc;
	border-left: 4px solid #09ccfc;
	color: #fff;
}

body .author-row:nth-of-type(5n + 2) .author-info-column a:hover {
	box-shadow: inset 300px 0 0 0 #09ccfc;
	color: #022c52;
}

/* Yellow  */

.author-row:nth-of-type(5n + 3)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background-color: #ffcd00; /* Adjust to the desired accent color */
}

body .author-row:nth-of-type(5n + 3) .author-info-column a {
	box-shadow: inset 0 0 0 0 #ffcd00;
	background: #fce895;
	border-left: 4px solid #ffcd00;
	color: #000;
}

body .author-row:nth-of-type(5n + 3) .author-info-column a:hover {
	box-shadow: inset 300px 0 0 0 #ffcd00;
	color: #17303f;
}

/* Green */

.author-row:nth-of-type(5n + 4)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background-color: #01bf8c; /* Adjust to the desired accent color */
}
body .author-row:nth-of-type(5n + 4) .author-info-column a {
	box-shadow: inset 0 0 0 0 #01bf8c;
	background: #9febd6;
	border-left: 4px solid #01bf8c;
	color: #000;
}

body .author-row:nth-of-type(5n + 4) .author-info-column a:hover {
	box-shadow: inset 300px 0 0 0 #01bf8c;
	color: #022c52;
}

/* Orange */

.author-row:nth-of-type(5n)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	background-color: #fe9150; /* Adjust to the desired accent color */
}

body .author-row:nth-of-type(5n) .author-info-column a {
	box-shadow: inset 0 0 0 0 #fe9150;
	background: #fac6a6;
	border-left: 4px solid #fe9150;
	color: #022c52;
}

body .author-row:nth-of-type(5n) .author-info-column a:hover {
	box-shadow: inset 300px 0 0 0 #fe9150;
	color: #022c52;
}