/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

p{margin-bottom:0}

/* Form */

form{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}

form p{
	width:48%
}

form p:nth-last-child(1), form p:nth-last-child(2), form p:nth-last-child(3), form p:nth-last-child(4){
	width:100%
}

form p:nth-last-child(7), form p:nth-last-child(8), form p:nth-last-child(9){
	width:30.5%
}

form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="date"], form input[type="number"], form textarea, form select, form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="date"]:focus, form select:focus, form input[type="number"]:focus, form textarea:focus{
	border:none;
	border-bottom:1px solid #479a28;
	box-shadow:none;
	color:#2a2a2a;
}

form input[type="text"]::placeholder, form input[type="email"]::placeholder, form input[type="tel"]::placeholder, form input[type="number"]::placeholder, form textarea::placeholder{
	color:#2a2a2a;
}

form input[type="submit"]{
	background-color:rgba(71, 157, 30, 0)!important;
	border:1px solid #479a28;
	color: #479a28;
	width:300px;
	margin:20px 0;
}

form input[type="submit"]:hover{
	background-color:rgba(71, 157, 30, 1)!important;
	color: #fff
}

form #chiama{
	background-color: rgba(71, 157, 30, 0)!important;
    border: 1px solid #479a28;
    color: #479a28;
    width: 300px;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
	transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
}

form #chiama:hover{
	background-color:rgba(71, 157, 30, 1)!important;
	color: #fff
}

form p:nth-last-child(2){
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.wpcf7 form .wpcf7-response-output{
	display:block;
	margin:0 auto
}

/*.disabled {
  color: #000;
}
.enabled {
  color: #ff0000 !important;
}
input::-webkit-calendar-picker-indicator{
     display: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
}

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}*/


/* Footer */
footer .footer-primary{width:100%}
footer .copyright-footer > *{text-align:center}
footer .copyright-footer > h3{text-transform:uppercase}
footer .copyright-footer > p:last-child{margin-top:0.8em}

/* REPORT */
#report{padding:30px 20px 60px;}
#report h1{text-align:center;text-transform:uppercase;color:#479a28;padding-bottom:20px}
#report>div{display:flex;width:100%;align-items:center;flex-direction:column}
#report>div>div{width:600px;max-width:100%;border:2px solid rgba(71, 157, 30, 1);border-bottom:none;display:flex;}
#report>div>div:last-child{border-bottom:2px solid rgba(71, 157, 30, 1)}
#report>div>div>div{width:50%;padding:5px;color:#000}
#report>div>div>div:first-child{border-right:1px solid rgba(71, 157, 30, 1);}
#report>div>div>div:last-child{border-left:1px solid rgba(71, 157, 30, 1);text-align:center}
#report>div>div>div>p{display:none}
#mesi, #anni{position:fixed;top:0;left:0;background-color:rgba(71, 157, 30, 0.96);width:100vw;height:100vh;z-index:9999999999999999999!important;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:20px}
#report .mese_slz, #report .anno_slz{background-color:#479a28;color:#fff;cursor:pointer;font-weight:500;text-transform:uppercase}
#mesi, #anni{display:none}
#mesi.aperto, #anni.aperto{display:flex}
#mesi>div, #anni>div{cursor:pointer;margin:10px 0;font-size:1.4em;font-weight:500;text-transform:uppercase;line-height:1.5}
#mesi>div:hover, #anni>div:hover{font-weight:600;}
#mesi>div.active, #anni>div.active{font-weight:600;border-bottom:1px solid #fff}

@media only screen and (max-width: 550px) {
	#report>div>div{margin-bottom:10px;border-bottom:2px solid rgba(71, 157, 30, 1);flex-wrap:wrap}
	#report>div>div>div{width:100%;}
	#report>div>div>div:first-child{border-right:none;text-align:center;border-bottom:2px solid rgba(71, 157, 30, 1);}
	#report>div>div>div:last-child{border-left:none}
	#mesi>div, #anni>div{margin:7px 0}
	#report>div>div>div:last-child{min-height:35.59px}
}