/*
Theme Name:     Knowledge Guru Child
Theme URI:      https://mekshq.com/
Description:    Child theme for Knowledge Guru WordPress theme
Author:         meks
Author URI:     https://mekshq.com
Template:       knowledge-guru
Version:        0.1.0
*/

/* tpDEsign Custom */

:root {
--color-txt: #1D2B36;
--color-bg: #F9F9F9;
--color-main: #3b4856;
--color-main-025: rgba(0,132,194,0.25);
--color-main-05: rgba(46,107,147,0.5);
--color-main-075: rgba(46,107,147,0.75);
--color-h: #1D2B36;
--color-meta: rgba(29,43,54,0.5);
--color-header: #2e6b93;
--color-button-primary: #d76c15;
--color-button-primary-text: #fff;
--color-button-secondary: #39464c;
--color-button-tertiary: hsl(219, 60%, 95%);
--color-txt-075: rgba(29,43,54,0.75);
--color-txt-05: rgba(29,43,54,0.5);
--color-txt-025: rgba(29,43,54,0.25);
--color-txt-015: rgba(29,43,54,0.15);
--color-txt-01: rgba(29,43,54,0.1);
--color-txt-005: rgba(29,43,54,0.05);
--color-txt-0025: rgba(29,43,54,0.025);
--color-header-middle-txt: #FFF;
--color-header-middle-txt-05: rgba(255,255,255,0.5);
--color-header-middle-txt-075: rgba(255,255,255,0.75);
--color-header-middle-acc: var(--color-header-middle-txt-075);
--font-size-p: 1.7rem;
--line-height-p: 1.8;
--font-size-small: 1.5rem;
--line-height-small: 1.4;
--font-size-nav: 1.4rem;
--font-size-p-large: 1.9rem;
--header-height: 90px;
--header-sticky-height: 70px;
--header-height-responsive-sm: 60px;
--header-height-responsive-md: 80px;
--width-full: 1102px;
--content-post: 940px;
}

.header-main .header-middle, .header-mobile {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45),
rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed,
radial-gradient(at bottom center,
rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed,
linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1),
hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed;
border-bottom: 2px solid #0f1115;
}

.kbg-header {
font-size: 1.7rem;
}

.kbg-footer {
--color-footer-bg: #1e252c;
--color-footer-txt: #FFF;
--color-footer-txt-025: rgba(255,255,255,0.25);
--color-footer-txt-05: rgba(255,255,255,0.5);
--color-footer-txt-06: rgba(255,255,255,0.6);
background-color: var(--color-footer-bg);
color: var(--color-footer-txt);
font-size: 1.8rem;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45),
rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed,
radial-gradient(at bottom center,
rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed,
linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1),
hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed;
border-top: 2px solid #0f1115;
}

.header-sticky {
--color-header-sticky-bg: hsl(196deg 13% 11%);
--color-header-sticky-txt: #FFF;
--color-header-sticky-05: rgba(255,255,255,0.5);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45),
rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed,
radial-gradient(at bottom center,
rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed,
linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1),
hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed;
}

.entry-meta .meta-item a {
color: var(--color-main);
transition: all .2s ease-in-out;
}

.kbg-tax-list {
border-top: 10px solid #607d8b;
}

.meta-item {
font-size: 1.5rem;
line-height: 1.25;
color: var(--color-txt-075);
}

.kbg-copyright {
font-size: 2.0rem;
}

.kbg-after-subheader:before {
top: 99px;
width: 100%;
height: 134px;
background-color: var(--color-main);
clip-path: polygon(100% 0, 0 0, 0 100%);
}

.tp-layout-text-justify {
text-align: justify;
font-size: 14px;
}

.author-avatar {
margin-right: 20px;
border-radius: 50%;
border: 5px solid #3c4144;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
}

.entry-content p {
margin-top: 0;
text-align: justify;
}

.entry-content > p code {
font-family: monospace,monospace;
padding: 4px;
border-radius: 5px;
background-color: rgb(29 43 54 / 10%);
}