/*
Theme Name: Mistakin Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.1.1739631972
Updated: 2025-02-15 15:06:12

*/

    body {
            font-family: 'Open Sans', sans-serif;
            background-color: #FAF0E6; /* Linen - Warm Neutral */
            color: #36454F; /* Charcoal */
            scroll-behavior: smooth;
        }
        .anton-font {
            font-family: 'Anton', sans-serif;
        }
        .brand-red {
            color: #DC143C; /* Crimson Red */
        }
        .brand-red-bg {
            background-color: #DC143C;
        }
        .accent-bg {
            background-color: #F5E1BF; /* Desert Sand - Lighter Warm Neutral */
        }
        .section-padding {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }
        @media (max-width: 768px) {
            .section-padding {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
        }
        .tenet-card {
            transition: all 0.3s ease-in-out;
            border: 1px solid transparent;
        }
        .tenet-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            border-color: #DC143C;
        }
        .tenet-argument {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-out, padding 0.5s ease-out;
            padding-top: 0;
            padding-bottom: 0;
        }
        .tenet-argument.open {
            max-height: 500px; /* Adjust as needed */
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        .equation-term {
            cursor: pointer;
            transition: color 0.2s ease-in-out;
            position: relative;
        }
        .equation-term .tooltip {
            visibility: hidden;
            width: 200px;
            background-color: #36454F;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 8px;
            position: absolute;
            z-index: 1;
            bottom: 125%; /* Position above the term */
            left: 50%;
            margin-left: -100px; /* Center the tooltip */
            opacity: 0;
            transition: opacity 0.3s;
            font-size: 0.875rem;
            font-family: 'Open Sans', sans-serif;
        }
        .equation-term:hover .tooltip {
            visibility: visible;
            opacity: 1;
        }
        .scroll-down-arrow {
            animation: bounce 2s infinite;
        }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-15px);
            }
            60% {
                transform: translateY(-7px);
            }
        }
        
        /* --- Make Homepage Content Full Width --- */

/* Target the homepage specifically */
body.home .entry-content.wp-block-post-content.is-layout-constrained {
    max-width: none !important; /* Remove any max-width restriction */
    padding-left: 0 !important;  /* Remove theme's default left padding */
    padding-right: 0 !important; /* Remove theme's default right padding */
}

/*
Alternative/additional selectors if the above isn't specific enough
or if other classes are also applying constraints.
You might not need all of these, start with the one above.
*/

/* body.home .wp-block-post-content {
    max-width: none !important;
}

body.home .is-layout-constrained {
    max-width: none !important;
}

body.home .has-global-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */

/* Ensure your individual sections within the homepage can control their own internal padding/container */
/* The HTML you pasted into the page content already uses 'container mx-auto px-6' 
   inside each <section> for centering its own content. This is correct. */