/*
Theme Name: Charity Hub - Child
Theme URI: http://themes.goodlayers2.com/charityhub
Description: Charity Hub Wordpress Theme - Tema figlio
Author: Goodlayers
Author URI: http://www.goodlayers.com
Template: charityhub
Version: 1.31
License: 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, Green, two-columns, fluid-layout, custom-background, custom-colors, featured-images, theme-options
Text Domain: gdlr_translate
*/
/*comuni per tutti*/
.pagLinkBox{
	display: block;
	padding: 5px;
	font-size: 1.5em;
}
.pagLinkBox::after{
	content: '';
	display: block;
	clear: both;
}
.pagLinkBox a.lista-partecipanti{
	width: 50%;
	text-align: right;
	box-sizing: border-box;
	padding: 0 5px;
	display: block;
	float: left;
	margin: 1% 0;
}

.pagLinkBox a.lista-risultati{ 
	width: 50%;
	text-align: left;
	box-sizing: border-box;
	border-left: 1px solid black;
	padding: 0 5px;
	display: block;
	float: left;
	margin: 1% 0;
}

h3.votazione-conclusa{
	font-size: 2.0em;
	color:orangered;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}


/*concorso*/
.concorso .parent-page{
	width: 31.333333%;
	margin: 1%;
	box-sizing: border-box;
	float: left;
	border: 2px solid orange;
	text-align: center;
	background-color: #fff;
}

.concorso p.lancio{
	margin: 10px;
	font-style: italic;
	font-size: 1.3em;
	margin-bottom: 15px;
}
.concorso p.lancio strong{
	font-size: 1.1em;
}

.concorso .parent-page:nth-child(3n+1){
    clear:left
}

.concorso .parent-page h2{
	
	padding: 5px;
}

.concorso .parent-page .imgBox{
	padding: 5px;
	
}

.concorso a.lista-risultati{
	display: block;
	padding: 5px;
	text-align: center;
	font-size: 1.5em;
	margin-top: 40px;
}

.concorso .parent-page a.vota,  
.concorso .parent-page span.voti {
	display: block;
	border: none;
	font-size: 1.2em;
	background-color:  orange;
	width: 98%;
	padding: 1%;
	font-weight: bold;
	color: white;
	cursor: pointer;
	text-align: center;
	float: left;
}



.concorso .parent-page span.voti,.concorso-partecipante span.voti{
	text-align: center;
	cursor: default;
}

/*partecipante*/
.concorso-partecipante a.vota,.concorso-partecipante span.voti{
	width: 48%;
	display: block;
	border: none;
	font-size: 1.2em;
	background-color:  orange;
	padding: 1%;
	font-weight: bold;
	color: white;
	cursor: pointer;
	text-align: center;
	float: left;
}


.concorso-partecipante .wp-block-image{
	border: 1px solid black;
	padding: 1%;
}


.concorso::after{
	content: '';
	display: block;
	clear: both;
}

.mt20{
	margin-top: 40px;
}

/*risultati*/
.concorso-risultati h3{
	margin: 2%;
	font-size: 2em;
	text-align: center;
}

.concorso-risultati .boxRis{
	border: 1px solid #999;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 1.5em;
}

.concorso-risultati .boxRis::after{
	content: '';
	display: block;
	clear: both;
}

.concorso-risultati .boxRis .imgBox{
	width: 15%;
	float: left;
	
}

.concorso-risultati a.lista-partecipanti{
	display: block;
	padding: 5px;
	font-size: 1.5em;
	text-align: center;
}

.concorso-risultati .boxRis .imgBox img{
	display: block;
	width: 75px;
	margin: auto;
	
}

/*.concorso-risultati .boxRis .imgBox img:hover{
	position:absolute;
	width:500px;
	border:1px solid;
}*/

.concorso-risultati .boxRis:hover .imgBox{
	width: 45%;
}

.concorso-risultati .boxRis:hover .imgBox img{
	width: 95%;
}

.concorso-risultati .boxRis:hover .boxVoti{
	width: 50%;
}

.concorso-risultati .boxRis:hover .boxName{
	width: 50%;
}

.concorso-risultati .boxRis:hover .percBar{
	width: 50%;
}



.concorso-risultati .boxRis .boxName{
	width: 25%;
	box-sizing: border-box;
	padding: 5px;
	min-height: 45px;
	float: left;
}

.concorso-risultati .boxRis .boxVoti{
	width: 9%;
	box-sizing: border-box;
	padding: 5px;
	min-height: 45px;
	float: left;
}

.concorso-risultati .boxRis .percBar{
	padding: 5px;
	text-align: left;	
	background:url('/wp-content/uploads/2023/05/dot.jpg') no-repeat; 
	min-height:35px; 
	float: left;
	width: 50%;
	
}



