/*
Theme Name: Teczilla App
Theme URI: 
Template: teczilla
Author: avadantathemes
Author URI: https://www.avadantathemes.com/
Description:  Teczilla app is a child theme of teczilla wordpress which is ideal for startup, SaaS & app landing page. Theme is a creative & unique design based on the latest technology. It’s easy to use, easy to custtomize and navigate as well. Compatible with Desktop, Laptop, Tablet, mobile, or any device. SO many features like responsive, WooCommerce Ready, RTL Language Support, WPML Ready, High Speed Performance, full-width template and so many more. 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-app/ and theme instructions here at https://www.avadantathemes.com/documentation/teczilla-free-theme/
Version: 1.0.2
Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 5.6
Text Domain: teczilla-app
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: 'Fira Sans', sans-serif;
}

.toolbar-area{
    position: absolute;
    z-index: 1;
    width: 100%;
}
.toolbar-area{
    background-color: transparent !important;
}

.tec-agncy-stick.sticky{
    padding-top: 35px !important;
    padding-top: 15px !important;
}

.blog-wrap .content-part .readon-arrow{
    background: #ec3a67;
    color: #fff !important;
    text-decoration: none !important;
    padding: 8px 14px;
    font-size: 16px;
    border-radius: 3px;
}

.widget_tag_cloud .wp-block-tag-cloud a{

    background: transparent;
}
.logo-area a{
    font-size: 42px;
    font-weight: 100;
}
.main-navigation li{
    padding-top: 14px;
}
.menu-item-has-children>a:after{
    content: "\2b";
    top: 28px;
    font-size: 18px !important;
}
#primary-menu .menu-item.current-menu-item a{
    color: #cccccc !important;
}
#primary-menu .menu-item a:hover{
    color: #cccccc !important;
}

.widget_tag_cloud .wp-block-tag-cloud a {
    background: transparent !important;
    border: 2px solid #d2d2d2;
}
body .is-layout-flex{
    display: block;
}

.readon-arrow:after{
    content: "\f067";
    padding: 10px 16px 8px 16px;
    right: -20px;
    display: none;
    margin-top: 7px;
    background: #ec3a67;
    color: #fff;
}
.menu-item a:focus-visible,
.menu-item-has-children .sub-menu li > a:focus-visible{
    background: transparent;
}
button:focus-visible{
    border: 1px solid #000;
}
.main-navigation ul li.focus > ul{
    background-color: transparent !important;
}

.toolbar-contact ul{
    display: inline-flex;
}

.toolbar-contact ul li{
    padding-left: 16px;
    color: #fff;
}

.toolbar-contact ul li a{
    color: #fff;
    padding-left: 10px;
}

.current_page_item {
    background-color:transparent !important;
}

.toolbar-contact{
    text-align: center;
    margin-top: -80px;
}

.full-width-header .teczilla-menu-area {
    background: rgb(0 0 0 / 0%);
    position: absolute;
}

.full-width-header .tec-agncy-stick{
    padding-top: 50px;
}
.full-width-header .tec-agncy-stick.sticky{
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

.buttn{
    text-align: center;
}

.home-slider .container .slider-caption .slider-bottom .slider-btn{
    border: 1px solid transparent;
}
                
.sidebar{
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-shadow: 0px 14px 30px rgb(0 0 0 / 7%);
    padding: 26px 30px 10px;
}

.menu>.menu-item>a, .menu .page_item a{
    color: #fff !important;
}
/*.logo-area .teczilla-title::first-letter{
    color: #ec3a67 !important;
}*/

@media screen and (min-width: 992px){
    .sticky {
        background: #fff !important;
    }
    .sticky .menu>.menu-item>a, .sticky .menu .page_item a{
        color: #000 !important;
    }
    .sticky .teczilla-title a{
        color: #000 !important;
    }
}

.main-navigation ul ul li:hover > ul{
    top: 15px;
}

