/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 23 2026 | 18:15:50 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

:root {
/* ease: cubic-bezier(0.675,0.475,0.05,0.67) .2,1.3,.33,1
menu-animation-ease: cubic-bezier(0.140,0.325,0.000,0.925)*/
--word-delay: 0.03s;
--letter-delay: 0.2s;
--ease: cubic-bezier(.15,1.3,.4,1) !important;
--transition: all .5s cubic-bezier(0.140,0.325,0,1) !important;
--menu-animation-speed: .3s !important;
--menu-animation-ease: cubic-bezier(0.140,0.325,0,1) !important;
--expoOut: cubic-bezier(0.14, 1.00, 0.34, 1.00);
}

.items-entrance-animation-fade-in-up .entry, [data-scroll-entrance-animation=fade-in-up] {
	transition-duration: 1s !important;
	transition-timing-function: var(--ease) !important;
}

.layout-overlay .entry-artist-grid .entry-image, .not-mobile .layout-overlay .entry-artist-masonry .entry-image, .not-mobile .layout-overlay .entry-work-grid .entry-image, .not-mobile .layout-overlay .entry-work-masonry .entry-image,  {
transition-duration: 1s !important;
}

/* .elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container, .elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)) {
transition: background 1s,border 1s,border-radius 1s,box-shadow 1s,transform 1.1s !important;
transition-timing-function: var(--ease) !important;
} */


/* .homeTag .char{
transform: rotate(.01deg) translateZ(-1px);
	transition: all 1s var(--ease) !important;
} */
.animated-heading-yes {
	transform: rotate(.01deg) translateZ(-1px);
}
[data-animation=paragraph] .line, [data-animation=subtitle] .word, [data-animation=title] .char {
transition: all 1s var(--ease) !important;
}

#hero-scroll-down-arrow, .post-meta-container, .post-title {
transition: all 1s var(--ease) !important;
}



.myWrd {
	display: inline-block;
	transform: translateY(50%) translateZ(-.1px) rotate(.01deg);
	opacity: 0;
	/* 		animation-name: mySlide !important;
	animation-duration: .5s;
	animation-timing-function: linear;
	animation-direction: normal; */
	transition: opacity .02s, transform 1.2s var(--ease); /* Transition properties */
}
#homeHeroVid {
	transform: translateY(20%) translateZ(-.1px) rotate(.01deg);
	opacity: 0;
	transition: opacity .8s linear, transform .8s var(--expoOut)  !important; /* Transition properties */
}
.myVisible {
	transform: translateY(0px) translateZ(-.1px) rotate(.01deg) !important;
	opacity: 1 !important;
}

/* opacity .8s ease-out,  */
#homeTag h1 div {
	display: inline-block;
	overflow:hidden;
	 padding: .03em .3em; /* Add height to the top */
     margin: -.03em -.3em; /* Offset the height adjustment */
/* 	 background-color: #F0F0C9; */
}
#homeTag h1 div:nth-child(1) {transform: rotate(.8deg) translateY(-.02em)}
#homeTag h1 div:nth-child(3) {transform: rotate(.2deg); color: #C93712;}
#homeTag h1 div:nth-child(5) {transform: rotate(-.2deg) translateY(.01em)}
/* .homeTag .colorMe { */
/* 	font-family: serif; */
/* 	color: #D98B29; */ 
/* 	color: #C93712;	 */
/* } */