/** * All of the CSS for your public-facing functionality should be * included in this file. */ /** * Environment for all styles (variables, additions, etc). */ /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ .pk-widget-author { --pk-author-social-link-color: #000000; --pk-author-with-bg-color: #FFFFFF; --pk-author-with-bg-links-color: #FFFFFF; --pk-author-with-bg-links-hover-color: rgba(255,255,255, 0.6); --pk-author-with-bg-decsription-color: #FFFFFF; --pk-author-avatar-border-radius: 100%; --pk-author-description-font-size: 90%; } /*--------------------------------------------------------------*/ .pk-widget-author { position: relative; text-align: center; } .pk-widget-author .pk-widget-author-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .pk-widget-author .pk-widget-author-bg img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; } .pk-widget-author .pk-widget-author-container { position: relative; padding: 0 2rem; z-index: 2; } .pk-widget-author .pk-author-avatar img { border-radius: var(--pk-author-avatar-border-radius); } .pk-widget-author .pk-author-data { margin-top: 1rem; } .pk-widget-author .pk-author-data .author-description { font-size: var(--pk-author-description-font-size); } .pk-widget-author .pk-author-footer { margin-top: 1rem; } .pk-widget-author .pk-author-button { margin-top: 1rem; } .pk-widget-author .pk-social-links-wrap { margin-top: 1rem; } .pk-widget-author .pk-social-links-items { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pk-widget-author .pk-social-links-link { color: var(--pk-author-social-link-color); } .pk-author-social-links .pk-social-links-link { padding: 0 0.25rem; } .pk-widget-author-with-bg { color: var(--pk-author-with-bg-color); } .pk-widget-author-with-bg a, .pk-widget-author-with-bg .section-heading, .pk-widget-author-with-bg .pk-social-links-link { color: var(--pk-author-with-bg-links-color) !important; } .pk-widget-author-with-bg a:hover, .pk-widget-author-with-bg .pk-social-links-link:hover { color: var(--pk-author-with-bg-links-hover-color) !important; } .pk-widget-author-with-bg .author-description { color: var(--pk-author-with-bg-decsription-color) !important; } .pk-widget-author-with-bg .pk-widget-author-container { padding: 2rem; }