/*
 Theme Name:   WP Theme Lite Job
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       WP Theme Lite
 Author URI:   https://wpthemelite.com
 Template:     generatepress
 Version:      1.0
*/

/* Customization by wpthemelite.com */

.main-navigation {
    position: sticky;
    position: -webkit-sticky;
    border-bottom: 1px solid var(--light-gray);
    top: 0;
}

.main-navigation.toggled .main-nav > ul {
    background-color: var(--contrast-2);
}

.main-navigation.toggled .main-nav li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--accent);
}

.main-navigation.toggled .main-nav ul li a {
    color: var(--light-gray);
    font-size: 16px;
    line-height: 50px;
}

.main-navigation .main-nav ul li[class*=current-menu-] > a:hover {
    background-color: var(--main-color);
    color: #fff;
}

.navigation-branding .main-title a {
    display: inline-block;
    background: linear-gradient(90deg, var(--contrast-2) 69%, var(--main-color) 69%, var(--main-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sub-menu.toggled-on {
    background-color: var(--contrast);
}

.search-result-h1 {
    margin-bottom: 0;
    font-weight: 600;
}

.search-modal-form {
    border-radius: 50px;
}

.wpthemelite-subtitle {
    font-weight: 400;
}

.generate-back-to-top {
    border-radius: 50%;
    bottom: 40px;
    right: 18px;
}

input:focus-visible, 
textarea:focus-visible {
    outline: -webkit-focus-ring-color auto 0;
}

.wpthemelite-single-post-featured-image {
    padding: 5px;
    margin-bottom: 25px;
    background: var(--light-background);
    border: 1px solid var(--light-gray);
}

.entry-content .wp-block-image {
    margin-bottom: .6em;
}

.entry-content .wp-block-image figcaption {
    font-size: 13px;
    text-align: center;
}

.entry-content pre {
    background-color: #ffffd1;
}

.breadcrumb p {
    margin: 0;
}

.breadcrumb a {
    font-weight: 600;
}

.list_custom .gb-query-loop-item {
    position: relative;
    counter-increment: my-awesome-counter;
}

.list_custom .gb-query-loop-item::before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-weight: 700;
    color: #fff;
    background: var(--contrast);
    border-radius: 100%;
    content: "#" counter(my-awesome-counter) "";
    top: 4px;
    left: 20px;
    height: 45px;
    width: 45px;
}

.comment-reply-title, 
.comments-title, 
.wpthemelite-footer-section h2, 
.page .entry-title, 
.wdgt-hdng {
    position: relative;
    border-bottom: 2px solid var(--base);
    padding-bottom: 15px;
}

.wpthemelite-footer-section h2 {
    border-bottom: 2px solid var(--accent);
}

.comment-reply-title:after, 
.comments-title:after, 
.wpthemelite-footer-section h2:after, 
.page .entry-title:after, 
.wdgt-hdng:after {
    height: 2px;
    border-radius: 0;
    width: 100px;
    content: " ";
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: -2px;
}

.author-desc-txt, 
.wpthemelite-line-clamp-heading-comm a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wpthemelite-line-clamp-heading-1 a {
    -webkit-line-clamp: 1;
}

.wpthemelite-line-clamp-heading-2 a {
    -webkit-line-clamp: 2;
}

.author-desc-txt, 
.wpthemelite-line-clamp-heading-3 a {
    -webkit-line-clamp: 3;
}

.wpthemelite-line-clamp-heading-4 a {
    -webkit-line-clamp: 4;
}

.single .entry-content ul {
    margin-left: 22px;
}

.single .entry-content ol li {
    counter-increment: my-ol-counter;
    margin-bottom: 10px;
}

.single .entry-content ol {
    list-style: none;
    margin-left: 36px;
}

.single .entry-content ol li:before {
    content: counter(my-ol-counter);
    display: flex;
    position: absolute;
    justify-content: center;
    width: 1.6rem;
    margin-left: -2.4rem;
    transform: translateY(.25rem);
    background: var(--light-gray);
    font-weight: 600;
    font-size: 15px;
    border-radius: 50%;
}

.single .entry-content a:not(table a, blockquote a, .ez-toc-link) {
    border-bottom: 1px dotted var(--main-color);
}

a, button, input {
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
}

.tags-links a:before {
    content: "#";
    margin-right: .15rem;
}

.tags-links a {
    display: inline-block;
    background-color: #eee;
    margin-top: 5px;
    margin-right: 5px;
    color: #333;
    padding: 4px 10px;
    border-radius: 5px;
}

.tags-links a:hover {
    color: var(--main-color);
}

.comment-reply-title, 
.comments-title {
    font-weight: 700;
    font-size: 24px;
}

.comment {
    border-bottom: 1px dashed var(--dark-gray);
}

.comment li:last-child, 
.comment:last-child, 
.depth-1.parent > .children, 
.wpthemelite-related-posts-list li:last-child, 
.wp-block-latest-posts li:last-child {
    border: 0;
}

.comment-body {
    padding: 20px 0;
    position: relative;
}

.comment-content {
    padding: 0;
    border: 0;
}

.comment-content .reply {
    position: absolute;
    top: 32px;
    right: 0;
    padding: 3px 6px;
    border: 1px solid var(--dark-gray);
    border-radius: 50px;
    line-height: 1.4;
}

.comment-reply-link {
    margin-left: 18px;
}

.comment-reply-link:before {
    content: "";
    background-color: var(--contrast-2);
    position: absolute;
    top: 7px;
    left: 8px;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyUyMzUwODFGNScgdmlld0JveD0nMCAwIDMyIDMyJz48cGF0aCBkPSdNMTIuNCw5LjhjNS4xLDAuNSw5LjgsMi44LDEzLjMsNi42YzMuMSwzLjcsNS4zLDguMiw2LjIsMTNjLTQuMy02LTEwLjgtOS4xLTE5LjYtOS4xdjcuM0wwLDE1LjFMMTIuNCwyLjdWOS44eicvPjwvc3ZnPg==);
    -webkit-mask-repeat: no-repeat;
}

.comment-body p, 
p.comment-form-comment-subscribe {
    margin-bottom: 8px;
}

.comment-form .submit {
    border-radius: 5px;
}

.comment-form input, 
.comment-form textarea {
    border-radius: 8px;
}

.single .entry-content h3:not(.rank-math-question) {
    display: inline-block;
    background-color: var(--fade-color);
    padding: 4px 10px;
    color: var(--contrast-2);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 5px;
}

.entry-content table th {
    background-color: var(--main-color) !important;
    color: #fff;
}

.entry-content table, 
td, 
th {
    border: 1px solid rgba(0,0,0,.1) !important;
}

.entry-content table thead {
    border-bottom: 0 !important;
}

.wp-block-table.is-style-stripes {
    border-width: 0;
}

.wp-block-table table tbody tr:nth-child(odd), 
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.wpthemelite-social-sharing-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 20px 5px;
}

