/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.gform_required_legend{
    display: none !important;
}

.top-menu .elementor-nav-menu>li:hover>a{
    font-weight: 700 !important;
}

.copyright a:hover,
.ft-menu ul li:hover>a{
    text-decoration: underline;
}

.posted-ago .elementor-shortcode{
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
}

.posted-ago.alt .elementor-shortcode{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #5E5E5E;
}

.sidebar .posted-ago .elementor-shortcode{
    font-weight: 400;
    font-size: 14px;
}

.trending-posts ul{
    padding-left: 0 !important;
    list-style-type: none;
}

.trending-posts h6{
    margin-top: 0;
    margin-bottom: 5px;
}

.trending-posts h6>a{
    color: #161616;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
}

.trending-posts p{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0 !important;
}

.trending-posts ul>li{
    display: flex;
    gap: 9px;
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #C3C3C366;
}

.trending-posts .post-img{
    width: 60px;
}

.trending-posts .post-img img{
    height: 64px;
    object-fit: cover;
    object-position: top center;
}

.sidebar .e-n-tabs-heading{
    border-bottom: 1px dashed #C3C3C3;
}

.business-loop-small .elementor-loop-container>div:not(:last-child){
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #C3C3C366;
}

.trending-posts.alt ul > li{
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    flex-direction: row-reverse;
}

.trending-posts.alt ul{
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.featured-alt .elementor-widget-theme-post-featured-image img{
    height: 415px !important;
}

.featured-alt .e-con-full:has(>.elementor-widget-theme-post-title){
    max-width: 356px !important;
}

.featured-alt .elementor-heading-title{
    font-size: 20px !important;
    line-height: 28px !important;
}

.tech-side-loop .elementor-widget-theme-post-featured-image img{
    max-height: 150px !important;
}

.tech-side-loop .elementor-heading-title{
    font-size: 16px !important;
    line-height: 24px !important;
}

.tech-side-loop .elementor-widget-theme-post-title>.elementor-widget-container{
    margin-bottom: 8px !important;
}

.tech-side-loop .elementor-loop-container>div:not(:last-child){
    padding-bottom: 20px;
    margin-bottom: 22px;
    border-bottom: 1px solid #C3C3C366;
}

.loop-border .elementor-loop-container>div:not(:last-child){
    padding-bottom: 44px;
    margin-bottom: 44px;
    border-bottom: 1px solid #C3C3C366;
}

.trending-posts.opp ul > li{
    flex-direction: row-reverse;
    gap: 12px;
}

.tag-cloud{
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    max-height: 320px;
    overflow-y: auto;
    scrollbar-width: none;
}

.tag-cloud::-webkit-scrollbar {display: none;}

.tag-cloud>li{
    width: max-content;
    padding: 10px 20px;
    background-color: #F4F4F4;
    transition: all 0.3s ease-in-out;
}

.tag-cloud > li:hover{
    box-shadow: 1px 3px 21px -5px rgba(0,0,0,0.24);
-webkit-box-shadow: 1px 3px 21px -5px rgba(0,0,0,0.24);
-moz-box-shadow: 1px 3px 21px -5px rgba(0,0,0,0.24);
}

.tag-cloud>li>a,
.sidebar-cats ul li>a{
    color: #161616 !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500 !important;
}

.sidebar-cats ul{
    padding-left: 0;
    list-style-type: none;
    border: 1px solid #C3C3C366;
}

.sidebar-cats ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 16px;
    transition: all 0.2s ease-in-out;
}

.sidebar-cats ul li:hover{
    box-shadow: 4px 4px 20px 0px #0000001F;
}

.sidebar-cats ul>li:not(:last-child){
    border-bottom: 1px solid #C3C3C366;
}

.sidebar-cats ul li>a{
    font-weight: 400 !important;
}

.sidebar-cats ul li:hover>a{
    font-weight: 600 !important;
}

.sidebar-cats h5{
    padding: 18px 8px;
    background-color: #161616;
    color: #fff;
    margin: 0 !important;
}

.pagi-style .page-numbers:not(.prev, .next){
    height: 37px;
    width: 37px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #5E5E5E52;
    border-radius: 50%;
}

.pagi-style .page-numbers.current{
    border-color: #161616;
    background-color: #161616;
}

.trending-posts .post-info{
    max-width: 190px;
}

.article-dtls-info .elementor-post-info{
    justify-content: space-between !important;
}

.article-dtls-info .elementor-post-info>li:last-child .elementor-icon-list-text{
    text-transform: normal !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* ----------- common hover for loop items ---------- */
/* .e-loop-item .elementor-heading-title,
.elementor-post.elementor-grid-item .elementor-post__title,
.trending-posts h6{
    transition: all 0.3s ease-in-out;
} */

.e-loop-item:hover .elementor-heading-title,
.elementor-post.elementor-grid-item:hover .elementor-post__title,
.trending-posts .post-info:hover h6{
    text-decoration: underline;
}

.form-style input[type="submit"]{
    background-color: #f4f4f4;
    color: #161616;
    padding: 15px 30px !important;
}

.form-style form{
    max-width: 700px;
}

/* ---------------responsive----------------- */

@media only screen and (min-width: 1367px) and (max-width:1500px){
    .grad-sec{
        background-image: linear-gradient(90deg, var(--e-global-color-secondary) 92%, #F2295B00 92%) !important;
        margin-top: -25% !important;
    }
}

@media only screen and (min-width: 1501px) and (max-width:1600px){
    .grad-sec{
        background-image: linear-gradient(90deg, var(--e-global-color-secondary) 90%, #F2295B00 90%) !important;
        margin-top: -24% !important;
    }
}

@media only screen and (max-width:1180px){
    .trending-posts .post-info{
        max-width: 150px;
    }

    .trending-posts h6 > a{
        font-size: 14px;
    }
}

@media only screen and (max-width:980px){
    .trending-posts h6 > a{
        font-size: 12px;
        line-height: 20px;
    }

    .trending-posts.alt ul{
        gap: 10px;
    }

    .loop-border .elementor-loop-container > div:not(:last-child){
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:767px){
    .ft-menu .elementor-nav-menu{
        justify-content: center !important;
    }

    .trending-posts ul,
    .trending-posts.alt ul{
        flex-direction: column;
        gap: 15px;
    }

    .trending-posts ul > li{
        justify-content: flex-end;
    }

    .posted-ago .elementor-shortcode{
        font-size: 12px;
        line-height: 16px;
    }

    .trending-posts.opp ul > li{
        justify-content: flex-end;
    }

    .trending-posts.reverse-mob ul > li{
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
}