.teczilla-title{
    margin-bottom: 0;
}

.sidebar-widget.widget_block h2{
    color: #1c1b1b;
    line-height: 29px;
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
}
.sidebar-widget .wp-block-archives li:before{
    content: "\f061" !important;
    color: #ec3a67;
}

.wp-block-search__button{
    background: #ec3a67;
    color: #fff;
    border: none;
    border-radius: 3px;
}
.content-part .btn-part{
    margin-top: 20px;
}
.blog-wrap .content-part .read-arrow{
    background: #ec3a67;
    color: #fff !important;
    text-decoration: none !important;
    padding: 8px 14px;
    font-size: 16px;
    border-radius: 3px;
}
.wp-block-group{
    margin-bottom: 20px;
}
.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;
}
.wp-block-group{
    margin-top: 35px;
}
.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: -16px;
    text-shadow: none;
}


@media only screen and (max-width: 991px){
    .main-navigation {
        padding: 0;
        margin-top: 0;
    }
    .buttn{

        display: none;
    }
    .full-width-header .tec-agncy-stick {
        padding-top: 0;
        margin-top: 40px;
    }
}

.carousel-control-next-icon:before,
.carousel-control-prev-icon:before{
    background: #000 !important;
}

.home-slider .container .slider-caption .slider-bottom .slider-btn{
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    padding: 12px 30px;
}

.carousel.slide::after {
    background: #8b6b9d;
    opacity: 0.35;
}

.tec-testimonial.style1 .slider-part {
    background: #e0e8ec;
}

.tec-breadcrumbs .inner-title h2 {
    padding-top: 15px;
}

.teczillaa-fullwidth .blog-wrap{
    border:none;
    padding-top:50px;
}

.inner-title{
    padding-top: 156px !important;
}


.error-text-large{
    display: block;
}

.tec-about .image-part img{
    width: 100%;
}

.error-content img{
    max-width: 280px;
}

.error-content{
    padding-top: 100px;
    padding-bottom: 30px;
}

.menu-toggle:focus-visible{
    border: 2px solid #fff !important;
}

.tec-blog.inner .blog-wrap .content-part {
    background: #fff;
    box-shadow: 0px 14px 30px rgb(0 0 0 / 7%);
}

.tec-blog.inner .blog-wrap .content-part .title a {
    font-size: 22px;
    line-height: 30px;
    word-break: break-word;
    font-weight: 500;
}

.sidebar-widget.widget_block h2{
    border-bottom: 1px solid #fff;
    margin-bottom: 6px;
    letter-spacing: 2px;
    font-size: 30px;
    font-weight: 700;
}
.sidebar-widget.widget_block h2::first-letter{
    color: #ec3a67 !important;
}

.tec-footer .footer-bottom {
    padding: 11px 0;
}

.tec-services.style2 .service-wrap {
    background: #f1f1f1;
}

 .sidebar-widget.widget_archive li:before, 
 .sidebar-widget.widget_categories li:before, 
 .sidebar-widget.widget_meta li:before, 
 .sidebar-widget .wp-block-archives li:before, 
 .sidebar-widget .wp-block-categories li:before {
    content: "\f205";
}

.section-xx .blog-wrap{
    border: none;
    padding-top: 40px;
}

.tec-blog.style1 .blog-wrap .content-part .blog-meta .user-data {
    padding-right: 10px;
}

.tec-blog.style1 .blog-wrap .content-part .blog-meta {
    justify-content: unset;
    font-size: 12px;
}

.sec-title .sub-title.primary:after {
    top: 25px;
    margin-left: 12px;
    width: 45px;
    height: 3px;
}

.wgs.comments{
    width: 100%;
}
.readon{
    border-radius: 5px;
}

@media screen and (min-width: 992px){
    .main-navigation li a {
        font-weight: 300;
    }
}

@media screen and (max-width: 992px){
    .text-left{
        text-align: center !important;
    }
}