/* Powerkit styles
----------------------------------------------------------------- */

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";

/* Powerkit social links */
.pk-icon-facebook:before {
    content: "\E9A8";
    font-family: $theme_icons;
}
.pk-icon-twitter:before {
    content: "\E9AA";
    font-family: $theme_icons; 
    font-size: 1.05em;   
}
.pk-icon-youtube:before {
    content: "\E9AB";
    font-family: $theme_icons;   
}	
.pk-icon-instagram:before {
    font-size: 0.8em;
    line-height: 1.2em;
}
.pk-icon-pinterest:before {    
	content: "\e8a7";
    font-family: $theme_icons;  
    font-size: 0.9em;
    line-height: 1.1em;
}

.pk-social-links-wrap {
	.pk-social-links-items {
	    margin: 0 -9px 0 0;
	}
	.pk-social-links-item {
	    padding: 0 9px 0 0;
	    box-sizing: border-box;
	}
	.pk-social-links-item a .pk-icon {
	    animation: animation_back_down 0.3s ease-out forwards;
	    transition: all 0.3s ease;
	}
	.pk-social-links-item a:hover .pk-icon {
	    transform: translateY(-4px);
	    animation: animation_jump_up 0.3s ease-out forwards;
	}

	&.pk-social-links-template-columns .pk-social-links-link {
		padding: 0!important;
	}
	.pk-font-heading,
	.pk-font-secondary {
		@include font(1.214rem, 1.5em, 500);
		color: var(--theme-color-text_dark);
	}
	.pk-font-secondary {
		margin-top: 0.55rem;
	}
	.pk-social-links-label {
		@include font(13px, 1.33em, 400);
		color: var(--theme-color-text);
		letter-spacing: 0;
		margin-top: 0;
	} 

	/* Styles */	
	&.pk-social-links-scheme-default .pk-social-links-icon {
		@include square(1.15em);
		font-size: 1.785rem;
	}
	&.pk-social-links-scheme-rounded .pk-social-links-icon {
		@include border-box;
		@include border-round;
		@include square(4.572rem);
		background-color: var(--theme-color-bg_color);
		border: 1px solid var(--theme-color-bd_color);
		font-size: 1.142rem;
	}
	&.pk-social-links-scheme-rounded_border .pk-social-links-icon {
		@include border-box;
		@include border-round;
		@include square(4.572rem);
		background-color: var(--theme-color-bg_color);
		box-shadow: 0 -3px 14px rgba(0, 0, 0, 0.03);
		font-size: 1.142rem;
		position: relative;

		&.pk-icon-youtube,
		&.pk-icon-instagram {
		    line-height: 4.472rem;
		}
	}
	&.pk-social-links-scheme-rounded_border .pk-social-links-icon:after {
		@include abs-pos(3px, 3px, 3px, 3px);
		@include border-round;
		content: '';
		border: 1px solid var(--theme-color-bd_color);
	}

	&.pk-social-links-scheme-square .pk-social-links-link {
		@include border-box;
		background-color: var(--theme-color-bg_color);
		padding: 1.5rem 0.58rem 1.2rem !important;
	}
	&.pk-social-links-scheme-square .pk-social-links-icon {
		font-size: 1.571rem;
	}
	&.pk-social-links-scheme-square .pk-font-secondary {
	    margin-top: 0.5rem;
	}

	&.pk-social-links-scheme-square_border .pk-social-links-link {
		@include border-box;
		@include border-radius(5px);
		background-color: var(--theme-color-bg_color);
		border: 1px solid var(--theme-color-bd_color) !important;
		padding: 1.5rem 0.58rem 1.2rem !important;
	}
	&.pk-social-links-scheme-square_border .pk-social-links-icon {
		font-size: 1.571rem;
	}
	&.pk-social-links-scheme-square_border .pk-font-secondary {
	    margin-top: 0.5rem;
	}

	/* Colors */	
	.pk-social-links-twitter .pk-social-links-link {
		color: #00aced;
	}
	.pk-social-links-twitter .pk-social-links-link:hover .pk-social-links-icon {
		color: #21c2ff;
	}
	.pk-social-links-facebook .pk-social-links-link {
		color: #3b5998;
	}
	.pk-social-links-facebook .pk-social-links-link:hover .pk-social-links-icon {
		color: #4c70ba;
	}
	.pk-social-links-instagram .pk-social-links-link {
		color: #C862DC;
	}
	.pk-social-links-instagram .pk-social-links-link:hover .pk-social-links-icon {
		color: #cc6edf;
	}
	.pk-social-links-behance .pk-social-links-link {
		color: #115EFA;
	}
	.pk-social-links-behance .pk-social-links-link:hover .pk-social-links-icon {
		color: #4380fb;
	}
	.pk-social-links-pinterest .pk-social-links-link {
		color: #cb2027;
	}
	.pk-social-links-pinterest .pk-social-links-link:hover .pk-social-links-icon {
		color: #e03e44;
	}
	.pk-social-links-youtube .pk-social-links-link {
		color: #ff0000;
	}
	.pk-social-links-youtube .pk-social-links-link:hover .pk-social-links-icon {
		color: #ff3333;
	}
}
.pk-social-links-template-vertical.pk-social-links-wrap {
	.pk-social-links-item:first-child .pk-social-links-link {
	    padding-top: 0;
	}
	.pk-social-links-item:last-child .pk-social-links-link {
	    padding-bottom: 0;
	}
	.pk-social-links-item:last-child {
		margin-bottom: 1px;
	}
	.pk-social-links-item a .pk-icon,
	.pk-social-links-item a:hover .pk-icon {
	    transform: none;
    	animation: none;
	}
    .pk-font-heading {
	    font-size: 1.0714rem;
	    text-transform: uppercase;
	    letter-spacing: 0.06em;
	}
	.pk-font-secondary {
	    font-size: 1.0714rem;
    	margin-top: 0;
	}
	&.pk-social-links-scheme-rounded .pk-social-links-icon {
	    width: 3.142rem;
	    height: 3.142rem;
	    line-height: 3.142rem;    
	    background-color: var(--theme-color-alter_bg_color);
	}  

	&.pk-social-links-scheme-rounded_border .pk-social-links-link {
		color: var(--theme-color-text_dark);
	    padding: .1rem 0;
	}
	&.pk-social-links-scheme-rounded_border .pk-social-links-icon {
	    @include square(3.571rem);
	    box-shadow: none;
    	border: 1px solid var(--theme-color-bd_color);
	}
	&.pk-social-links-scheme-rounded_border .pk-social-links-icon:after {
	    display: none;
	}
}

/* Powerkit and twitter feed */
.elementor-sidebar .elementor-widget + .elementor-widget-wp-widget-powerkit_twitter_widget {
    border-top: none;
    padding-top: 0;
}
.pk-twitter-wrap {
    padding: 3.55em 3em 3em;
    background-color: var(--theme-color-alter_bg_color);
}
.pk-twitter-header {
    margin-bottom: 0.8rem;
}
.pk-twitter-container {
    text-align: center;
    flex-direction: column;

	.pk-twitter-avatar {
	    width: 90px;
	    min-height: 90px;
	    border-radius: 50%;
	}
	.pk-twitter-link {
	    width: 90px;
   		min-height: 90px;
   		position: relative;
    	margin: auto;
	}
	.pk-twitter-link:before {
	    @include abs-pos(auto, -0.6em, 0, auto);
	    @include border-round;
	    @include square(37px);
	    background-color: #03A9F4;
	    color: #fff;
	    content: '\e9aa';
	    display: block;
	    font-family: $theme_icons;
	    font-size: 14px;
	}
}
.pk-twitter-name {
    font-size: 1.5rem;
    margin-top: 0.9em;
}
.pk-twitter-username {
    font-size: 1.2857rem;
    color: var(--theme-color-text_light);
}
.pk-twitter-counters {
    color: var(--theme-color-text_light);
    font-size: 12px;
    justify-content: center;
    letter-spacing: 0;
    margin-top: 0.12rem;
    text-transform: uppercase;
}
.pk-twitter-counters .number {
	@include font(inherit, inherit, inherit);
    background: none;
    color: inherit;
    height: auto;
    margin: 0;
    width: auto;
}
.pk-tweets {
    text-align: center;
}
.pk-tweets:before {
	content: '\e9aa';
	font-family: $theme_icons;
    color: var(--theme-color-text_dark);
    display: block;
    font-size: 21px;
    margin-bottom: 0.15em;
}
.pk-twitter-footer {
    text-align: center;
}
.pk-twitter-default .pk-twitter-tweet {
    padding-top: 0;
    margin-top: 0;
    border-top: none;

    .pk-color-secondary {
    	color: var(--theme-color-text);
	}
}
.pk-twitter-content {
    font-size: 1.07rem;
    line-height: 1.733em;
}
.pk-twitter-time {
    color: var(--theme-color-text_light);
    display: block;
    float: none;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;

	&:before {
	    display: none;
	}
}
.pk-twitter-actions {
    display: block;
    float: none;
    margin-top: 1.15rem;

	ul {
	    padding: 0;
	}
	ul li {
	    margin: 0 1em;
	}
	ul > li:before {
	    display: none;
	}
	ul li .pk-icon {
	    font-size: 0.95em;
	    color: var(--theme-color-text_light);
	    transition: color 0.3s ease;
	}
	ul li a:hover .pk-icon {
	    color: var(--theme-color-text_hover);
	}
	ul li .pk-twitter-count{
	    color: var(--theme-color-text_light);
	    font-size: 12px;
	    margin-left: 7px;
	}
	.pk-icon-reply:before {
	    content: '\E9B2';
	    font-family: $theme_icons;
	}
	.pk-icon-retweet:before {
	    content: '\e9c9';
	    font-family: $theme_icons;
	    font-size: 0.9em;
	}
	.pk-icon-like:before {
	    content: '\E9CA';
	    font-family: $theme_icons;
	}
}

/* Powerkit and Widget Author */
.elementor-widget-wp-widget-powerkit_widget_author {
    width: auto!important;	
}
.pk-widget-author  {	
	max-width: 29.29rem;

	.pk-widget-author-container {
		padding: 0 0 2.1rem;
		display: flex;
		flex-direction: column;
		.pk-author-avatar {
			order: 1;
		}
		.pk-author-title {
			order: 2;
		}
		.widget_title {
			order: 3;
		}
		.pk-author-data {
			order: 4;
		}	
	}
	.pk-author-avatar img {
		border-radius: 0;
		.ua_safari & {
			opacity: 1!important;
		}
	}	
	.pk-author-title,
	.pk-author-data,
	.widget_title {		
		opacity: 0;

		&.kicker_animation_fade_in_up  {
	    	animation: animation_fade_in_up 0.3s ease-out forwards;
	    }

		body.elementor-editor-active & {
			opacity: 1;
		}
	}	
	.pk-author-title {
		margin: 1.85rem 0 0.5rem;
	}
	.widget_title {
		color: var(--theme-color-text_light);
		margin-bottom: 1.1rem !important;
		font-size: 12px !important;    
		letter-spacing: 0;
		font-weight: 400;
	}
	.pk-author-data {
		margin-top: 0;
	}
	.pk-author-data .author-description {
		padding: 0 3rem;
		@include font(1.071428rem, 1.7em);
		letter-spacing: 0;
		color: var(--theme-color-text);
	}
	.pk-social-links-wrap {
		margin-top: 0.9rem;

		.pk-social-links-items {
		    margin: 0 !important;

			.pk-social-links-item {
				padding: 0 0.5rem 0.5rem;

				.pk-social-links-link i {
					font-size: 1rem;
					color: var(--theme-color-text_dark);
					@include transition-colors();
				}
				.pk-social-links-link:hover i {
					color: var(--theme-color-text_link);
				}
			}
		}
	}

	/* Replace Icons */
	.pk-social-links-link i.pk-icon- {
		&facebook:before {
			content: '\e9a8';
			font-family: $theme_icons;
		}
		&twitter:before {
			content: '\e9aa';			
			font-family: $theme_icons;
			font-size: 1rem;
		}
		&instagram:before {
			content: '\e87e';
			font-family: $theme_icons;
			font-size: 1rem;
		}
		&pinterest:before {
			content: '\e8a7';
			font-family: $theme_icons;
		}
		&youtube:before {
			content: '\e9ab';
			font-family: $theme_icons;
		}
		&telegram:before {
			content: '\f2c6';
			font-family: $theme_icons;
		}
		&soundcloud:before {
			content: '\e890';
			font-family: $theme_icons;
		}
		&spotify:before {
			content: '\e891';
			font-family: $theme_icons;
		}
		&dribbble:before {
			content: '\e86f';
			font-family: $theme_icons;
		}
		&behance:before {
			content: '\e868';
			font-family: $theme_icons;
		}
		&linkedin:before {
			content: '\e884';
			font-family: $theme_icons;
		}
		&twitch:before {
			content: '\e899';
			font-family: $theme_icons;
		}
		&flickr:before {
			content: '\e874';
			font-family: $theme_icons;
		}
		&tumblr:before {
			content: '\e898';
			font-family: $theme_icons;
		}		
	}
	.pk-author-button {	   
	    margin-top: 1rem;
	    color: var(--theme-color-text_dark);
	}
	.pk-author-button {
		display: inline-block;
		border: 0;
		@include border-sharp();	  
		position: relative;
		padding: 0 1.85rem 0 0; 
		background-color: var(--theme-color-bd_color_0)!important;
		color: var(--theme-color-text_dark)!important;
		box-shadow: none!important;
		@include font(1.142857rem, 1em, 500, normal);
		text-transform: capitalize;
		letter-spacing: -0.02em;
	}
	.pk-author-button:before, 
	.pk-author-button:after {
		content:'\e9b3';
		font-family:$theme_icons;
		@include font(8px, inherit, '', normal);
		margin: 0;
		position: absolute;
		z-index: 1;
		top: 2px;
		right: 1px;
		@include transition-all();
	}
	.pk-author-button:before {
		right: 20px;
		opacity: 0; 
	}
	.pk-author-button:hover:before {
		opacity: 1;
		right: 0; 
	}
	.pk-author-button:hover:after {
		opacity: 0;
		right: -20px; 
	}
}

/* Powerkit and Socials */
.pk-social-links-wrap.pk-social-links-template-default {
	&.pk-share-buttons-wrap {
		margin-bottom: 0;
		margin-top: 0;
	}
	.pk-social-links-items {
		display: block;
		margin: -0.3rem;
	}
	.pk-social-links-item {
		display: inline-block;
		padding: 0.3rem;
	}
	.pk-social-links-link {
		background-color: transparent !important;
		color: var(--theme-color-text_dark) !important;
		padding: 0;
		flex-direction: row;
	}
	.pk-social-links-link:hover {
		background-color: transparent;
		color: var(--theme-color-text_link) !important;
	}
	.pk-social-links-icon {
		font-size: 1.3rem;
		line-height: 19px;
		height: 20px;
    	text-align: center;
	}
	.pk-social-links-item:first-child .pk-social-links-icon {
    	text-align: left;
	}
	.pk-social-links-link .pk-social-links-count {
		@include font(1rem, '', 400);
		color: var(--theme-color-text);
		display: block;
		opacity: 1;
		padding: 0 0.4rem 0 0.2rem;
   		margin-top: 0.2em;
	}
	.pk-social-links-link:hover .pk-social-links-count {
		color: var(--theme-color-text);
	}
}
header .pk-social-links-layout-default .pk-social-links-item {
    padding-left: 0;
}