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

.header-custom .custom-menu a {
    display: grid;
    text-align: center;
}

li.first-items-menu.menu-item:before,
li.last-items-menu.menu-item:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 75px;
    background: #FAB80C;
    top: -35px;
    transform: rotate(15deg);
}

li.last-items-menu.menu-item:before {
    right: 0;
}

/* POST HOME  */
	
.custom-post .elementor-post__meta-data {
    position: absolute;
    top: 15px;
    background: #fab822;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-left: 15px;
}
.custom-post .elementor-post__read-more-wrapper {
    text-align: end;
    position: relative;
}

.custom-post a.elementor-post__read-more:after {
    content: "";
    height: 3px;
    background: #FAB80C;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
}
.custom-post a.elementor-post__read-more {
    background: #fff;
    padding: 0 15px;
}

/* FOOTER */

.footer-menu ul li:before {
    content: "";
    background: #FAB80C;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 24%;
    border-radius: 50%;
}
 .cta-fix {
        transform: translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .cta-fix.hide {
        opacity: 0;
        transform: translateY(20px);
        pointer-events: none;
    }

/* BOX HOME SERVIZI */

.custom-cta .elementor-cta__content {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	grid-template-areas:
	  "icon title"
	  "description description"
	  "button button";
	gap: 10px; 
  }
  
.custom-cta .elementor-icon-wrapper {
	grid-area: icon;
	align-self: center; 
}
  
.custom-cta .elementor-cta__title {
	grid-area: title;
	align-self: center;
}
  
.custom-cta .elementor-cta__description {
	grid-area: description;
}
.custom-cta .elementor-cta__button-wrapper {
	grid-area: button;
}
.custom-cta .elementor-cta:hover .elementor-icon-wrapper svg {
    filter: brightness(0) invert(1);

}
.custom-cta .elementor-cta__button-wrapper {
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.custom-cta .elementor-cta:hover .elementor-cta__button-wrapper {
  transform: translateY(0);
  opacity: 1;
}
.custom-cta .elementor-cta {
    /*max-height: 230px;*/
    overflow: hidden; 
    transition: max-height 0,3s ease-in-out; 
}
.custom-cta .elementor-cta:hover {
    max-height: 600px; 
	 transition: max-height 1s ease-in-out; 
}


@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.custom-post-prod .elementor-post__read-more-wrapper a {
  border: 2px solid #fab822;
  border-radius: 15px;
  padding: 10px 15px;
}

.custom-post-prod span.ray {
  color: var(--e-global-color-secondary);
}