/* 
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
*/ 

.mainNav .highlighted svg.e-font-icon-svg.e-fas-caret-down {
    fill: #fff;
}
.mainNav .sub-menu {
    padding: 5px !important;
    min-width: 100% !important;
}
.mainNav .sub-menu li a { 
    justify-content: flex-end;
}
.title-sc1 .elementor-heading-title::before {
    content: attr(data-text);
    position: absolute;
    color: #313a61;
    top: .03em;
	left: 0;
    width: 100%;
    -webkit-text-stroke: 0.13em #313a61;
    z-index: -1;
}

.title-sc1.white .elementor-heading-title::before { 
    -webkit-text-stroke: 0.13em #fff;
}
/*
.gid-item-wrap .fyv-hover-ds {
    pointer-events: none;
}
*/
.findyourvbie-grid-wrap .gid-item-wrap.e-flex.e-con.e-child {
    overflow: hidden;
}
.gid-item-wrap:hover .fyv-hover-ds {
    opacity: 0;
}
.gid-item-wrap:hover .fyv-hover-ds {
    opacity: 0;
}
.gid-item-wrap .fyv-hover-ds {
    pointer-events: none;
    transition: .3s all;
}
.homebanner {
    overflow: hidden;
}
/* Initially hide the animated img */
#myWebPCreate .elementor-widget-container img {
	visibility: hidden;
	position: absolute;
}

/* When playing, show animated, hide static */
#myWebPCreate.is-playing .elementor-widget-container img {
	visibility: visible;
}

#myWebPCreate.is-playing .webp-static-frame {
	display: none;
}

.webp-static-frame {
	display: block;
}

#tabsRaining {
    transition: none !important;
    animation: none !important;
    will-change: transform, opacity;
}

/* Parent needs this for the yPercent:-100 slide to be hidden above */
#tabsRaining,
#tabsRaining > * {
    overflow: hidden;
}
#tabsRaining {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;   /* Safari */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* old Edge/IE */
}

/* ---- canvas display sizing ---- */
#myWebPCreate .webp-static-frame {
    display: block;
    width: 17.5vw !important;
    height: auto !important;
}

/* ---- size the static img the same as the animated one ---- */
#myWebPCreate img.webp-static { width: 17.5vw !important; height: auto !important; }

@media (max-width: 1200px) {
  html {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
	.mainNav .sub-menu li a { 
   		 justify-content: flex-start;
	}
	.mobile-f-relative{ position: relative !important}
	#myWebPCreate .webp-static-frame {
		display: block;
		width: 27vw !important; 
	}
}