/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* animated button */
.btn-animated .elementor-button, .btn-animated .ee-popup__trigger  {
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.10);
	cursor: pointer;	
	display: inline-block;
	position: relative;
	transition: 0.5s;
	/*min-width: 150px;*/
}

.btn-animated .elementor-button:after, .btn-animated .ee-popup__trigger:after {
	/*content: "\f054";
	font-family: 'Font Awesome 5 Free';*/
	content: ">>";
	font-size: 16px;
	position: absolute;
	opacity: 0;  
	right: -20px;
	transition: 0.5s;
	margin-top: 1px;
}

.btn-animated .ee-popup__trigger:hover {
	padding-right: 45px !important;
	padding-left: 25px !important;
}

.btn-animated .elementor-size-xs.elementor-button:after {
	top: 23%;
}

.btn-animated .elementor-size-xs.elementor-button:hover {
  padding-right: 25px;
  padding-left: 25px;
}
.btn-animated .elementor-size-sm.elementor-button:after {
	top: 25%;
}
.btn-animated .elementor-size-sm.elementor-button:hover {
  padding-right: 30px;
  padding-left: 30px;
}
.btn-animated .elementor-size-md.elementor-button:after {
	top: 28%;
}
.btn-animated .elementor-size-md.elementor-button:hover {
  padding-right: 60px;
  padding-left: 30px;
}
.btn-animated .elementor-size-lg.elementor-button:after {
	top: 30%;
}
.btn-animated .elementor-size-lg.elementor-button:hover {
  padding-right: 45px;
  padding-left: 45px;
}
.btn-animated .elementor-size-xl.elementor-button:after {
	top: 33%;
}
.btn-animated .elementor-size-xl.elementor-button:hover {
  padding-right: 55px;
  padding-left: 55px;
}

.btn-animated .elementor-button:hover:after, .btn-animated .ee-popup__trigger:hover:after {
  opacity: 1;
  right: 28px;
}



/* reveal an image or text or content to the right */
.revealright {
    animation: none !important;
}
.revealright > * {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 0.8s ease-in-out !important;
}
.revealright.animated > * {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* reveal an image or text or content SLOW to the right */
.revealrightslow {
    animation: none !important;
}
.revealrightslow > * {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all 2s ease-in-out !important;
}
.revealrightslow.animated > * {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* reveal an image or text or content to the left */
.revealleft {
    animation: none !important;
}
.revealleft > * {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: all 0.8s ease-in-out !important;
}
.revealleft.animated > * {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


/* reveal an image or text or content from the top */
.revealdown {
    --speed: 0.8s;
    animation: none !important;
}
.revealdown > * {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all var(--speed) ease-in-out !important;
}
.revealdown.animated > * {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}