/** 
 * "Socicon" je font za social icons: http://www.socicon.com/how.php
 */

.button-socicon [class^="socicon-"],
.button-socicon [class*=" socicon-"] {
    vertical-align: middle;
}

@font-face {
	font-family: 'Socicon';
	src:url('/wp-content/uploads/fonts/Socicon/Socicon.eot?87visu');
	src:url('/wp-content/uploads/fonts/Socicon/Socicon.eot?87visu#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/fonts/Socicon/Socicon.woff2?87visu') format('woff2'),
		url('/wp-content/uploads/fonts/Socicon/Socicon.ttf?87visu') format('truetype'),
		url('/wp-content/uploads/fonts/Socicon/Socicon.woff?87visu') format('woff'),
		url('/wp-content/uploads/fonts/Socicon/Socicon.svg?87visu#Socicon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^="socicon-"],
[class*=" socicon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'Socicon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.socicon-facebook:before { content: "\e028"; }
.socicon-facebook { background:#3b5998; }
.socicon-google:before { content: "\e034"; }
.socicon-googleplus:before { content: "\e038"; }
.socicon-instagram:before { content: "\e044"; }
.socicon-instagram { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbb040+0,f69c44+5,ea654e+19,e13d56+31,dc255a+41,da1c5c+47,a01f57+60,692152+73,41234f+85,29254d+94,20254c+100 */
	background: #fbb040; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fbb040 0%, #f69c44 5%, #ea654e 19%, #e13d56 31%, #dc255a 41%, #da1c5c 47%, #a01f57 60%, #692152 73%, #41234f 85%, #29254d 94%, #20254c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #fbb040 0%,#f69c44 5%,#ea654e 19%,#e13d56 31%,#dc255a 41%,#da1c5c 47%,#a01f57 60%,#692152 73%,#41234f 85%,#29254d 94%,#20254c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #fbb040 0%,#f69c44 5%,#ea654e 19%,#e13d56 31%,#dc255a 41%,#da1c5c 47%,#a01f57 60%,#692152 73%,#41234f 85%,#29254d 94%,#20254c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb040', endColorstr='#20254c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.socicon-mail:before { content: "\e050"; }
.socicon-pinterest:before { content: "\e063"; }
.socicon-youtube:before { content: "\e0a5"; }
.socicon-youtube { background: #ff0000; }
.socicon-linkedin:before { content: "\e04c"; }
.socicon-linkedin { background: #0077B5; }
.no_bg a.socicon-facebook,
.no_bg a.socicon-instagram,
.no_bg a.socicon-youtube,
.no_bg a.socicon-linkedin {
    background: none;
    color: #eee;
}

.button_facebook_color,
.button_facebook_color a::before,
a.button_facebook_color::before {
    color: white;
    background: #365899;
}
.button_google_color,
.button_google_color a::before,
a.button_google_color::before {
    color: white;
    background: #DD4B39;
}
body a.button-socicon,
body a.socicon {
    text-decoration: none;
    color: white;
    font-size: 1.5rem;
    padding: 0.5rem;
}
.round a.button-socicon,
.round a.socicon {
    border-radius: 50%;
}