/*
Theme Name: Twenty Twenty-Five Child
Theme URI: source:/home/mgholl5/blog.mstreamment.com/wp-content/themes/twentytwentyfive-childtheme
Description: A child theme for Twenty Twenty-Five with MSE Brand styling and custom configurations.
Template: twentytwentyfive
Author: MSE Dev
Author URI: https://mstreament.com/dev
Template: twentytwentyfive
Requires: wordpress 6.4
Tested up to: 6.7
Requires PHP: 7.0 and later
Version: 1.0.1
License: my tweaks could break your site most likely will
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child

*/

/* Font definitions */
@font-face {
    font-family: 'Bebas Neue';
    src: url('/blog.mstreament.com/wp-content/themes/twentytwentyfive-childtheme/fonts/Bebas_Neue/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/blog.mstreament.com/wp-content/themes/twentytwentyfive-childtheme/fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/blog.mstreament.com/wp-content/themes/twentytwentyfive-childtheme/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('/blog.mstreament.com/wp-content/themes/twentytwentyfive-childtheme/fonts/roboto-slab/RobotoSlab-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Typography customizations */
h1, h2, .wp-block-post-title, .site-title {
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.5px;
}

h3, h4, h5, .wp-site-blocks .wp-block-navigation .wp-block-navigation-item__content, 
.wp-block-post-excerpt__more-text, .wp-block-query-pagination, .wp-block-post-navigation-link {
    font-family: 'Raleway', sans-serif !important;
}

body, p, button, .wp-block-button__link, input, textarea, .wp-block-post-excerpt__excerpt, 
.wp-block-post-content, article, .wp-block-quote__content, .wp-block-paragraph, 
.entry-content, .wp-block-post-template {
    font-family: 'Roboto Slab', serif !important;
}

/* Mainstream Entertainment brand styling */
:root {
    /* Brand color palette - adjust as needed */
    --mse-primary: '#0066cc;
    --mse-secondary: '#ff6600;
    --mse-accent: '#ffcc00;
    --mse-dark: '#333333;
    --mse-light: '#f5f5f5;
}
                                        
/* Custom button styling */
.wp-block-button__link {
    background-color: var(--mse-primary);
    color: white;
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    background-color: var(--mse-secondary);
}

.wp-block-button.is-style-outline .wp-block-button__link {
    color: var(--mse-primary);
    border-color: var(--mse-primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--mse-primary);
    color: white;
}

/* Fix ultrawide screen centering issue */
@media (min-width: 1921px) {
    .wp-site-blocks,
    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container,
    body > .is-layout-flow,
    body > .is-layout-constrained {
        margin-left: auto;
        margin-right: auto !important;
        max-width: 90% !important;
        position: relative !important;
        left: 0 !important;
        transform: none !important;
    }
    
    .wp-block-group.alignwide,
    .wp-block-group.alignfull {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Responsive sizes - additional breakpoints */
/* Tablet */
@media (max-width: 1024px) {
    h1, .wp-block-post-title {
        font-size: 2.5rem !important;
    }
    
    h2 {
        font-size: 2rem !important;
    }
    
    h3 {
        font-size: 1.75rem !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    h1, .wp-block-post-title {
        font-size: 2rem !important;
    }
    
    h2 {
        font-size: 1.75rem !important;
    }
    
    h3 {
        font-size: 1.5rem !important;
    }
    
    body, p {
        font-size: 1rem !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    h1, .wp-block-post-title {
        font-size: 1.75rem !important;
    }
    
    h2 {
        font-size: 1.5rem !important;
    }
    
    h3 {
        font-size: 1.25rem !important;
    }
}