/*
Theme Name: Teczilla Creative
Theme URI: 
Template: teczilla
Author: avadantathemes
Author URI: https://www.avadantathemes.com/
Description:  Teczilla creative is a child 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 creative, architecture, interior design, business, decoration, business, furniture, home decor, law firm, creative, insurance, app landing page, it solutions, shop ecommerce, marketing, gym, blog, travel creative, 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 &amp; free plugins nicely works with teczilla theme. For more theme information, check out Theme demo here at https://www.avadantathemes.com/demo/teczilla-creative/ and theme instructions here at https://www.avadantathemes.com/documentation/teczilla-free-theme/
Version: 1.0.1
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 5.6
Text Domain: teczilla-creative
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;

}

.readon-arrow{

    text-decoration: none !important;
}

.widget_tag_cloud .wp-block-tag-cloud a{

    background: transparent;
}



.widget_tag_cloud .wp-block-tag-cloud a {
    background: transparent !important;
    border: 2px solid #d2d2d2;
}

.readon-arrow:after{

content: "\f067";
    padding: 10px 16px 8px 16px;
    right: -20px;
    margin-top: 7px;
    background: #ff805d;
    color: #fff;
}

.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;
}

.buttn{

    text-align: right;
}

.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;
}

@media screen and (min-width: 992px){
.sticky {
    background: #000 !important;
}
}

.teczilla-title{
    margin-bottom: 0;
}

.sidebar-widget.widget_block h2{

    color: #1c1b1b;
    font-size: 24px;
    line-height: 29px;
    font-weight: 800;
    position: relative;
    text-align: center;
    z-index: 1;
    padding-bottom: 12px;
}


.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: -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;
}

.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;
    text-align: left;
    font-weight: 700;
}

.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: 10px;
    margin-left: 10px;
        width: 12px;
    height: 3px;
}

.wgs.comments{

width: 100%;
}

@media screen and (min-width: 992px){
.main-navigation li a {
    font-weight: 300;
}
}

@media screen and (min-width: 950px){
.tec-services.gray-bg2 {
    background: transparent;
    margin-top: -315px;
        margin-bottom: -90px;

}

.tec-services .service-wrap .desc {
    margin-bottom: 10px;
    font-size: 12px;
    color: #fff;
}


.tec-services.style2 .service-wrap .content-part .title a {
    color: #fff;
    font-size: 18px;
}

.tec-services.style2 .service-wrap .image-part i{

    background-color: transparent !important;
    line-height: 40px;
    width: auto;
    height: auto;
    font-size: 42px;
}

.tec-services.style2 .service-wrap {
background: transparent !important;
    box-shadow: none;
    padding: 40px 30px;
    display: flex;
}

.tec-services.style2 .service-wrap .text-left{

    margin-left: 31px;
}
.tec-services.style2 .service-wrap .content-part .title {
    margin-bottom: 0;
}

}


@media screen and (max-width: 992px){
.text-left{

    text-align: center !important;
}
}