/*
Theme Name: Partygurl
Theme URI: https://themeshaper.com/partygurl/
Author: Automattic
Author URI: https://automattic.com
Description: Partygurl embodies a bold and rebellious aesthetic, inspired by edgy, chaotic fun and the unapologetic “brat” energy popularized by cultural trends.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: partygurl
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 0.06em !important;
	text-underline-offset: .1em;
}

/* Progresive enhancement to reduce widows and orphans.
/* https://github.com/WordPress/gutenberg/issues/55190
*/
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption {
		text-wrap: balance; /* Safari fallback */ 
		text-wrap: pretty;
}
p {
    text-wrap: pretty;
}
.custom-marquee {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    width: 100%; /* Full width of the container */
    background-color: #333; /* Background color */
    color: #fff; /* Text color */
}

.custom-marquee p {
    display: inline-block;
    padding-left: 100%; /* Start position off-screen */
    animation: marquee 10s linear infinite; /* Adjust duration for speed */
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}