/*
Theme Name: Teczilla Black
Theme URI: 
Template: teczilla
Author: avadantathemes
Author URI: https://www.avadantathemes.com/
Description:  Teczilla black 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 black, architecture, interior design, business, decoration, business, furniture, home decor, law firm, black, insurance, app landing page, it solutions, shop ecommerce, marketing, gym, blog, travel black, 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-black/ 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: 6.1
Requires PHP: 5.6
Text Domain: teczilla-black
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;
    background-color: #060606;
    color: #fff;
}

.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;
}
.tec-breadcrumbs.bg-1{
    border-bottom: 1px solid hsla(0,0%,100%,0.1);
}

.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;
    display: none;
    margin-top: 7px;
    background: #ec4680;
    color: #fff;
}
.blog-wrap .image-part img{
    border-radius: 10px 10px 0 0;
    transition: all 0.5s;
}
.tec-blog.inner .blog-wrap .content-part{
    padding: 30px;
    padding-top: 22px;
}
.blog-wrap .image-part{
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.blog-wrap:hover .image-part img{
    transform: scale(1.1);
}
.blog-wrap{
    transition: all 0.5s;
}
.blog-wrap:hover{
    transform: translateY(-4px);
}

.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;
    
}
@media screen and (max-width: 992px){
    #primary-menu, .current_page_item{
        background-color: #091b22 !important;
    }
}

.toolbar-contact{

        text-align: center;
    margin-top: -80px;
}

.full-width-header .teczilla-menu-area {
    background: transparent;
    position: absolute;
}


.full-width-header .tec-agncy-stick{
    padding-top: 30px !important;
    padding-bottom: 17px;
    border-bottom: 1px solid hsla(0,0%,100%,0.1);
}

.buttn{

    text-align: right;
}

.home-slider .container .slider-caption .slider-bottom .slider-btn{

    border: 1px solid transparent;
}
.text-right{
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.titel{
    padding: 0;
}
.logo-area{
    margin-top: 15px;
}
.logo-area .teczilla-title a{
    font-size: 33px;
}

.sidebar{
    background-color: transparent;
    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: 2px 5px;

}

.menu>.menu-item>a, .menu .page_item a{
    color: #acacac !important;
    font-size: 16px;
    font-weight: 400;
}

@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 !important;
    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;
}
.main-navigation ul li:hover > ul{
    background: #0f0f11 !important;
}
.main-navigation .menu-all-pages-container ul ul a{
    color: #acacac !important;
    padding: 16px;
}
.main-navigation ul ul li:hover > ul{
    left: -103%;
    right: auto;
    top: 53px;
}

.tec-breadcrumbs .inner-title h2 {
    padding-top: 15px;
    color: #ec4680 !important;
    font-size: 44px;
    font-weight: 700;
}

.breadcrumb-item.trail-begin a{
    color: #acacac !important;
    font-size: 16px;
}
.inner-title ul li span{
    color: #ffffff;
    font-size: 16px;
    opacity: 0.6;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #acacac !important;
    font-weight: 500;
    font-size: 10px;
}

.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: #0f0f11;
    border-radius: 0 0 10px 10px;
}

.tec-blog.inner .blog-wrap .content-part .title a {
    font-size: 22px;
    line-height: 30px;
    word-break: break-word;
    font-weight: 500;
    color: #ffffff !important;
}
.tec-blog.inner .blog-wrap .content-part .title:hover a,
.tec-blog.inner .blog-wrap .content-part .blog-meta li a:hover{
    color: #059DFF !important;
}
.nav-links .page-numbers.current{
    background: transparent;
}
.navigation .nav-links .page-numbers:hover{
    background: transparent !important;
    color: #ffffff !important;
}
.wgs.comments h3{
    color: #ffffff;
}
.comment-meta a,
.wgs.comments p{
    color: #acacac;
}
#comment{
    background: transparent;
    border-radius: 10px;
}

.sidebar-widget.widget_block h2{
    margin: 0;
    padding: 10px 6px 12px 18px;
    text-align: left;
    font-size: 19px;
    color: #ffffff;
    background-color: #0f0f11;
    font-weight: 500;
}
.tec-blog.inner .blog-wrap .content-part .blog-meta li a{
    color: #65676B !important;
}
.tec-blog.inner.pt-100 .blog-wrap .content-part .blog-meta li i{
    color: #acacac !important;
}

.tec-footer .footer-bottom {
    padding: 11px 0;
}

.gray-bg.pt-100,.gray-bg, .gray-bg2.pt-100, .tec-team, .tec-cta.bg21{
    background: transparent;
}

 .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";
    display: none;
}

.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: 16px;
    height: 2px;
}

.wgs.comments{
    width: 100%;
}

.bttn-kn li a{
    background: #ec4680;
    color: #fff;
    padding: 8px 17px;
    border-radius: 35px;
}
.logo-area .teczilla-title::first-letter{
    color: #ec4680 !important;
    font-size: 35px;
    font-weight: 700;
}
.wp-block-search__inside-wrapper{
    padding: 4px 4px 4px 12px;
    border: 2px solid hsla(0,0%,100%,0.1);
    border-radius: 10px;
}
.widget_search{
    border: none !important;
}
.wp-block-search__button.has-icon.wp-element-button{
    padding: 6px 11px;
    background: #059DFF;
    border-radius: 3px;
    border: none;
}
[type="search"]{
    background: transparent;
    color: #acacac;
}
.no-results.not-found .search-field{
    background: transparent;
    border: 2px solid hsla(0,0%,100%,0.1) !important;
    color: #acacac;
}
.sidebar-widget.widget_recent_entries li:not(:last-child), .sidebar-widget .wp-block-latest-posts__list li:not(:last-child){
    padding-top: 18px;
    padding-bottom: 18px;
}
.sidebar-widget .wp-block-latest-posts__list li:not(:last-child){
    border-bottom: 1px solid hsla(0,0%,100%,0.1);
}
.sidebar-widget.widget_recent_entries li a, .sidebar-widget .wp-block-latest-posts__list li a{
    color: #acacac;
}
.wp-block-latest-posts__list{
    margin-bottom: 0;
}
.wp-block-latest-posts__list li{
    padding: 15px 15px 15px 18px;
}
.wp-block-latest-posts__list li:hover a{
    color: #059DFF;
}
.sidebar-widget.widget_archive li a,
.sidebar-widget.widget_categories li a,
.sidebar-widget.widget_meta li a,
.sidebar-widget .wp-block-archives li a,
.sidebar-widget .wp-block-categories li a{
    color: #acacac;
}
.sidebar-widget.widget_archive li,
.sidebar-widget.widget_categories li,
.sidebar-widget.widget_meta li,
.sidebar-widget .wp-block-archives li,
.sidebar-widget .wp-block-categories li{
    padding: 9px 9px 9px 18px;
    border-bottom: 1px solid hsla(0,0%,100%,0.1);
}

.sidebar-search.sidebar-widget.widget_block{
    border: 2px solid hsla(0,0%,100%,0.1);
    margin-bottom: 35px;
}

.wp-block-search__button svg{
    font-size: 23px;
    color: #fff;
}

@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;
}
}

.rainbow-gradient-circle{
    position: fixed;
    left: -250px;
    top: 345px;
    right: auto;
    bottom: auto;
    z-index: -1;
    width: 500px;
    height: 500px;
    border-radius: 1000px;
    background-image: linear-gradient(45deg, #059DFF, #36C6F0);
    opacity: 0.25;
    -webkit-filter: blur(100px);
    filter: blur(100px);
}

.rainbow-gradient-circle.theme-pink {
    left: auto;
    top: -70px;
    right: -250px;
    bottom: auto;
    background-image: linear-gradient(45deg, #FB5343, #6549D5);
}
.tec-breadcrumbs:before{
    background: transparent !important;
}