@charset "utf-8";
/* CSS Document */
/*
Theme Name: Astra Child
Theme URI: http://example.com/
Description: Tema Child per il tema astra
Author: Laura Mangiavacchi
Author URI: http://example.com/about/
Template: astra
Version: 0.1.0
*/
.wpcf7-form-control-wrap input[type='text'], .wpcf7-form-control-wrap input[type='email'], .wpcf7-form-control-wrap textarea{
	background-color:#000 !important;
	border: 1px solid #fff !important;
}

.wpcf7-form-control-wrap input[type='file']
{background-color:#000 !important;
	border: none !important;
	color:#fff !important;
}

.pippo{
	visibility:collapse;
}
.avanzamenti  a{
	text-decoration: none !important;
	color: #fff !important;
}
.avanzamenti  a:hover{
	color: var(--ast-global-color-1) !important;
}

.progetticorrelati h4.pt-cv-title a {
    display: table !important;
     padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #fff !important;
    color: #fff;
    text-transform: uppercase;
	font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.progetticorrelati h4.pt-cv-title a:hover{color: var(--ast-global-color-1) !important;}

ul.bottoncini{
	display: inline;
	padding: 0px;
	margin: 0px;
}
ul.bottoncini li{font-family: "IBM Plex Mono", monospace !important;
	    text-transform: uppercase;
	font-weight: 700;
display: inline;
    border: 1px solid #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;

    margin-right: 5px;


}
.primospazio{
	margin-top: 20px !important;
}
.rosso{ color: var(--ast-global-color-1) !important;}
.divisorio{	margin-bottom: 8px;}
.separatorepiu{
	margin-top: 8px;
	margin-bottom: 8px;
}
.dataeve p{
	margin-bottom: 0px !important;
}
.noditematicilista{
	margin-bottom: 30px;
}
.noditematicilista ul{display: inline;
	padding: 0px;
	margin: 0px;
}
.noditematicilista ul li{    margin-bottom: 20px;
    display: inline-block;
    list-style-type: none !important;
}
.noditematicilista ul li a{ font-family: "IBM Plex Mono", monospace;
	    text-transform: uppercase;
	padding: 5px;
	margin-right: 10px;
  font-optical-sizing: auto;
	font-weight: 700;
	font-size: 16px;
	color: #fff !important;
	border: 1px solid #fff;
}
.noditematicilista ul li a:hover{
	background-color: #fff;
	    color: var(--ast-global-color-1) !important;
}
.lunghetto{

	width: 100%;
	float: left;
	border-top: 2px solid #fff;
}

.titolosotto{font-family: "Rubik Glitch";
	font-size: 40px;
    display: block;
    text-transform: uppercase;
   margin-bottom: 15px;

    font-weight: normal;}
.site-primary-footer-wrap{
	    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.footerino {
	padding-left: 25px;
	padding-right: 25px;
	
	border-top: 1px solid #fff;
	
	 padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.internofooter{
	max-width: 1200px;
}
.pianonazionale, .isiaragione{
	font-size: 12px !important; 
	line-height: 18px !important;
}
.cardangolo {
	  clip-path: polygon(0 0,100% 0,100% calc(100% - 35px),calc(100% - 35px) 100%,0 100%);

}



.hidden{
	display: none;
}
.show{
	display: block;
}
.site-footer-above-section-4 .ast-builder-button-wrap .ast-custom-button{    box-shadow: 6px 6px 0px 0px var(--ast-global-color-1) !important;
}
.site-footer-above-section-2, .site-footer-above-section-3, .site-footer-above-section-4{
	margin-top: 25px !important;
}
.ast-footer-html-1 p{}
.containercenter{
	display: flex;
	column-gap: 30px;
	max-width: 1200px;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 20px;
}
.footer-social-inner-wrap  .ast-builder-social-element{
	margin-left: 0px !important;
}
.six{
	max-width: 25%;
	
	padding-left: 20px;
	width: 100%;
}
.six .post-categories li{list-style-type: none !important;}
.six .post-categories li a{
	
	display: table !important;
    padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
    border: 1px solid #fff !important;
	color: #fff;
	text-transform: uppercase;
}
.six .post-categories li a:hover{
		color: var(--ast-global-color-1) !important;
}

.six .post-categories{    margin: 0px !important;}
.dex{max-width: 75%;
    width: 100%;}

body .dex em{
	font-style: normal !important;
	font-weight: 800 !important;
}
body.conferenza .dex strong{
	color: var(--ast-global-color-6) !important;
}
body.installazione .dex strong{
	color: var(--ast-global-color-5) !important;
}
body.workshop .dex strong{
	color: var(--ast-global-color-8) !important;
}
.wp-block-button .wp-block-button__link{
	box-shadow: 6px 6px 0px 0px var(--ast-global-color-1) !important;

}
.pulsantino{
	box-shadow: 6px 6px 0px 0px var(--ast-global-color-1) !important;
	background-color: #000 !important;
	width: auto !important;
    display: table;

}
.pulsantinofinto{
	box-shadow: 6px 6px 0px 0px var(--ast-global-color-1) !important;
	background-color: #000 !important;
	width: auto !important;
    display: table;
	 font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
font-size: 18px;
color:  var(--ast-global-color-1) !important;
	font-weight: 700;
	padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
	text-decoration: none !important;

}.pulsantinofinto:hover{
	color: #fff !important;
}
.wp-block-button .wp-block-button__link:hover{
	box-shadow: 6px 6px 0px 0px #fff !important;
	border: 2px solid #fff !important;

}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row, .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row
{	margin-left: 0px !important;}
.ast-container{
	margin-left: 0px !important;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"]{justify-content: start !important;}

.interno{height: 100%;
	  clip-path: polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%);

/*	border: 1px solid #fff;*/
	    display: flex;
	padding: 25px;
min-height: 250px;
    flex-direction: column;
    justify-content: flex-end;
}
.interno:hover{ background-color: white;
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:5px 5px;
background-position: 0 0, 50px 50px;}
.pt-cv-ifield .installazione .interno, .category-installazione [data-pid="installazione"] .pt-cv-taso a{
	background-color: var(--ast-global-color-5) !important;
}
.pt-cv-ifield .workshop .interno, .category-workshop [data-pid="workshop"] .pt-cv-taso a{
	background-color: var(--ast-global-color-8) !important;
}
.pt-cv-ifield .conferenza .interno, .category-conferenza [data-pid="conferenza"] .pt-cv-taso a{
	background-color: var(--ast-global-color-6) !important;
}

.pt-cv-ifield .installazione .categorie, .pt-cv-ifield .installazione .luogo{
	border: 1px solid  var(--ast-global-color-5) !important;
}


.pt-cv-ifield .workshop .categorie, .pt-cv-ifield .workshop .luogo{
	border: 1px solid  var(--ast-global-color-8) !important;
}


.pt-cv-ifield .conferenza .categorie, .pt-cv-ifield .conferenza .luogo{
	border: 1px solid  var(--ast-global-color-6) !important;
}

.cardine .post-categories{
	font-size: 14px;
	text-transform: uppercase;
	list-style-type: none !important;
	padding: 0px !important;
	margin: 0px;
}
.sopra{display: flex;}


.cardine .pt-cv-ifield .installazione   .post-categories li a, .pt-cv-ifield .installazione  .luogo, h1.installazione, .installazione h1.titolone   {
	color: var(--ast-global-color-5) !important;
}

.cardine .pt-cv-ifield .workshop  .post-categories li a, .pt-cv-ifield .workshop  .luogo, h1.workshop, .workshop h1.titolone  {
	color: var(--ast-global-color-8) !important;
}
.cardine .pt-cv-ifield .conferenza  .post-categories li a, .pt-cv-ifield .conferenza  .luogo, h1.conferenza, .conferenza h1.titolone {
	color: var(--ast-global-color-6) !important;
}

.luogo, .categorie{
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	
}


.cardine .pt-cv-page {
 
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}

.cardine  .pt-cv-ifield{
 
    height: 100%;
}
.cardine .eventi {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.cardine .pt-cv-content-item{
	margin-bottom: 45px;
}




.cardine .installazione  .post-categories li a:hover, .cardine .workshop  .post-categories li a:hover, .cardine .conferenza  .post-categories li a:hover{
	color: #fff !important;
}

.lineapiccola{
	border-top: 1px solid #000;
	margin-top: 20px;
	box-shadow: 1px 1px 1px #FFF;

}
.testino{ font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
font-size: 14px;
color: #000;
line-height: 17px;}

h3.titlista a
{ font-family: "IBM Plex Mono", monospace;
color: #000 !important;
font-size: 20px;
font-weight: 700;
margin-bottom: 0px;
padding-bottom: 0px;}

h3.titlista a:hover{
	color: #fff !important;
}
h3.titlista 
{ 
	padding-top: 0px;
margin-bottom: 8px;
padding-bottom: 0px;}

.sottotitolo{ font-family: "IBM Plex Mono", monospace;
font-size: 16px;
font-weight: 600;
	line-height: 18px;
color: #000 !important;
margin-bottom: 8px;}

.data{font-family: "IBM Plex Mono", monospace;
font-size: 14px;
color: #000;
font-weight: 500;}

.intervallo{
	letter-spacing: -0.1em;
}

.titolo1 div {
	-webkit-animation: slide-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.reverse .wp-block-getwid-advanced-heading__content{-webkit-animation: slide-right2 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right2 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
transform: rotate(0.5turn) !important;}
.wp-block-uagb-container.allsinistra{
	max-width:1200px !important;
	margin-left: 0px !important;
}



.categoette .pt-cv-taso a{
display: table !important;
    padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
    border: 1px solid #fff !important;
	color: #fff;
	text-transform: uppercase;
}
.categoette .pt-cv-taso a:hover{color: var(--ast-global-color-1) !important;}

.archivio a, .reinterpretazione a{font-family: "IBM Plex Mono", monospace;
font-size: 18px;
color: #000;
	margin-left: 6px !important;
	font-weight: 600;
	text-decoration: none !important;
padding: 5px;}
.archivio a{
	background-color: var(--ast-global-color-5) !important;;
}
.reinterpretazione a{
	background-color: var(--ast-global-color-6) !important;;
}

.archivio a:hover, .reinterpretazione a:hover{color:#fff;}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
}


@-webkit-keyframes slide-right2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}
@keyframes slide-right2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
}

@media (max-width: 767px) {
	.containercenter{flex-direction: column;}
	.six{
		width:100%;
		max-width: 100%;
	}
	.dex{width:100%;
	max-width: 100%;
	}
	@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
	
}
