/*
Theme Name: Teczilla saas
Theme URI: 
Template: teczilla
Author: avadantathemes
Author URI: https://www.avadantathemes.com/
Description:  Teczilla saas is a child theme of teczilla wordpress theme perfect for saas, landing page , agency,  startup etc. It is a Very creative, fully customizable and multipurpose theme.Any website you want to make with this theme will look beautiful and compaitable.It has built in typography also dynamic typography also has unlimited color options in it. The theme suitable for saas application website, architecture, interior design, saas, business, decoration, business, furniture, home decor, law firm, saas, insurance, app landing page, it solutions, shop ecommerce, marketing, gym, blog, travel saas, construction,  spa salons, industries, Beauty, photography, and many other websites compatible. Service option has icon and image options. Full Width responsive page layout. 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 theme instructions here at https://www.avadantathemes.com/documentation/teczilla-free-theme/
Version: 1.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
Text Domain: teczilla-saas
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: 'Varela Round', sans-serif;
}

.toolbar-area{
    position: relative;
    z-index: 1;
}
.toolbar-area{
    background-color:#252628 !important;
}
::selection{
    background: #a71928;
}

.toolbar-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: -35px;
    width: 70%;
    height: 100%;
    z-index: -1;
    transform: skew(-26deg);
    padding-left: 20px;
    background: #FF3C00;
}

.current_page_item {
    background-color:transparent !important;
    
}
.full-width-header .toolbar-area .toolbar-sl-share ul li a {
    background-color: transparent !important;    
    color: #fff !important;
    font-size:22px;
}

.full-width-header .toolbar-area .toolbar-sl-share ul {
    text-align: right;
    margin-right: 0;
}
.logo-area a{
    font-size: 55px;
    letter-spacing: 10px;
    font-weight: 500;
    font-family: 'Varela Round', sans-serif;
}
.teczilla-desc {
    font-size: 13px;
    margin-left: 6px;
    margin-bottom: 6px;
}

.full-width-header .teczilla-menu-area {
    background: rgb(0 0 0 / 0%);
    border-bottom: 1px solid #dde3de33;
    position: absolute;
}


.full-width-header .tec-agncy-stick{
    padding-top: 50px;
    padding-bottom: 20px;
}

.menu>.menu-item>a, .menu .page_item a{
    color: #fff !important;
}

@media screen and (min-width: 992px){
    .sticky {
        background: #a71928 !important;
    }
}

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

.sidebar-widget.widget_block h2{
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    background-color: #a71928;
    padding-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
    margin: -20px -20px 20px;
    border-bottom:5px solid rgba(0,0,0,0.3);
    border-radius: 5px 5px 0 0;
}
.sidebar-widget .wp-block-archives li:before{
    color: #a71928;
}
#tec-footer.tec-footer{
    background-color: #e0e0e06e;
}
.tec-footer .footer-bottom{
    background-color: #a71928;
    padding: 20px 0;
}

.sidebar .sidebar-search{
    padding: 20px;
    background: #e0e0e06e;
    margin-bottom: 20px;
}

.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: 991px){
    .main-navigation {
        padding: 0;
        margin-top: 0;
    }

    .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;
}

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

    color: #fff;
}

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

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

.inner-title{
    padding-top: 190px !important;
}
.tec-breadcrumbs .inner-title h2{
    font-size: 52px;
    letter-spacing: 10px;
    margin-left: 17px;
}

.tec-about .image-part img{

    width: 100%;
}

.menu-toggle:focus-visible{

    border: 2px solid #fff !important;
}