.author-card {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.author-card-image {
  width: 100%;
  min-height: 450px;
  background-size: cover;
  background-position: center;
  transition: all 1s;
}

.author-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: opacity 1s ease-in-out; /* Change the transition duration to 1s */
}

.author-card-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  padding: 20px;
  opacity: 0;
  transition: opacity 1.5s ease-in-out; /* Change the transition duration to 1s */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.author-card:hover .author-card-image {
  transform: scale(1.1);
}

.author-card:hover .author-card-overlay {
  opacity: 0.8;
}

.author-card:hover .author-card-content {
  opacity: 1;
}
.author-card-name {
  text-align: center;
}
.author-card-name h3{
	color:black;
}

.author-card-name p{
	color:black;
}

.author-card-description {
    text-align: center;
	padding: 7px;
}

.expand-author-social-spotify {color: #1DB954;}
.expand-author-social-itunes {color: #000000;}
.expand-author-social-google-play {color: #01875f;}
.expand-author-social-youtube-music {color: #FF0000;}
.expand-author-social-stitcher {color: #ff6600;}
.expand-author-social-youtube {color: #FF0000;}
.expand-author-social-rss {color: #f26522;}
.expand-author-social-lastfm {color: #d51007;}
.expand-author-headline {font-size: 17px; padding-top: 17px;}
.expand-author-social-iheartradio {color: #c8102e;}
.expand-author-social-pandora {color: #005483;}
.expand-author-social-soundcloud{color: #ff5500;}
.expand-author-social-icon{margin:7px; font-size: 32px; transition: all 0.3s ease;}
.expand-author-link{align-items: center; flex-wrap: wrap; display: flex;}
.expand-author-social-deezer{color: #a238ff;}
.vm-ul li {list-style-type: none;}
.vm-ul li a {display: block;}
.expand-author-social-icon {font-size: 32px;}
.expand-author-link a{display: inline-flex;}
.expand-author-social-facebook {color: #1877f2;}
.expand-author-social-twitter {color: #000000;}
.expand-author-social-instagram {color: #e4405f;}
.expand-author-social-patreon {color: #f96854;}
.expand-author-social-linkedin {color: #0077B5;}
.expand-author-social-reddit {color: #ff4500;}
.expand-author-social-skype {color: #00AFF0;}
.expand-author-social-blogger {color: #f57d00;}
.expand-author-social-minds {color: #00d4aa;}
.expand-author-social-vimeo {color: #1ab7ea;}
.expand-author-social-substack {color: #ff6719;}
.expand-social-wrapper{margin-right: 17px;}
.expand-author-link a{color: #87291b;}

/* Add hover effects for all social icons */
.expand-author-social-icon:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

.expand-author-social-tunein {color: #14d8cc;}
.expand-author-social-listennotes {color: #f80000;}
.expand-author-social-chartable {color: #7b68ee;}
.expand-author-social-playerfm {color: #c8102e;}
.expand-author-social-podcastaddict {color: #f80000;}
.expand-author-social-moonfm {color: #4169e1;}
.expand-author-social-podchaser {color: #ff6347;}
.expand-author-social-castbox {color: #ff4500;}

/* Image-based social media and podcast icons */
.expand-author-social-icon img,
.expand-author-social-listennotes,
.expand-author-social-chartable,
.expand-author-social-playerfm,
.expand-author-social-podcastaddict,
.expand-author-social-podchaser,
.expand-author-social-castbox,
.expand-author-social-minds,
.expand-author-social-substack {
    width: 32px;
    height: 32px;
    margin: 7px;
    display: inline-flex;
    vertical-align: middle;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Hover effects for image icons */
.expand-author-social-icon img:hover,
.expand-author-social-listennotes:hover,
.expand-author-social-chartable:hover,
.expand-author-social-playerfm:hover,
.expand-author-social-podcastaddict:hover,
.expand-author-social-podchaser:hover,
.expand-author-social-castbox:hover,
.expand-author-social-minds:hover,
.expand-author-social-substack:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

/* Custom Social Media Styles */
.expand-custom-social-icon {
    width: 32px;
    height: 32px;
    margin: 7px;
    border-radius: 4px;
    object-fit: cover;
    transition: opacity 0.3s ease;
    display: inline-flex;
    vertical-align: middle;
}

.expand-custom-social-icon:hover {
    opacity: 0.8;
}

.expand-custom-social-generic {
    color: #666;
    width: 32px;
    height: 32px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.expand-custom-social-generic:hover {
    color: #333;
}

/* Ensure social wrapper handles both images and icons properly */
.expand-social-wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Avatar image fallback handling */
.eaf-author-avatar img {
    background-color: #f0f0f0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ccc"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}

.eaf-author-avatar img:not([src]),
.eaf-author-avatar img[src=""],
.eaf-author-avatar img[src*="mystery"] {
    background-color: #f0f0f0;
}

/* Author Wide Card Styles */
.author-wide-card {
    display: flex;
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.author-wide-card-image {
    flex: 0 0 150px;
    margin-right: 20px;
}

.author-wide-card-image img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.author-wide-card-content {
    flex: 1;
}

.author-wide-card-content h3 {
    margin: 0 0 10px 0;
    color: #333;
}

.author-position {
    margin: 5px 0;
    font-style: italic;
    color: #666;
}

.author-subheading {
    margin: 10px 0;
    color: #555;
}

.author-bio {
    margin: 15px 0;
    line-height: 1.6;
}

.author-url {
    display: inline-block;
    margin-top: 15px;
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.author-url:hover {
    text-decoration: underline;
}