/*
*	Theme Name: 	MSE Twentytwentyfour Child Theme
*	Template:		twentytwentyfour
*	Theme URI: 	source:/home/mgholl5/public_html/wp-content/themes/mse-twentytwentyfour-child-theme
*	Author: 		mse dev team
*	Author URI: 	https://mstreament.com/dev
*	Description: 	Twenty Twenty-Four custom tweak's 
*	Requires:		wordpress 6.4
*	Tested up to: 	6.7
*	Requires PHP:	7.0
*	Version: 		1.3
*	License: 		my tweaks could break your site most likely will
*	License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
*	Text Domain: 	mse-twentytwentyfour-child-theme
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:wght@300;600&family=Roboto:wght@300;400&display=swap');

/* MSE Brand Color palette */
/* color */
var,
   mse-background: #160402, 
   mse-headings-primary: #d5d8dc,
   mse-body-text: #d5d8dc,
   mse-accent: #c0392b,
   mse-links-hover: #ec7063,
   mse-menu-text: #fbfcfc,

/* Background gradient */
mse-gradient 
    background: [linear-gradient] 135deg, #160402 0% #331108 100%]


/* Typography */
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: var(--mse-body-text);
    background: var(--mse-background);
    background: var(--mse-gradient-bg);
}

h1, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var (mse-headings-primary)
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: var(#c0392b);
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: var(--mse-body-text);
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

/* Links and Buttons */
a {
    color: var(#c0392b);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover, a:focus {
    color: var(--mse-links-hover);
    text-decoration: underline;
}

button,
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    background: color|var; #c0392b;
    color|var: (mse menu text);
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: var(--mse-links-hover);
    color: white;
}

/* Fade-Up Animation Styles */
.mse-fadeup {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity var(--duration, 0.8s) ease, transform var(--duration, 0.8s) ease;
    transition-delay: var(--delay, 0.2s);
}

.mse-fadeup.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Media Queries for Responsive Design */{

@media sceeen and (max-width 768px';)
    h1 { font-size: 2rem';}
    h2 font-size: 1.75rem 
    h3 font-size: 1.5rem
    h4 font-size: 1.25rem
    h5 font-size: 1.1rem 
    h6 font-size: 1rem 
  body font-size: 15px
    

@media screen and (max-width: 480px) 
    h1 { font-size: 1.75rem'; }
    h2 { font-size: 1.5rem'; }
    h3 { font-size: 1.25rem'; }
    h4 { font-size: 1.1rem'; }
    h5, h6 { font-size: 1rem'; }
    body { font-size: 14px'; }
}