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

.ekit-wid-con .ekit-sidebar-widget {opacity:0.3 !important;}
ul.pietanze-list {
	background: #fff;
    color: #000;
    outline: 2px solid #fff;
	outline-offset: 8px;
	margin:auto !important;
}

.elementor-widget-text-editor a { 
background: linear-gradient(to bottom, transparent 60%, rgba(229, 176, 115, 0.3) 0%) center center / calc(100% - 20px) 100% no-repeat;
    color: #e59539;
	transition: all 0.5s,background 0.3s;
	text-decoration:none;
}
.elementor-widget-text-editor a:hover { 
background-size: 100% 100%;
    color: #e57a00;
	text-decoration:none;
}
ul.hfe-nav-menu li {text-align:center;}

.hfe-layout-vertical ul.hfe-nav-menu li a:hover,.hfe-layout-vertical ul.hfe-nav-menu li a:focus, .hfe-layout-vertical ul.hfe-nav-menu li a:active {text-decoration:underline !important;}

.hfe-nav-menu__layout-vertical .hfe-menu-toggle:hover, .hfe-nav-menu__layout-expandible .hfe-menu-toggle:hover, .hfe-flyout-wrapper .hfe-menu-toggle:hover {border:none !important;text-decoration:none !important}
.ekit_social_media > li > a:hover {color:#e57a00 !important;}

.pietanza-info .prezzo  {
 margin-left: 14px;
    margin-top: 2px;
    font-size: 16px;
    width: 50px;
}
.wpcf7-acceptance a, .wpcf7-acceptance a:hover {text-decoration:underline !important;}

/* Transizione fluida per il logo */
.elementor-element-f59b6f5 img.hfe-site-logo-img {
    transition: width 0.5s ease-in-out, height 0.5s ease-in-out !important;
}

/* Quando scrollo, riduco il logo */
.elementor-element-f59b6f5.is-scrolled img.hfe-site-logo-img {
    width: 80px !important; 
    height: auto !important;
}
.elementor-355 .elementor-element.elementor-element-f59b6f5.is-scrolled {
	 --padding-top: 6px;
    --padding-bottom: 0px;
}

@media (max-width: 767px) {
    .elementor-element-f59b6f5.is-scrolled img.hfe-site-logo-img {
    width: 75px !important; 
    height: auto !important;
	}
}


.hfe-layout-vertical.hfe-nav-menu-layout  nav ul.hfe-nav-menu li:hover>a::before, ..hfe-layout-vertical.hfe-nav-menu-layout  nav ul.hfe-nav-menu li.open>a::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.hfe-layout-vertical.hfe-nav-menu-layout  nav ul.hfe-nav-menu li a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}