/* @override 
	https://ld-formation.fr/frontEducation/phenyx-theme-default/css/modules/xprtblocksocial/views/css/xprtblocksocial.css
	https://dev.ld-formation.fr/includes/plugins/phenyxeducation/views/templates/themes/phenyx-theme-default/css/plugins/xprtblocksocial/views/css/xprtblocksocial.css */

#social_block li {
	display: block;
	width: 48%;
	height: 45px;
	min-width: 150px;
	margin-bottom: 3px;
}
#social_block li a {
	height: 45px;
	background-color: var(--button_bg_color);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 70%;
	display: block;
}
@media (min-width: 1200px) {
	#social_block li {
		width: 100%;
		margin-bottom: 2px;
	}
}
#social_block li a:hover {
	background-color: rgb(203, 58, 19);
}
#social_block li.facebook a {
    background-image: url("../img/facebook.svg")
}
#social_block li.vimeo a {
	background-image: url("../img/vimeo.png");
}
#social_block li.instagram a {
	background-image: url("../img/instagram.svg");
	background-position: center 9px;
}
#social_block li.youtube a {
	background-image: url("../img/youtube.png");
	background-position: center 9px;
}
#social_block li.linkedin a {
	background-image: url("../img/linkedin.svg");
	background-position: center 9px;
}
#social_block li.rss a {
	background-image: url("../img/rss.png");
	background-position: center 9px;
}
#social_block li.google_plus a {
	background-image: url("../img/google+.png");
	background-position: center 9px;
}
.share-product {
	margin-bottom: -30px;
}
.share-product h3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 21px;
}
.share-product h3 i {
	display: block;
	font-size: 40px;
	margin-bottom: 10px;
}
.share-product h3 .jsAddedTitle {
	/* Added by js formation.js:21 */
    text-align: center;
}

.socialsharing_product {
    display: flex !important;
	flex-wrap: wrap;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 0;
}
.socialsharing_product button {
    background: none;
    position: relative;
    display: block;
	margin-bottom: 3px;
	color: #201646;
	max-width: 150px;
}
.socialsharing_product button:hover,
.socialsharing_product button:active,
.socialsharing_product button:focus {
	text-decoration: none;
    background: none;
	clip-path: none;
	box-shadow: none;
    color:  rgb(250, 70, 22);
}
.socialsharing_product button i {
    display: block;
    height: 30px;
    margin: auto;
    line-height: 30px;
    position: relative;
    z-index: 1;
    text-decoration: none !important;
	margin-bottom: 10px;
	display: block;
	transition: line-height .4s ease-in-out 0s;
}
.socialsharing_product button i::before {
    z-index: 2;
	font-size: 40px;
    text-decoration: none !important;
}
.socialsharing_product button i::after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
    background-color: var(--product-color);
	border-radius: 50%;
	z-index: -1;
	box-sizing: border-box;

	top: -20px;
	left: calc(50% + 4px);


	transform: scale(.5);
	transform-origin: 50% 80%;
	transition: all .4s ease-in-out 0s;
	
}
.socialsharing_product button:hover i {
    line-height: 10px;
}

.socialsharing_product button:hover i::after {
	transform: scale(2);
	top: 0;
	left: calc(50% - 15px);
    background-color: var(--auto-txt-color);
}
.socialsharing_product button:hover i::before {
/*	color: white;*/
}