/*---------------------------------------------*/
/*----- show-members-ua.css -------------------*/
/*---------------------------------------------*/

#show-members{padding-bottom:100px}
#show-members h2{font-size:44px;padding:60px 0px;}

.row-home-member {
    width: 96%;
    margin: 0 auto;
    display: flex;
	justify-content: space-around;
}

.home-container-img-member{
	display:block;
	width:200px;
	margin:0 auto;
	margin-bottom:80px;
	flex-direction:column;
	text-decoration:none;
	overflow: hidden;
	position: relative;
}

.home-container-img-member img{
	width:100%;
	height:100%;
	object-fit:cover;
}


.home-container-img-member:hover{text-decoration:none;}

.home-container-img-member figure{
	width:200px;
	height:200px;
	margin:0;
}

.home-img-member{
	display:block;
	width:200px;
	height:200px;
}

.home-nom-membre{
	display:block;
	width:200px;
	height:50px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px;
	background-color:#EF5E04;
	font-weight: bold;
	padding: 10px 2px;
	font-size: 13px;
    display: flex;
    justify-content: center;
	align-items: center;
	font-family: "Oswald";
}

.home-metier-membre{
	color:#FFF;
	background-color:#EF5E04;
	text-align:center;
	width:200px;
	height:40px;
	line-height:40px;
	font-size:14px;
}

.home-role-membre{
	display:block;
	width:100%;;
	height:20px;
	top:180px;
	left:0;
	color:#FFF;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px;
	background-color:#e1a232;
	position:absolute;
	z-index:51;
	margin:0!important;
}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */



@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
    #show-members h2{font-size:34px;}
	
	.row-home-member{width:90%;margin:0 auto;}
	.home-container-img-member {width:100%;height: auto;}
	img.gravatar.avatar.avatar-200.um-avatar.um-avatar-uploaded,
	img.gravatar.avatar.avatar-200.um-avatar.um-avatar-default
	{width: 100%;height:auto;}
	.home-metier-membre{width:100%;}
	.home-nom-membre{width:100%;height:100%;line-height:24px;padding-top:30px;/*height:30px;*/line-height:30px;}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
    .row-home-member {width: 90%;}

   
	/* ------ Section SHOW-MEMBERS-UA -------- */

	#show-members h2{font-size:1.75em;padding:40px 0px;}
	.col-50{width:50%;}
	.home-nom-membre{line-height:1em;padding-top:30%;}
	
	
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/

    .row-home-member {width: 90%;justify-content: space-around;}

	#show-members h2{font-size:1.75em;padding:40px 0px;width:90%;margin: 0 auto;}

}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/

  
	.row-home-member {width: 90%;}

	#show-members h2{font-size:1.75em;padding:40px 0px;width:90%;margin: 0 auto;}
	.col-50{width:50%;}
	.row-home-member {width: 90%;margin: 0 auto;}
	.home-nom-membre{line-height:10px;padding-top:30%;}
		
	.card-member {margin: 0 auto;}

	.home-container-img-member {width:100%;overflow: hidden;margin-bottom:40px;}
	img.gravatar.avatar.avatar-200.um-avatar.um-avatar-uploaded,
	img.gravatar.avatar.avatar-200.um-avatar.um-avatar-default
	{width: 100%;height: 100%;object-fit: cover;}
	.home-metier-membre{width:100%;line-height:12px;padding-top: 10px;font-size:11px;}
	.home-nom-membre{width:100%;height:100%;line-height:24px;line-height:20px;font-size:15px;}
	

}