/**
 * @file        /modules/mod_codedesign_responsive_social_media/assets/css/social_media_icons_small.css
 * @copyright   Copyright (C) 2006 - 2026 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

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

/* SOCIAL MEDIA */
div.social_media [class^="col-"],
.social_media [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.social_media_icons_small {
	margin: 0px 0px 80px 0px;
	padding: 0px 0px 0px 0px;
}
body.website_body_subpages .social_media_icons_small {
	margin: 80px 0px 80px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	.social_media_icons_small {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	body.website_body_subpages .social_media_icons_small {
		margin: 80px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
}
div.social_media_icons_small.site_footer_col_1, 
div.social_media_icons_small.site_footer_col_1_website_01, 
div.social_media_icons_small.site_footer_col_1_website_02 {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.social_media_title.social_media_title_above {
	font: 700 14px/14px 'Noto Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: var(--ci_color_black);
	text-align: center;
	text-transform: uppercase;
	margin: 0px 0px 40px 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: 0px 0px 0px 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: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.social_media_buttons_small div.social_media_button_small {
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 0px 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 0px 0px;
		padding: 0px 0px 0px 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;
}