/*
Theme Name: Sierra Child
Theme URI: https://sierra.keydesign.xyz/
Description: SaaS & Tech Startup Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sierra
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: sierra-child
*/

:root {
    --vertical-spacing: 60px;
    --header-height: 121px;
}

html,
body {
    overflow-x: hidden !important;
}

p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
}

.text-sm p {
    font-size: 16px !important;
}

img[id*="tmipTrT0"] {
    display: none;
}

#page .site-content {
    margin-top: var(--header-height);
}

.site-header,
.site-header.sticky-header {
    position: fixed;
    top: calc(var(--wp-admin--admin-bar--height, 0px));
    left: 0;
    width: 100%;
    height: auto;
    z-index: 100;
}

.site-header.sticky-header.show-on-scroll.hide-menu {
    pointer-events: unset;
}

@media screen and (min-width: 1025px) {
    .site-header.sticky-header.show-on-scroll.hide-menu .site-header-wrapper {
        opacity: 1;
        transform: translate3d(0, -40px, 0);
        pointer-events: unset;
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --header-height: 71px;
    }

    .site-header.sticky-header.show-on-scroll.hide-menu .site-header-wrapper {
        transform: unset;
        opacity: 1;
        pointer-events: unset;
    }
}

#left-area ul.elementor-icon-list-items,
.elementor-edit-area .elementor-element ul.elementor-icon-list-items,
.elementor .elementor-element ul.elementor-icon-list-items {
    padding: 0;
    list-style: none;
}

.elementor-icon-list-items .listStyle {
    list-style: none;
}

.for_des {
    display: block;
}

.for_mob {
    display: none !important;
}

.elementor-widget-text-editor a {
    color: var(--e-global-color-primary);
}

.image_w_h_100 a {
    width: 100%;
    height: 100%;
    display: block;
}

.custom-pricing-box-wp {
    height: 100%;
}

.custom-pricing-box .elementskit-single-pricing .elementskit-pricing-btn-wraper {
    display: none !important;
}

.custom-pricing-box-btn .ekit-popup-modal__toggler-wrapper .elementskit-btn {
    width: 100%;
    justify-content: center;
}

.custom_centered_ul_list ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    list-style-position: inside;
}

.d_block {
    display: block;
}

.post-share {
    position: relative;
    inset: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block !important;
}

.post-share .social-sharing-list {
    flex-direction: row;
    gap: 5px;
}

.post-share .social-sharing-list div a {
    margin-bottom: 0;
}

.article-content.article-single {
    display: flex;
    flex-direction: column;
}

.article-content.article-single .category-meta {
    order: 1;
}

.article-content.article-single .post-share {
    order: 6;
    margin-top: 20px;
}

.article-content.article-single .single-post-title {
    order: 2;
}

.article-content.article-single .entry-meta {
    order: 3;
}

.article-content.article-single .entry-image {
    order: 4;
}

.article-content.article-single .entry-content {
    order: 5;
}

.article-content.article-single .entry-footer {
    order: 7;
    margin-top: 30px;
}

.article-content.article-single .author-box-wrapper {
    order: 8;
}

.article-content.article-single .navigation.post-navigation {
    order: 9;
}

.article-content.article-single .keydesign-comments {
    order: 10;
}

.article-content.article-single .author-box-wrapper .author-desc-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-pricing-box-btn .ekit-popup-modal__close {
    right: 15px !important;
    top: 15px !important;
}

.custom-pricing-box .elementskit-single-pricing .elementskit-pricing-lists > li > .ekit-pricing-list-info svg path {
    fill: var(--e-global-color-text);
}

.custom-pricing-box .elementskit-single-pricing .elementskit-pricing-lists > li:hover > .ekit-pricing-list-info svg path {
    fill: inherit;
}

.custom-pricing-box .elementskit-single-pricing .elementskit-pricing-lists > li > .ekit-pricing-list-info svg:hover path {
    fill: var(--e-global-color-primary) !important;
    opacity: 1;
}

.contact-info-box-wp .ekit-wid-con .elementskit-infobox.icon-lef-right-aligin {
    flex-direction: row !important;
}

.tagcloud a:hover,
.entry-footer .tags a:hover {
    color: var(--e-global-color-67cbb18) !important;
}

.contact_info_box .elementskit-info-box-icon > i {
    color: inherit;
}

.ekit-popup-modal__body p {
    color: inherit !important;
}

.sticky-navigation .elementor-widget-container {
    max-height: 60vh;
    overflow: hidden auto;
    padding-right: 15px;
}

.sticky-navigation .elementor-widget-container li.ekit-stylish-list-content-wrapper {
    width: 100% !important;
}

/* ===== Responsive Start ===== */

@media (min-width: 1025px) {
    .for_tablet_mob {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .for_des {
        display: none;
    }

    .for_mob {
        display: block !important;
    }

    .header_menu .elementskit-navbar-nav > li > a {
        display: inline-flex;
    }

    .site-header .menu-item.menu-item-has-children {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .elementskit-navbar-nav-default .elementskit-dropdown-has > a .elementskit-submenu-indicator {
        --font-size-main-menu: 0.8em;
    }

    .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-dropdown-has > a .elementskit-submenu-indicator {
        margin-inline: 5px 0;
    }

    .elementskit-navbar-nav-default .elementskit-submenu-panel > li > a {
        --font-size-main-menu: 12px;
    }

    .elementskit-navbar-nav-default .elementskit-dropdown {
        min-width: unset;
    }

    .header_menu .elementskit-navbar-nav > li.header_btn:not(:last-child) {
        margin-bottom: 12px !important;
    }

    .header_btn a {
        border-radius: var(--button-border-radius);
        transition: var(--global-transition);
        background-color: var(--e-global-color-primary);
        font-family: var(--e-global-typography-accent-font-family);
        font-size: 15px !important;
        padding: 15px 15px 15px 15px !important;
        position: relative;
        align-items: center;
        display: inline-flex !important;
        color: var(--e-global-color-67cbb18) !important;
        border-style: none;
    }

    .header_btn a:hover {
        color: var(--e-global-color-67cbb18) !important;
        background-color: var(--e-global-color-secondary) !important;
    }
}

@media (max-width: 1023px) {
    .site-header.sticky-header:not(.hide-menu) + #content .sticky-sidebar .keydesign-sidebar {
        top: 0 !important;
    }
}

@media (max-width: 766.98px) {
    .keydesign-container {
        padding-top: var(--vertical-spacing);
        padding-bottom: var(--vertical-spacing);
    }

    .comment-form .comment-form-author,
    .comment-form .comment-form-email,
    .comment-form .comment-form-url {
        --grid-column: var(--grid-column, 1 / -1);
    }

    .blog-layout-horizontal .keydesign-card .entry-image {
        aspect-ratio: 1 / 0.7;
    }
}

@media (max-width: 575px) {
    .search-results .keydesign-card .entry-wrapper {
        padding: 30px 20px;
    }

    .search-results .keydesign-card .entry-wrapper .entry-meta {
        flex-direction: column;
        gap: 3px;
    }

    .search-results .keydesign-card .entry-wrapper .entry-meta > * {
        margin-right: 0;
    }
}

@media (max-width: 390px) {
    .keydesign-card .entry-wrapper .entry-meta,
    .article-content .entry-meta {
        flex-direction: column;
        gap: 3px;
    }

    .keydesign-card .entry-wrapper .entry-meta > *,
    .article-content .entry-meta > * {
        margin-right: 0;
    }
}

/* ===== Responsive End ===== */
