/*
Theme Name: Fictioneer Child Tgateway
Template: fictioneer
Author: Tetrakern
Author URI: https://github.com/Tetrakern
Donate link: https://ko-fi.com/tetrakern
Contributors: tetrakern

License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl.html

Requires at least: 5.5
Tested up to: 6.5.0
Requires PHP: 7.4
Version: 1.0.2

Description: A blank child theme for Fictioneer.

Fictioneer Child WordPress Theme, (C) 2023 Tetrakern
Fictioneer Child is distributed under the terms of the GNU GPL.
*/
.mobile-menu__panel
{
  max-width:99%;
  
}

.header-background__image {
  pointer-events: none;
  display: block;
  margin: 0 auto;
  height: 100%;
  min-width: 100%;
  object-fit: contain;
	contain: layout paint;}

.chapter-group__list-item {
	
    display: flex;
    flex-direction: column; /* Stack items vertically */
    padding: 15px;
    border: 1px transparent #ddd;
    border-radius: 5px;
 align-items:start;
    margin-bottom: 15px; /* Space between list items */
}

/* Styling for the title link */
.chapter-group__list-item-link {
    
	font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 8px; /* Space between title and excerpt */
    word-wrap: break-word; /* Prevent long titles from breaking layout */

}

/* Styling for the excerpt */
.chapter-group__list-item-excerpt {
    font-size: 1em;
   
 
    margin-bottom: 8px; /* Space between excerpt and meta row */
    word-wrap: break-word; /* Prevent long words from breaking layout */
}

/* Optional: Limit the visible height of the excerpt */
.chapter-group__list-item-excerpt p {
    margin: 0;
    /*#max-height: 5em;  Show around 3 lines of text */
    overflow: hidden;
    text-overflow: ellipsis; /* Add ellipsis if content overflows */
}

/* Meta information row styling */
.chapter-group__list-item-meta {
    font-size: 0.9em;
}

/* General layout: responsive for all screens */
.chapter-group__list-item-meta, .chapter-group__list-item-excerpt, .chapter-group__list-item-link {
    flex: none; /* Prevent columns from being squeezed */
    width: 100%; /* Take full width of container */
}

.card__image img{position:relative;}

#wp-calendar {max-width:250px;
width:100%;}
.calendar-wrap {
	width:100%}

/* Base Styles for All Classes */
.coe_heavy h1, .coe_heavy h2, .coe_heavy h3, .coe_heavy h4, .coe_heavy h5, .coe_heavy h6,
.coe_medium h1, .coe_medium h2, .coe_medium h3, .coe_medium h4, .coe_medium h5, .coe_medium h6,
.coe_light h1, .coe_light h2, .coe_light h3, .coe_light h4, .coe_light h5, .coe_light h6 {
  margin: 0;
  line-height: 1.2;
  color: var(--text-color, white); /* Default to white */
  text-shadow: var(--text-shadow, 2px 2px 4px rgba(0, 0, 0, 0.8)); /* Default dark shadow */
}

/* coe_heavy - Font Weight 800 */
.coe_heavy h1 { font-size: 40px; font-weight: 800; }
.coe_heavy h2 { font-size: 30px; font-weight: 800; }
.coe_heavy h3 { font-size: 24px; font-weight: 800; }
.coe_heavy h4 { font-size: 18px; font-weight: 800; }
.coe_heavy h5 { font-size: 14px; font-weight: 800; }
.coe_heavy h6 { font-size: 12px; font-weight: 800; }

/* coe_medium - Font Weight 600 */
.coe_medium h1 { font-size: 40px; font-weight: 600; }
.coe_medium h2 { font-size: 30px; font-weight: 600; }
.coe_medium h3 { font-size: 24px; font-weight: 600; }
.coe_medium h4 { font-size: 18px; font-weight: 600; }
.coe_medium h5 { font-size: 14px; font-weight: 600; }
.coe_medium h6 { font-size: 12px; font-weight: 600; }

/* coe_light - Font Weight 400 */
.coe_light h1 { font-size: 40px; font-weight: 400; }
.coe_light h2 { font-size: 30px; font-weight: 400; }
.coe_light h3 { font-size: 24px; font-weight: 400; }
.coe_light h4 { font-size: 18px; font-weight: 400; }
.coe_light h5 { font-size: 14px; font-weight: 400; }
.coe_light h6 { font-size: 12px; font-weight: 400; }

/* Medium Screens (768px - 1200px) */
@media (min-width: 768px) {
  .coe_heavy h1, .coe_medium h1, .coe_light h1 { font-size: 48px; }
  .coe_heavy h2, .coe_medium h2, .coe_light h2 { font-size: 36px; }
  .coe_heavy h3, .coe_medium h3, .coe_light h3 { font-size: 28px; }
  .coe_heavy h4, .coe_medium h4, .coe_light h4 { font-size: 21px; }
  .coe_heavy h5, .coe_medium h5, .coe_light h5 { font-size: 16px; }
  .coe_heavy h6, .coe_medium h6, .coe_light h6 { font-size: 12px; }
}

/* Large Screens (1200px - 1600px) */
@media (min-width: 1200px) {
  .coe_heavy h1, .coe_medium h1, .coe_light h1 { font-size: 64px; }
  .coe_heavy h2, .coe_medium h2, .coe_light h2 { font-size: 48px; }
  .coe_heavy h3, .coe_medium h3, .coe_light h3 { font-size: 36px; }
  .coe_heavy h4, .coe_medium h4, .coe_light h4 { font-size: 28px; }
  .coe_heavy h5, .coe_medium h5, .coe_light h5 { font-size: 21px; }
  .coe_heavy h6, .coe_medium h6, .coe_light h6 { font-size: 16px; }
}

/* Extra-Large Screens (> 1600px) */
@media (min-width: 1600px) {
  .coe_heavy h1, .coe_medium h1, .coe_light h1 { font-size: 80px; }
  .coe_heavy h2, .coe_medium h2, .coe_light h2 { font-size: 60px; }
  .coe_heavy h3, .coe_medium h3, .coe_light h3 { font-size: 45px; }
  .coe_heavy h4, .coe_medium h4, .coe_light h4 { font-size: 34px; }
  .coe_heavy h5, .coe_medium h5, .coe_light h5 { font-size: 26px; }
  .coe_heavy h6, .coe_medium h6, .coe_light h6 { font-size: 20px; }
}

/* Adjustments for Light Theme */
body.light-theme {
  --text-color: black;
  --text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8); /* Light shadow for light text */
}