/*!
Theme Name: Kadence Child
Template: kadence
Version: 1.0.9
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*
 * Doozy da modificare...
 */

/* Colori */
:root {
    --primario: var(--global-palette1);
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--secondario) !important;
    opacity: 0.3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--secondario) !important;
    opacity: 0.3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--secondario) !important;
    opacity: 0.3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--secondario) !important;
    opacity: 0.3;
}

/* Tipografia */
* p {
	margin:0;
}

/* Pulsanti */
button, .button, .wp-block-button__link, .wp-element-button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 9rem;
    padding: 0.7rem 2rem;
    font-size: 1.125rem;
    line-height: 1;
}

.text-border {
 		-webkit-text-stroke: 2px rgba(255,255,255,0.5);
        color: transparent!important;
        text-shadow: 6px -5px 0 white;
}
.text-only-border {
	-webkit-text-stroke: 2px rgba(255,255,255,1);
    color: transparent!important;
}
.text-manifesto, .text-big-bold {
	font-size: 60px;
}
.text-manifesto strong{
	   color: transparent!important;
       -webkit-text-stroke: 2px rgba(255,255,255,1);
		font-size: 100px
}
.text-manifesto em {
	font-size: 80px;
	font-style: normal;
	font-weight: 900
}
.text-big-bold strong {
	font-size: 80px;
}
.footer-text {
	font-size: 150px;
	font-weight: 900;
	line-height: 1em
}
.footer-text strong{
	   color: transparent!important;
       -webkit-text-stroke: 2px rgba(0,0,0,1);
}
.left-to-right {
	transform: translateX(-20%) rotate(-5deg);
	transition: all 3s cubic-bezier(.215,.60,.355,1);
}
.left-to-right.in-page {
	transform: translateX(0) rotate(-5deg);
}
.right-to-left {
	transform: translateX(20%) rotate(-5deg);
	transition: all 3s cubic-bezier(.215,.60,.355,1);
}
.right-to-left.in-page {
	transform: translateX(0) rotate(-5deg);
}
.overflow-x-hidden {
	overflow-x: hidden;
	pointer-events: none;
		padding: 1rem
}
@media(max-width: 992px) {
	.text-manifesto, .text-big-bold {
		font-size: 24px;
	}
	.text-manifesto strong{
		   color: transparent!important;
		   -webkit-text-stroke: 2px rgba(255,255,255,1);
			font-size: 36px
	}
	.text-manifesto em {
		font-size: 30px;
		font-style: normal;
	}
	.text-big-bold strong {
		font-size: 30px;
	}
	.footer-text {
		font-size: 40px;
		font-weight: 900;
		line-height: 1em
	}
	
	.triangolo img {
		width: 110vw!important
	}
}