/*
Theme Name: Artscape 2026
Theme URI:
Author: Rishi Talreja
Author URI: https://rishitalreja.com
Description: Child of Twenty Twenty Five — optimised for block-based Full site editing (FSE).
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: artscape-2026
Tags:
*/

html {
	scroll-behavior: smooth;
}

.white-bg {
	background-color: white;
}
.logo {
	background-color: white;
	padding: var(--wp--preset--spacing--20);
	border-radius: 0.8em;
	border: 1px solid var(--wp--preset--color--accent-6);
}

@media (min-width: 480px) and (max-width: 767px) {
	.header-row {
		border-left: 1px dotted var(--wp--preset--color--accent-4);
	}
	.header-row .wp-block-group {
		border-color: transparent !important;
	}
	.header-nav {
		align-items: start;
	}
}

.hero {
	background: linear-gradient(
		to bottom,
		var(--wp--preset--color--accent-2) 0%,
		color-mix(
				in srgb,
				var(--wp--preset--color--accent-2) 80%,
				var(--wp--preset--color--accent-3)
			)
			20%,
		var(--wp--preset--color--accent-3) 35%,
		color-mix(
				in srgb,
				var(--wp--preset--color--accent-3) 50%,
				var(--wp--preset--color--accent-1)
			)
			45%,
		var(--wp--preset--color--accent-1) 50%,
		color-mix(
				in srgb,
				var(--wp--preset--color--accent-1) 50%,
				var(--wp--preset--color--accent-3)
			)
			55%,
		var(--wp--preset--color--accent-3) 65%,
		color-mix(
				in srgb,
				var(--wp--preset--color--accent-3) 50%,
				var(--wp--preset--color--accent-2)
			)
			80%,
		var(--wp--preset--color--accent-2) 100%
	);
	background-size: 100% 1000%;
	background-position: top;
	animation: hero-gradient-animation 15s infinite alternate ease-in-out;
	animation-delay: 2s;
}

@keyframes hero-gradient-animation {
	0% {
		background-position: top;
	}
	100% {
		background-position: bottom;
	}
}

.header-row {
	position: relative;
}
/* .header-row::before {
  content: '';
  position: absolute;
  left: -5em;
  width: 7em;
  height: 5em;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
} */
/* .has-butterfly-vine-y-1::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: 25%;
  opacity: 0.05;
  background-position: 0% 30%;
} */

.has-butterfly-y-1::before {
	background-image: url(../../uploads/2026/03/butterfly-yellow-1.png);
}
.has-butterfly-vine-y-1::before {
	background-image: url(../../uploads/2026/03/butterfly-vine-yellow-1.png);
}

body::before {
	background-image: url(../../uploads/2026/03/butterfly-vine-purple-1.png);
	content: "";
	position: fixed;
	inset: 0;
	background-size: 25%;
	opacity: 0.06;
	background-position: 0% 30%;
	background-repeat: repeat;
}

.org {
	background-color: white;
	align-content: center;
	& img {
		width: 100%;
	}
}
.partners {
	/* border: 3px solid var(--wp--preset--color--accent-3); */
	& img {
		padding: 10%;
	}
}

.opacity-30 {
	opacity: 0.3;
}
.opacity-40 {
	opacity: 0.4;
}
.opacity-50 {
	opacity: 0.5;
}

#jump-to-top.show {
	opacity: 1;
	visibility: visible;
}
.sideways {
	writing-mode: sideways-lr;
}