/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */
@font-face {
    font-family: 'Comic-Sans-MS'; 
    src: url('fonts/Comic_Sans_MS.ttf'); /*URL to font*/
}
:root{
	--main-font:"Comic-Sans-MS", "Comic Sans", cursive;
}
body{
	font-family:var(--main-font);
}
@keyframes play {
	100% { background-position: -120px; }
}

@-webkit-keyframes play {
    100% { background-position: -120px; }
}

.bee >div {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px !important;
	background: url('img/bees.png') no-repeat left center;
	animation: play .1s steps(3) infinite;
	-webkit-animation: play .1s steps(3) infinite;
	position:relative;
}
.bee >div:before {
	content'';
	position:absolute;
	width:50px;
	height:3px;
	background:#FFF;
	left:100%;
}
.menu_item.start:before {
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
  	width: 0; 
	height: 0;
	transition:0.2s ease-in-out all;
	  border-style: solid;
	  border-width: 30px 0px 0px 30px;
	  border-color: #FEC20B transparent transparent transparent;
}
.menu_item.start:hover:before {
	border-color: #00AAB2 transparent transparent transparent;
}
.menu_item.start:after {
	content:'';
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
  	width: 0; 
	height: 0;
	transition:0.2s ease-in-out all;
	border-style: solid;
	border-width: 0px 0px 30px 30px;
	border-color: transparent transparent #FEC20B transparent;
}
.menu_item.start:hover:after {
	border-color: transparent transparent #00AAB2 transparent;
}
.menu_item.end:before {
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	right:0;
  	width: 0; 
	height: 0;
	transition:0.2s ease-in-out all;
	  border-style: solid;
	  border-width: 30px 30px 0px 0;
	  border-color: #FEC20B transparent transparent transparent;
}
.menu_item.end:hover:before {
	border-color: #00AAB2 transparent transparent transparent;
}
.menu_item.end:after {
	content:'';
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
  	width: 0; 
	height: 0;
	transition:0.2s ease-in-out all;
	border-style: solid;
	border-width: 0px 30px 30px 0px;
	border-color: transparent transparent #FEC20B transparent;
}
.menu_item.end:hover:after {
	border-color: transparent transparent #00AAB2 transparent;
}
.menu_item a:after {
	content:'';
	position:absolute;
	width:100%;
	top:3px;
	right:0;
	bottom:3px;
	border-top:1px dashed #FFF;
	border-bottom:1px dashed #FFF;
}
.menu_item a{
	position:relative
}
.menu_item.shadow a:before{
	content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    left: 60%;
    top: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
}