/*
 Theme Name: Xpro Child
 Author: xpro
 Description: Child Theme di Xpro
 Template: xpro
 Version: 1.0.0
 Text Domain: xpro-child
*/

/* Includi qui eventuali stili aggiuntivi o sovrascritture dei CSS del tema padre */

body.no-anim-init .fade-in-left,
body.no-anim-init .fade-in-right,
body.no-anim-init .fade-in-up {
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

div#primary , div.xpro-primary-wrapper {
    overflow-x: hidden !important;
}

.dropdown-menu .xpro-elementor-dropdown-menu , .xpro-elementor-dropdown-menu {
    overflow: hidden;
    border-radius: 4px;
}

#menu-item-15656 {
    display: none;
}

.profile-icon , .social-icon {
    cursor: pointer;
}

.site-logo {
    transition: transform .3s ease-in-out;
}

.site-logo:hover {
    transform: scale(1.03);   
}

.header-info-list .xpro-infolist-wrapper {
    display: flex;
    gap: 2rem;
}

.header-info-list .xpro-infolist-wrapper , .header-info-list .xpro-infolist-layout- {
    display: flex;
    gap: 2rem;
}

.xpro-infolist-media , .xpro-infolist-media-type-icon {
    margin-top: 3px;
}

.elementor-drop-cap-letter {
    margin-left: -1rem;
}

.featured-img img , #featured-img img {
    transition: transform 1.7s ease-in-out
}

.main-section-card:hover .featured-img img {
    transform: scale(1.1)
}

#main-section-card:hover #featured-img img {
    transform: scale(1.1)
}

.main-section-card .card-header h3 {
    transition: color .3s ease-in-out;
}

.main-section-card:hover .card-header h3 {
    color: #7BC572 !important;
}

#site-logo-container {
    --align-items: flex-start;
    --align-self: flex-start;
}

#site-logo {
    --align-self: flex-start;
}

#flex-grow ul.xpro-infolist-wrapper li:nth-child(2) {
    order: 3 !important;
}

#flex-grow ul.xpro-infolist-wrapper li:nth-child(3) {
    order: 2 !important;
}

.contact-bg, #contact-bg {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='' height=''%3E%3Cpath fill='%23ededed' fill-opacity='0.25' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
}

.banner-container, #banner-container {
    max-height: 550px;
    aspect-ratio: 16/9;
    min-height: unset !important;
}

.featured-banner, #featured-banner {
    max-height: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.featured-banner .elementor-widget-xpro-featured-image, #featured-banner .elementor-widget-xpro-featured-image {
    transform: translateY(-15%);
    z-index: -1;
}

.wp-block-media-text__content {
    width: 100%;
    padding: 0 !important;
}

.prodotti-container {
    gap: 3rem;
}

figure.wp-block-media-text__media {
    box-shadow: 11px 13px 5px 1px #0000001c;
}

.wp-block-heading {
    color: #6d6d6d !important;
}

.xpro-theme-builder-singular-wrapper .xpro-elementor-content p {
    color: #787878 !important;
}

.fade-in-left,
.fade-in-right,
.fade-in-up {
  opacity: 0;
  transition: all 1s ease;
}

.fade-in-left { transform: translateX(-30px); }
.fade-in-right { transform: translateX(30px); }
.fade-in-up    { transform: translateY(30px); }

.fade-in-left.show,
.fade-in-right.show,
.fade-in-up.show {
  opacity: 1;
  transform: none;
}

.sub-page-button a {
    display: flex !important;
    gap: 10px;
    line-height: 1.7 !important;
}

.sub-page-button a:hover {
    background-color: #6AAB62 !important;
}

.sub-page-button a span.xpro-elementor-button-media svg {
    fill: #ffffff;
}

#page-title-container , .page-title-container {
    padding-bottom: 0 !important;
}

@media (max-width: 1024px) {
    ul.xpro-elementor-horizontal-navbar-nav {
        padding-top: 0 !important;
    }

    #menu-item-15656 {
        display: block;
    }

    #menu-item-15656 a {
        display: block;
        height: 100%;
        border-bottom: 0;
    }

    button.xpro-elementor-horizontal-menu-close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .xpro-elementor-horizontal-navbar-wrapper {
        padding-top: 15px !important;
    }
}

@media (max-width: 1512px) {
    .featured-banner .elementor-widget-xpro-featured-image, #featured-banner .elementor-widget-xpro-featured-image {
        transform: translateY(0%) !important;
        z-index: -1;
        height: 100%;
    }

    .featured-banner .xpro-featured-image , #featured-banner .xpro-featured-image {
        height: 100%;
    }

    .featured-banner .xpro-featured-image img , #featured-banner .xpro-featured-image img {
        height: 100%;
    }
}