/* codeDESIGN - social_media_icons_small.css */
@charset "utf-8";

/* SOCIAL MEDIA */
.social_media [class^="col-"],
.social_media [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.social_media_title.social_media_title_above {
	font: 600 14px/14px 'Gilroy','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: var(--ci_color_blue);
	text-transform: uppercase;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.social_media_title.social_media_title_inside {
	font: var(--font-h3);
	font-style: normal;
	font-weight: 500;
	color: var(--ci_color_blue);
	letter-spacing: 0px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* SOCIAL MEDIA BUTTONS SMALL */
.social_media_buttons_small {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 80px 0px;
}
.social_media_buttons_small div.social_media_button_small a span {
	display: none;
}
@media only screen and (max-width: 768px) {

	.social_media_title.social_media_title_inside {
		border-top: 1px solid #e2e2e2;
		text-align: center;
		margin: 10px 0px 20px 0px;
		padding: 40px 0px 0px 0px;
	}
	.social_media_buttons_small div.social_media_button_small {
		text-align: center;
		margin: 10px 0px 0px 0px;
	}
	.social_media_buttons_small div.social_media_button_small a span {
		display: none;
	}
	
}
@media only screen and (max-width: 991px) {

	.social_media_title.social_media_title_inside {
		margin: 0px 0px 30px 0px;
	}
	
}
.social_media_buttons_small div.social_media_button_small:hover a i.fab {
	
}
.social_media_buttons_small div.social_media_button_small i.fab {
	font-size: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 768px) {

	.social_media_buttons_small div.social_media_button_small i.fab {
		font-size: 24px;
	}
	
}
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {

	.social_media_buttons_small div.social_media_button_small i.fab {
		font-size: 24px;
	}
	
}
.social_media_buttons_small div.social_media_button_small.facebook:hover i.fab {
	color: #537CBE;
}
.social_media_buttons_small div.social_media_button_small.instagram:hover i.fab {
	color: #c32aa3;
}
.social_media_buttons_small div.social_media_button_small.youtube:hover i.fab {
	color: #cd201f;	
}
.social_media_buttons_small div.social_media_button_small.google:hover i.fab {
	color: #d14836;	
}
.social_media_buttons_small div.social_media_button_small.twitter:hover i.fab {
	color: #55acee;	
}
.social_media_buttons_small div.social_media_button_small.pinterest:hover i.fab {
	color: #e60023;	
}
.social_media_buttons_small div.social_media_button_small.flickr:hover i.fab {
	color: #0063db;	
}
.social_media_buttons_small div.social_media_button_small.vimeo:hover i.fab {
	color: #1ab7ea;
}
.social_media_buttons_small div.social_media_button_small.whatsapp:hover i.fab {
	color: #28B03B;
}
.social_media_buttons_small div.social_media_button_small.xing:hover i.fab {
	color: #006567;
}
.social_media_buttons_small div.social_media_button_small.linkedin:hover i.fab {
	color: #0073b0;
}
.social_media_button_small_href {
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.social_media_button_small_href:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: top, left, right, bottom;
	-moz-transition-property: top, left, right, bottom;
	-ms-transition-property: top, left, right, bottom;
	-o-transition-property: top, left, right, bottom;
	transition-property: top, left, right, bottom;
}
.social_media_button_small_href:hover:before, 
.social_media_button_small_href:focus:before{
	border: 1px solid rgba(1, 1, 1, 0.4);
	bottom: -20px;
	left: -20px;
	top: -20px;
	right: -20px;
}