/**
Theme Name: Just2Play.IT
Author: J2P.it
Author URI: https://just2play.it
Description: Tema Child per il Astra Theme personalizzato da J2P.it
Version: 23.01
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: just2play-it
Template: astra
*/

/* Sito sviluppato da Just2Play.IT - 2024 */

body, .ast-plain-container, .ast-page-builder-template {
    background-image: url('/wp-content/uploads/2024/11/g-solo-g.svg');
	background-size: 230px 230px; /* Dimensioni personalizzate */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.ast-plain-container, .ast-page-builder-template {
    background-color: transparent !important; /* Rendi trasparente lo sfondo */
}

.site-content {
    background-color: rgba(231, 246, 255, 0.92);
}

#j2p-float-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 69%;
    max-width: 25%;
    max-height: 28%;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    z-index: 9999;
}

/* L'immagine si adatta ma mantiene le proporzioni naturali */
#j2p-float-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

/* L'intero blocco è cliccabile */
#j2p-float-link {
    display: block;
    width: 100%;
}

/* Pulsante di chiusura */
#j2p-close-button {
    position: absolute;
    top: -8px;
    right: -8px;
    background: rgba(255, 255, 255, 0.8);
    color: #000000;
    font-size: 18px;
    border: none;
    border-radius: 100%;
    width: auto;
    height: 46px;
    cursor: pointer;
    z-index: 2;
}

@media (max-width: 800px) {
    #j2p-float-button {
        position: fixed;
        bottom: 66px;
        right: 5px;
        left: 5px;
        width: 97%;
        max-width: 100%;
        border-radius: 20px;
        overflow: hidden;
        z-index: 9999;
    }
}

/* Checkbox "non mostrare più" */
#j2p-checkbox-label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.7);
    color: #000000;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 0px 15px 15px 0px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 4px;
}

@keyframes j2p-shadow-pulse {
  0% {
    box-shadow: 0 0 8px rgba(0, 94, 233, 0.2);
  }
  100% {
    box-shadow: 0 0 20px rgba(0, 94, 233, 0.6);
  }
  150% {
    box-shadow: 0 0 8px rgba(0, 94, 233, 0.2);
  }
}

#j2p-float-button {
  animation: j2p-shadow-pulse 2.5s ease-in-out infinite;
}

@keyframes j2p-shadow-color-cycle {
  0% {
    box-shadow: 0 0 10px red;
  }
  25% {
    box-shadow: 0 0 12px orange;
  }
  50% {
    box-shadow: 0 0 14px limegreen;
  }
  100% {
    box-shadow: 0 0 12px dodgerblue;
  }
  150% {
    box-shadow: 0 0 10px red;
  }
}

#j2p-float-button:hover {
  animation: j2p-shadow-color-cycle 4s linear infinite;
}


#j2p-close-button:hover, #j2p-checkbox-label:hover {
    background: #fff;
    color: red;
}


#j2p-close-button:hover, #j2p-checkbox-label:hover {
    color: #005EE9; /* Colore al passaggio del mouse */
}



@media (min-width: 800px) {
body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box), body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap, body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap) {
	height: 100%;
}
}

/* Sotto Menu Base Fingerfriendly */
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{display:inline-block;position:absolute;font-size:inherit;top:0;right:20px;cursor:pointer;-webkit-font-soothing:antialiased;-moz-osx-font-smoothing:grayscale;padding: 0 .907em;font-weight:400;line-height:inherit;border:none;padding-left:15%;margin-right:1%}


.peace-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: -1;
    overflow: hidden;
    background: transparent;
	border-radius: 23px;
}

.peace-colors {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, 
        red, orange, yellow, green, blue, indigo, violet);
    transform-origin: right;
    transition: width 3s ease-in-out;
}