/*
Theme Name: Watch Wichita Win
Author: Hexcode Marketing
Author URI: https://hexcodemarketing.com
Description: A modern WordPress block theme built with best practices.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: watch-wichita
Tags: block-theme, full-site-editing, blog, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Base styles will be handled by theme.json and block styles */

html {
    scroll-behavior: smooth;
}

body {
    background-image: url("./assets/img/dot-background.svg");
}


.site-logo {
    max-width: 40%; 
}

@media (min-width: 600px) {
    .site-logo {
        max-width: 300px;
    }
}

.site-logo svg {
    width: 100%;
    height: auto;
}

/* Nav block styles */
.wp-block-navigation-item__content {
    position: relative;
    padding: 10px;
}

.wp-block-navigation-item__content span {
    transition: color 0.3s ease-in-out;
}

.wp-block-navigation-item__content::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--wp--preset--color--blue-secondary);
    transform-origin: center;
    transform: translate(-50%, 0) scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.wp-block-navigation-item__content:hover span,
.wp-block-navigation-item__content:focus span {
    color: var(--wp--preset--color--harvest-gold);
} 

.wp-block-navigation-item__content:hover::before,
.wp-block-navigation-item__content:focus::before {
    transform: translate(-50%, 0) scaleX(1);
}

/* Media Text block styles */
@media(max-width: 600px) {
    .wp-block-media-text {
        gap: 1rem;
    }
    .wp-block-media-text .wp-block-media-text__content {
        padding: 0;
    }
}

.hero-featured-image img {
    height: 50vh !important;
}