/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 3.6.0.1621599790
Updated: 2021-05-21 12:23:10

*/
/* acylicalhand */
@font-face {
    font-family: 'aclicalhand-thick-webfont';
    src: url('/wp-content/themes/storefront-child/fonts/acylicalhand-thick-webfont.woff2') format('woff2'),
         url('/wp-content/themes/storefront-child/fonts/acylicalhand-thick-webfont.woff') format('woff'),
         url('/wp-content/themes/storefront-child/fonts/acylicalhand-thick.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* bobbyjones */
@font-face {
    font-family: 'bobby_jones_soft-webfont';
    src: url('/wp-content/themes/storefront-child/fonts/bobby_jones_soft-webfont.woff2') format('woff2'),
         url('/wp-content/themes/storefront-child/fonts/bobby_jones_soft-webfont.woff') format('woff'),
         url('/wp-content/themes/storefront-child/fonts/bobby_jones_soft.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* bouncy_castle */
@font-face {
    font-family: 'bouncy_castle-webfont';
    src: url('/wp-content/themes/storefront-child/fonts/bouncy_castle-webfont.woff2') format('woff2'),
         url('/wp-content/themes/storefront-child/fonts/bouncy_castle-webfont.woff') format('woff'),
         url('/wp-content/themes/storefront-child/fonts/bouncy_castle.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.acylicalhand {
	font-family:'acylicalhand-thick';
	font-weight: normal;
}

li.shop-size a.hfe-menu-item {
    font-size: 22px !important;
}

li a.hfe-menu-item {
    font-family:'bobby_jones_soft-webfont' !important;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu{
	align-items: center;
}
.site-title52 .elementor-heading-title.elementor-size-default {
    font-family: 'bobby_jones_soft-webfont' !important;
}
.butterfly {
  animation: fly 2s infinite alternate ease-in-out;
  transform-origin: center;
}

@keyframes fly {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.butterfly-fly {
  position: relative;
  width: 150px;  /* Adjust as per image size */
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.body {
  position: absolute;
  width: 40px; /* Adjust size */
  z-index: 2;
}

.wing {
  position: absolute;
  width: 70px; /* Adjust size */
  top: 50%;
  transform-origin: center;
  animation: flap 0.8s infinite alternate ease-in-out;
}

.left-wing {
  left: -50px; /* Adjust spacing */
  transform-origin: right center;
}

.right-wing {
  right: -50px; /* Adjust spacing */
  transform-origin: left center;

}

@keyframes flap {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

.b_left_wing {
  animation: left_flap 1s infinite alternate ease-in-out;
	
}

.b_right_wing {
  animation: right_flap 1s infinite alternate ease-in-out;
	
}

.b_both_wings {
	  animation: both_flaps 0.8s infinite alternate ease-in-out;

}

@keyframes left_flap {
    from {
    transform:rotateY(-20deg)
  }
	to {
    transform:rotateX(20deg)
  }

}
@keyframes right_flap {
    from {
    transform:rotateX(15deg)
  }
	to {
    transform:rotateY(-15deg)
  }

}
@keyframes both_flaps {
	  from { transform: rotateX(0); }
  to { transform: rotateX(80deg); }

}