/*
.concorso-risultati .boxRis{
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 1.5em;
}



.concorso-risultati .boxRis .imgBox{
	width: 25%;
	float: left;
}

.concorso-risultati .boxRis .imgBox img{
	display: block;
	width: 150px;
	margin-left: 10px;
}

.concorso-risultati .boxRis .boxDati{
	width: 75%;
	float: left;
	min-height: 65px;
}

.concorso-risultati .boxRis .boxDati .boxName,.concorso-risultati .boxRis .boxDati .boxVoti{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 5px;
	text-align: center;

}

.concorso-risultati .boxRis .boxPerc{
	width: 73%;
	float: left;
	min-height: 65px;
	margin: 1px;;
	
}

.concorso-risultati .boxRis .boxPerc .percBar{
	background-color:#62CDFF; height:35px; float: left;
	box-sizing: border-box;
	padding: 10px 5px;
	text-align: right;
}

.concorso-risultati .boxRis .boxPerc .percBar .txt{display:none;}

.concorso-risultati .boxRis .boxPerc .percTxt{
	height: 35px;
	line-height: 35px;
	float: left;
	box-sizing: border-box;
	padding:  5px 0;

}*/

/* On screens that are 900px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 900px) {
	.concorso-risultati .boxRis{
		width: 90%;
	}

	.concorso-risultati .boxRis .imgBox{width: 100%;}
	.concorso-risultati .boxRis .imgBox img{width: 90%; margin: auto; border:1px solid;}
	
	.concorso-risultati .boxRis .boxName,.concorso-risultati .boxRis .boxVoti{width: 100%; text-align: center;}
	.concorso-risultati .boxRis .percBar{width: 100%; text-align: center;}
	.concorso-risultati .boxRis:hover .imgBox{width: 100%; }
	.concorso-risultati .boxRis:hover .imgBox img{width: 90%;}
	.concorso-risultati .boxRis:hover .boxVoti{	width: 100%;}
	.concorso-risultati .boxRis:hover .boxName{	width: 100%;}
	.concorso-risultati .boxRis:hover .percBar{ width: 100%;}
}	

/*form di registrazione*/
form.register {
	background-color: #eee;
	padding: 5px;
}
form.register input, form.register button{
	border: 1px solid !important 
}
/*form asscocizione*/
form.wpcf7-form input,form.wpcf7-form textarea,form.wpcf7-form select{
	border: 1px solid gray;
	background-color:#f7f7f7;
	color:#333;
	padding: 0.5em !important;
}

/*velo e msgBox*/

.gdlr-header-wrapper{z-index: 89; }

#velo{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
	z-index: 1102;
	display: none;
}

#msgBox{
	width: 400px;
	min-height: 150px;
	border: 2px solid orange;
	background-color: #afa;
	transform: translate(-50%,-50%);
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1103;
	box-sizing: border-box;
	padding: 10px;
	display: none;
	border-radius: 30px;
}

#msgBox h3{
	text-align: center;
	font-size: 2em;
	padding: 10px;
	color: #070;
}

#msgBox button{
	border-radius: 10px;
	border: 1px solid black;
	width: 50%;
	padding: 10px;
	display: block;
	margin: auto;
	background-color: #aea;
	cursor: pointer;
}	

#msgBox.rivota{
	background-color: #ffc;
	color: black;
}


#msgBox.rivota h3{
	background-color: #ffc;
	color: black;
}

#msgBox.rivota button{
	border-radius: 10px;
	border: 1px solid black;
	width: 50%;
	padding: 10px;
	display: block;
	margin: auto;
	background-color: #ee7;
}


@media screen and (max-width: 1024px) {
	.concorso .parent-page:nth-child(3n+1){
		clear:none;
	}
	.concorso .parent-page:nth-child(2n+1){
		clear:left
	}
	.concorso .parent-page {
		width: 46%;
		margin: 2%;
	  }
}

@media screen and (max-width: 770px) {
	.concorso .parent-page {
	  width: 96%;
	}

	.concorso .parent-page::after{
		clear: left;
	}


  
	.mt20{
		margin-top: 50px;
	}

	.concorso .parent-page a.vota, .concorso-partecipante a.vota, 
	.concorso .parent-page span.voti, .concorso-partecipante span.voti{
		padding: 1%;
		width: 98%;
		text-align: center;
	}
}

@media screen and (max-width: 970px) {
	.concorso .parent-page a.vota, .concorso-partecipante a.vota, 
	.concorso .parent-page span.voti, .concorso-partecipante span.voti{
		padding: 1%;
		width: 98%;
		text-align: center;
	}
}


/*css originale*/

.content-wrapper {
	position: relative;
	z-index: 1;
	clear: both;
	margin-top: 20px;
  }