/*
Theme Name: Fictioneer Child
Template: fictioneer
Author: Tetrakern
Author URI: https://github.com/Tetrakern
Description: A blank child theme for Fictioneer.
Version: 1.0.2.1714382084
Updated: 2024-04-29 09:14:44

*/
.character-list ul { 
  list-style: none;
  display: flex; 
  flex-direction: row; /* Ensure items arrange in a row */
  justify-content: center; /* Center items horizontally */
  padding: 0;
  overflow: hidden; /* Hide overflow from the rounded corners */ 
}

.character-item {
  margin-right: 15px;
  text-align: center; /* Center the content within the list item */
  overflow: hidden; /* Hide overflow from the rounded corners */
}


.character-portrait-container {
  width: 100px;
  height: 100px;
  border-radius: 50%; /* Circular shape */
  overflow: hidden; /* Hide overflow from the rounded corners */
  position: relative;	
}

.character-portrait {
  width: 100%;   
  height: auto;  
  object-fit: cover;  
  position: relative; /* No longer using absolute positioning */
}

.character-name {
  display: inline-block;
  text-align: center;
  padding: 3px 8px;  
  border-radius: 20px;
  color: var(--tab-color-active);
  background-color: var(--tab-background-active); 
  margin-top: 5px;
  font-size: 12px;
  font: var(--button-font-weight) 12px/1 var(--ff-base);
}

.patreon-lock-icon {
    cursor: pointer;
    font-size: 1.2em;
    margin-right: 5px;
    display: inline-block;
}

.admin-notice {
    background-color: #ffeba0;
    border: 1px solid #e6d287;
    color: #6d5d1c;
    padding: 10px;
    margin-top: 10px;
    font-style: italic;
}