/*
Theme Name: Etsy Van Child Theme (Twenty Twenty Five)
Theme URI: 
Author: Sean Braacx
Author URI: https://sean.braacx.com
Description: Vancouver Etsy Co custom theme based on Twenty Twenty Five.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: etsy-van-child-theme-twenty-twenty-five
Tags: 

/* Overrides */
html {
    scroll-behavior: smooth;
}

/* Helper classes */
.capitalize {
  text-transform: capitalize;
}

.text-outline {
	-webkit-text-stroke: .04em black;
}

.no-outline, .no-outline a {
	outline: none !important;
}

.hover-image, .hover-image img {
	transition: all ease 0.3s;
}

.hover-image:hover, .hover-image:active {
	opacity: 0.7;
}

.has-placeholder img {
	background-color: var(--wp--preset--color--accent-4);
}

/* Responsive images within figures */
.is-vertically-aligned-stretch .wp-block-image, .is-vertically-aligned-stretch .wp-block-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* Hide Dot focus on CBB carousel */
.swiper-pagination-bullet:focus {
	outline: none;
}

/* Clickable link style */
.clickable-img img {
		transition: all ease 0.3s;
}
.clickable-img:hover img {
	opacity: 0.7;
}

/* Animations */

.squiggle svg {
	overflow: hidden;
}

.squiggle .track {
	animation: drift 3s linear infinite;
}

.squiggle .wave {
	fill: none;
	stroke: var(--wp--preset--color--accent-1);
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Move exactly one pattern width */
@keyframes drift {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-80px);
	}
}

.has-accent-1-color .squiggle .wave {
	stroke: var(--wp--preset--color--accent-1) !important;
}

.has-accent-2-color .squiggle .wave {
	stroke: var(--wp--preset--color--accent-2) !important;
}

.has-accent-3-color .squiggle .wave {
	stroke: var(--wp--preset--color--accent-3) !important;
}

.has-accent-4-color .squiggle .wave {
	stroke: var(--wp--preset--color--accent-4) !important;
}

.has-accent-5-color .squiggle .wave {
	stroke: var(--wp--preset--color--accent-5) !important;
}

.down-arrow a svg path { transition: all ease 0.3s; }
.down-arrow:hover a svg path { fill: var(--wp--preset--color--accent-5) !important; }

.down-arrow a {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-7px);
  }
  60% {
    transform: translateY(-3px);
  }
}

/* Insta widget */
 .zoom-instagram-widget__header {
display: none !important;
}