/*
Theme Name: Teczilla Lite
Theme URI: 
Template: teczilla
Author: avadantathemes
Author URI: https://www.avadantathemes.com/
Description:  Teczilla lite is a lite theme of teczilla wordpress which is multipurpose theme and it has most beautiful designs.you can make any website using this theme which is compaitable to all type of websites.It has built in typography also dynamic typography also has unlimited color options in it.The theme suitable for lite, architecture, interior design, business, decoration, business, furniture, home decor, law firm, lite, insurance, app landing page, it solutions, shop ecommerce, marketing, gym, blog, travel lite, construction,  spa salons, wedding planners, Beauty, photography, and many other websites compatible.all the sections has diffeent option with multiple settings.It has full width template which is responsive in all devices. SEO optimized pages and fast speed loading.Compatible with gutenberg, elemnetor page builder WooCommerce, contact form 7, Jetpack, Google analytics and so many popular premium & free plugins nicely works with teczilla theme. For more theme information, check out Theme demo here at https://www.avadantathemes.com/demo/teczilla-lite/ and theme instructions here at https://www.avadantathemes.com/documentation/teczilla-free-theme/
Version: 1.0
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
Text Domain: teczilla-lite
Tags: one-column, two-columns, four-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, post-formats, theme-options, threaded-comments,  portfolio
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
License: GPLv2 or later
*/

body{
    font-family: 'Maven Pro', sans-serif;
}

.toolbar-area{
position: relative;
    z-index: 1;
    width: 100%;
}
.toolbar-area{
    background-color: #d7dfe2 !important;
    padding: 7px 0;
}
.current_page_item {
    background-color:transparent !important;
    
}
.toolbar-contact{

    text-align: right;
}
.full-width-header .teczilla-menu-area {
    background: rgba(215,223,226,0.5);
    position: relative;
}
.wrapper-area .full-width-header{
    background-color: #fff;
}

.full-width-header .tec-agncy-stick{
    padding-top: 11px;
    padding-bottom: 10px;
}
.buttn ul li a{
        border-radius: 25px;
    }

.buttn{
    text-align: right;
}
                    

.home-slider.carousel-item img{
    height: 82vh;
}
.sidebar{
background-color: #F5F7FC;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 26px 30px 10px;

}
.menu>.menu-item>a, .menu .page_item a{

    color: #fff !important;
}

@media screen and (min-width: 992px){
.sticky {
    background: #d7dfe2 !important;
}
}
.teczilla-title{
    margin-bottom: 0;
}
.sidebar .widget_search{

    padding-bottom: 10px;
}
.sidebar-grid .sidebar-title .title:after, .widget_block .wp-block-group h2:after{

    display: none;
}
.menu-sticky{

    box-shadow: none;
}
.blog-wrap .content-part .blog-meta {
    padding-left: 0;
    margin-bottom: 7px;
}
#scrollUp i {
    border-radius: 50%;
}
.error-44{
    position: relative;
}
.error-44:before {
    top: 0;
    background: #000;
    position: absolute;
    content: "";
    opacity: 0.85;
    left: 0;
    width: 100%;
    height: 100%;
    }
    .menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    position: absolute;
    display: none;
    top: -25px;
    font-size: 14px;
    right: 20px;
    font-size: 0.875rem;
    font-size: 20px;
    font-weight: 800;
    /* float: right; */
    margin-top: -40px;
    text-shadow: none;
}
@media only screen and (max-width: 992px){
    .main-navigation {
        padding: 0;
        margin-top: 0;
    }
    .buttn{

        display: none;
    }
    .full-width-header .tec-agncy-stick {
        padding-top: 0;
        margin-top: 40px;
    }
    .main-navigation .menu-toggle i{
        color: #153846;
    }
    .menu-sticky .main-navigation .menu li a {
        color: #fff !important;
    }
    .menu-item .dropdown-toggle{
        margin-top: 8px;
    }
    .tec-cta .sec-title .sub-title.modify{
        line-height: 1;
    }
}
.carousel-control-next-icon:before,
.carousel-control-prev-icon:before{
    background: #7c9aa6 !important;
    color: #fff;
}
.carousel-control-prev,
.carousel-control-next{
    opacity: 0.9;
}
.home-slider .container .slider-caption .slider-bottom .slider-btn{
    color: #fff;
    border-left: 5px solid #fff;
}
.widget_tag_cloud .wp-block-tag-cloud a{
    color: #fff;
}
.teczillaa-fullwidth .blog-wrap{
    border:none;
    padding-top:50px;
}
.inner-title{
    padding-top: 100px !important;
}

.tec-breadcrumbs .inner-title h2{
    font-size: 47px;
}
.tec-about .image-part img{
    width: 100%;
}
.menu-toggle:focus-visible{

    border: 2px solid #fff !important;
}
.tec-blog.inner .blog-wrap .content-part {
    background: #e5ebed;
}
.tec-blog.inner .blog-wrap .content-part .title a {
    font-size: 35px;
    line-height: 40px;
    word-break: break-word;
    font-weight: 700;
    color: #153846 !important;
}
.content-part .blog-meta a{
    color: #153846 !important;
}
p,.desc{

    color: #627792;
    font-weight: 500;
}
.section-xx .blog-wrap{

    border: none;
    padding-top: 40px;
}
.wgs.comments{
    width: 100%;
    background: #e5ebed;
    padding: 27px;
}
.wgs.comments .wgs-heading,
.comment-author .fn a,
.comment-content a,
.comment-respond .logged-in-as a,
.comment-reply-title{
    color: #153846;
}
.wgs.comments .wgs-heading,
.comment-reply-title{
    border-left: 5px solid;
    margin-left: -26px;
    padding-left: 16px;
    word-break: unset;
}
.comments .comment-respond .comment-form-comment textarea{
    box-shadow: none !important;
    border: 2px solid #e5ebed;
}
.comments .comment-respond .comment-form-comment textarea:focus{
    outline: unset !important;
}
.comment-respond .form-submit input{
    border-radius: 0px;
}
.avadanta-title a{
    font-size: 42px;
    font-family: 'Maven Pro';
    letter-spacing: 2px;
}
.menu-sticky .menu li a{
    color: #153846 !important;
}
.logo-area .avadanta-desc{
    width: 106%;
}
.menu-sticky .main-navigation ul li:hover > ul{
    background-color: #d7dfe2;
}
.inner-title .breadcrumb-row ul li:after{
    content: "\f015";
    position: absolute;
    font-family: 'FontAwesome';
}

.wrapper-area .tec-breadcrumbs{
    height: 280px;
}