.wpthemelite-social-sharing-con span {
    font-weight: 600;
    font-size: 15px;
    color: #696969;
}

.wpthemelite-ss-inner-con {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}

.wpthemelite-social-sharing {
    padding: 8px;
    margin: 4px;
    border-radius: 4px;
    box-shadow: -2px -3px 1px 0 rgb(0 0 0 / 17%) inset;
}

.wpthemelite-social-sharing:hover {
    opacity: .9;
}

.wpthemelite-social-sharing svg {
    position: relative;
    top: .15em;
    display: inline-block;
}

.wpthemelite-ss-fb {
    fill: #fff;
    background-color: #3e558b;
}

.wpthemelite-ss-wha {
    fill: #fff;
    background-color: #19bd56;
}

.wpthemelite-ss-tg {
    fill: #fff;
    background-color: #0e7cb3;
}

.wpthemelite-ss-x {
    fill: #fff;
    background-color: #000;
}

.wpthemelite-one-share {
    fill: #fff;
    background-color: #d90000;
}

.wp-block-search__button.has-icon {
    line-height: 0;
}

.wp-block-search__button {
    background-color: var(--main-color);
    color: #fff;
    border: 1px solid var(--main-color);
    border-radius: 0 12px 12px 0;
    margin: 0;
}

.wp-block-search__button:hover {
    background-color: var(--main-color);
    opacity: .89;
}

.wp-block-search__inside-wrapper {
    display: flex;
}

.wp-block-search__button svg {
    fill: currentColor;
}

.site-footer input[type=search] {
    font-size: 15px;
}

.wpthemelite-footer-section input[type=search] {
    border-radius: 12px 0 0 12px;
}

[type=search] {
    -webkit-appearance: none;
}

@media (min-width: 1025px) {
    .inside-right-sidebar {
        position: sticky;
        top: 80px;
    }
}

@media (max-width: 1024px) {
    .mtbc {
        border: 1px solid var(--light-gray);
    }
    .breadcrumb, 
    .tags-links {
        overflow: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .breadcrumb, 
    .breadcrumb p {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 768px) {
    .main-navigation .main-nav ul li[class*=current-menu-] > a {
        color: var(--light-gray);
        background-color: var(--contrast-2);
    }
    .mobile-header-navigation .site-logo, 
    .navigation-branding, 
    .navigation-branding .main-title {
        margin-left: 4px;
    }
    .wpthemelite-single-post-featured-image {
        padding: 0;
        border: 0;
        max-width: calc(100% + 20px);
        margin-left: -10px;
    }
    .single .entry-content h3:not(.rank-math-question) {
        display: block;
        width: calc(100% + 20px);
        margin-left: -10px;
        text-align: center;
        border-radius: 0;
    }
    .tags-links a {
        padding: 3px 5px;
        line-height: 23px;
        font-size: 15px;
    }
    .form-submit {
        text-align: right;
    }
    .entry-meta.comment-metadata, 
    .wpthemelite-social-sharing-con span {
        font-size: 13px;
    }
}

/* End -- Customization by wpthemelite.com */