/*
Theme Name: Bute
Theme URI: https://wordpress.com/theme/bute/
Author: Automattic
Author URI: https://automattic.com/
Description: Bute is a blog theme that has a full-screen front page
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.7
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: bute
Tags: blog, holiday, one-column, wide-blocks, block-styles, featured-images, full-site-editing, rtl-language-support, threaded-comments, translation-ready
*/

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

/*
 * Button Block
 * 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--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/*
 * Footer template part
 * There is no option to remove the top margin.
 * https://github.com/WordPress/gutenberg/issues/47637
 */
.footer-container {
	margin-top: auto;
}
.transparent-bg-container {
  /* This is a 60% solid black background */
  background-color: rgba(0, 0, 0, 0.6) !important;
}

/* --- New Floating Animation Code --- */

/* This defines the animation itself */
@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px); /* Moves 8px up */
  }
  100% {
    transform: translateY(0);
  }
}

/* This applies the animation to your button */
.floating-button {
  animation-name: floatAnimation;
  animation-duration: 2s; /* How long one full up-and-down cycle takes */
  animation-iteration-count: infinite; /* This makes it repeat forever */
  animation-timing-function: ease-in-out; /* Makes the movement smooth */
}