.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#2E76FF;--e-global-color-text:#000000;--e-global-color-accent:#FF9D0B;--e-global-color-8638455:#83E0EF;--e-global-color-fbe895b:#F2ECE7;--e-global-color-4d9c829:#FFFFFF;--e-global-typography-primary-font-family:"Roboto Flex custom";--e-global-typography-primary-font-weight:900;--e-global-typography-text-font-family:"Roboto Flex variable";--e-global-typography-text-font-size:16px;font-weight:500;font-stretch:140%;--e-global-typography-text-line-height:130%;--e-global-typography-accent-font-family:"Roboto Flex custom";font-family:"Roboto Flex variable", Sans-serif;font-size:16px;line-height:130%;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1262px;}.e-con{--container-max-width:1262px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-text-font-size:15px;font-weight:500;font-stretch:140%;--e-global-typography-text-line-height:140%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:580px;}.e-con{--container-max-width:580px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:580px;}.e-con{--container-max-width:580px;}}:root { --black:#000000; }
/* Start custom CSS *//* Prevent horizontal scroll on the entire website */
html, body {
    max-width: 100%;
    overflow-x: hidden;
    position: relative;
}





/* Button Hover Effect CSS */



/* 1. The Container (Initial Gradient State) */

.organic-fill-button {

    background: #FFED62;

    border: 3px solid #ffffff !important; 
    border-radius: 3px !important;
    transition: 0.5s;
    z-index: 1;

}



/* 2. The 'Mask' Layer (The leaf that grows on hover) */

.organic-fill-button .elementor-button::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, #FFBF00 0%, #FF8D0B 100%) !important;

    

    

    

 /* 3. The solid color that fills the button on hover */

    

    -webkit-mask-image: url("/wp-content/uploads/2026/04/hover-button-1-scaled.png");

    mask-image: url("/wp-content/uploads/2026/04/hover-button-1-scaled.png");

    

    -webkit-mask-size: 2300% 100%;

    mask-size: 2300% 100%;

    

    /* Reverse animation to hide it by default */

    -webkit-animation: mask-out 0.5s steps(22) forwards;

    animation: mask-out 0.5s steps(22) forwards;

    z-index: -1; /* Keeps the growing leaf behind the text */

}



/* 4. The Hover Trigger */

.organic-fill-button:hover .elementor-button::before {

    -webkit-animation: mask-in 0.7s steps(22) forwards;

    animation: mask-in 0.7s steps(22) forwards;

}



/* 4. Layering Fix: Keeping Text on Top */

.organic-fill-button .elementor-button {

    background: transparent !important; /* Must be transparent to see the layers below */

    z-index: 2;

}



/* 5. Centered Animation Keyframes */

@keyframes mask-in {

  from { -webkit-mask-position: 0 center; mask-position: 0 center; }

  to { -webkit-mask-position: 100% center; mask-position: 100% center; }

}



@keyframes mask-out {

  from { -webkit-mask-position: 100% center; mask-position: 100% center; }

  to { -webkit-mask-position: 0 center; mask-position: 0 center; }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto Flex custom';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Regular.eot');
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Regular.woff2') format('woff2'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Regular.woff') format('woff'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Regular.ttf') format('truetype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Regular.svg#RobotoFlexcustom') format('svg');
}
@font-face {
	font-family: 'Roboto Flex custom';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Medium.eot');
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Medium.woff2') format('woff2'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Medium.woff') format('woff'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Medium.ttf') format('truetype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Medium.svg#RobotoFlexcustom') format('svg');
}
@font-face {
	font-family: 'Roboto Flex custom';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-SemiBold.eot');
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-SemiBold.woff2') format('woff2'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-SemiBold.woff') format('woff'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-SemiBold.ttf') format('truetype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-SemiBold.svg#RobotoFlexcustom') format('svg');
}
@font-face {
	font-family: 'Roboto Flex custom';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Bold.eot');
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Bold.woff2') format('woff2'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Bold.woff') format('woff'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Bold.ttf') format('truetype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-Bold.svg#RobotoFlexcustom') format('svg');
}
@font-face {
	font-family: 'Roboto Flex custom';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBold.eot');
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBold.woff2') format('woff2'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBold.woff') format('woff'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBold.ttf') format('truetype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBold.svg#RobotoFlexcustom') format('svg');
}
@font-face {
	font-family: 'Roboto Flex custom';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBlack.eot');
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBlack.eot?#iefix') format('embedded-opentype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBlack.woff2') format('woff2'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBlack.woff') format('woff'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBlack.ttf') format('truetype'),
		url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-ExtraBlack.svg#RobotoFlexcustom') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto Flex variable';
	font-display: auto;
	src: url('https://cygma.bonafideshops.com/wp-content/uploads/2026/04/RobotoFlex-VariableFont_GRADXOPQXTRAYOPQYTASYTDEYTFIYTLCYTUCopszslntwdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */