![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/hessa.corals.io/wp-content/themes/kicker/skins/writer/plugins/powerkit/ |
/* 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 { font-size: 89%; } .pk-icon-youtube:before { content: "\E9AB"; font-family: $theme_icons; } .pk-icon-instagram:before { font-size: 0.8em; } .pk-icon-pinterest:before { content: "\e8a7"; font-family: $theme_icons; font-size: 0.9em; } .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(20px, 1.5em, 700); 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; display: block; 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 { 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; } .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; } &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, 700, 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; }