/*
Theme Name:   Rav - T3 Child
Theme URI:    https://dogwho.codes
Description:  Twenty Twenty Three Child Theme
Author:       david wolfpaw
Author URI:   https://davidwolfpaw.com
Template:     twentytwentythree
Version:      1.0.0
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

.bowie-icon {
	width: 62px;
	height: 100px;
}

.bowie-cmyk {
	width: 62px;
	height: 100px;
	overflow: visible;
	position: absolute;
}

.animation-1:hover #bowie-c {
	animation: cyan1 1s infinite alternate;
}

.animation-1:hover #bowie-m {
	animation: magenta1 1s infinite alternate;
}

.animation-1:hover #bowie-y {
	animation: yellow1 1s infinite alternate;
}

.animation-2:hover #bowie-c {
	animation: animation2 1s 1;
}

.animation-2:hover #bowie-m {
	animation: animation2 1.1s 1;
}

.animation-2:hover #bowie-y {
	animation: animation2 1.2s 1;
}

.animation-2:hover #bowie-k {
	animation: animation2 1.3s 1;
}

.animation-3:hover #bowie-c {
	animation: cyan3 1.5s infinite alternate;
}

.animation-3:hover #bowie-y {
	animation: yellow3 1.5s infinite alternate;
}

.animation-3:hover #bowie-m {
	animation: magenta3 1.5s infinite alternate;
}

@keyframes cyan1 {
	from {
		transform: rotate(0deg) translate(0px) rotate(0deg);
	}

	to {
		transform: rotate(270deg) translate(100px) rotate(-270deg);
	}
}

@keyframes magenta1 {
	from {
		transform: rotate(0deg) translate(0px) rotate(0deg);
	}

	to {
		transform: rotate(180deg) translate(100px) rotate(-180deg);
	}
}

@keyframes yellow1 {
	from {
		top: -100px;
		transform: rotate(0deg) translate(0px) rotate(0deg);
	}

	to {
		left: 0px;
		top: 0px;
		transform: rotate(90deg) translate(100px) rotate(-90deg);
	}
}

@keyframes animation2 {
	0% {
		transform: rotate(0deg) translate(0px) rotate(0deg);
		animation-timing-function: ease-in;
	}

	50% {
		transform: rotate(360deg) translate(100px) rotate(-360deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform: rotate(720deg) translate(0px) rotate(-720deg);
	}
}

@keyframes cyan3 {
	0% {
		transform: rotate(0deg) translate3d(0, 0, 0) rotate(0deg);
		animation-timing-function: ease-in;
	}

	50% {
		transform: rotate(360deg) translate3d(-130px, 75px, 0) rotate(-360deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform: rotate(720deg) translate3d(0, 0, 0) rotate(-720deg);
	}
}

@keyframes yellow3 {
	0% {
		transform: rotate(0deg) translate3d(0, 0, 0) rotate(0deg);
		animation-timing-function: ease-in;
	}

	50% {
		transform: rotate(360deg) translate3d(75px, 130px, 0) rotate(-360deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform: rotate(720deg) translate3d(0, 0, 0) rotate(-720deg);
	}
}

@keyframes magenta3 {
	0% {
		transform: rotate(0deg) translate3d(0, 0, 0) rotate(0deg);
		animation-timing-function: ease-in;
	}

	50% {
		transform: rotate(360deg) translate3d(0px, -150px, 0) rotate(-360deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform: rotate(720deg) translate3d(0, 0, 0) rotate(-720deg);
	}
}

.gradient-text-wrapper {
	animation: rainbow-text 20s linear 0s infinite reverse;
	animation-play-state: paused;
}

@supports (-webkit-background-clip: text) {
	.gradient-text {
		animation: rainbow-text 40s linear 0s infinite normal;
		background: linear-gradient(45deg,
				#000,
				#000 12.5%,
				#784f16 12.5%,
				#784f16 25%,
				#e40303 25%,
				#e40303 37.5%,
				#ff8c00 37.5%,
				#ff8c00 50%,
				#ffed00 50%,
				#ffed00 62.5%,
				#008026 62.5%,
				#008026 75%,
				#004dff 75%,
				#004dff 87.5%,
				#750787 87.5%,
				#750787);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

.gradient-text a {
	color: inherit;
	position: initial;
}

.gradient-text a::after {
	display: none;
}

.gradient-text-wrapper:hover {
	animation-play-state: running;
}

@keyframes rainbow-text {
	100% {
		background-position: 30em;
	}
}



@keyframes rainbow {
	0% {
		background-clip: text;
		color: transparent;
		background-image: linear-gradient(90deg, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000FF, #4B0082, #8B00FF);
	}

	100% {
		background-clip: text;
		color: transparent;
		background-image: linear-gradient(90deg, #8B00FF, #4B0082, #0000FF, #00FF00, #FFFF00, #FF7F00, #FF0000);
	}
}

.rainbow-text {
	font-size: 2em;
	font-weight: bold;
	animation: rainbow 5s linear infinite;
}

.rainbow-text:hover {
	animation-direction: reverse;
}

.wp-block-gallery.has-nested-images.website-badges figure.wp-block-image {
	width: 88px !important;
	flex: 0 0 auto;
}

.wp-block-gallery.has-nested-images.website-badges-large figure.wp-block-image {
	width: 234px !important;
	flex: 0 0 auto;
}

@media (max-width: 68rem) {
	body .is-layout-constrained > .alignwide {
		max-width: 90vw;
	}
}