/*
Theme Name: Techub
Theme URI: techshore.xyz
Author: Uthpal
Author URI: https://techshore.xyz
Description: 
Version: 1.0
Text Domain: techub
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Blog - Blog page pagination */
.tp-postbox-pagination ul li .current{
    display: inline-block;
    background: #000;
    text-align: center;
    color: #FFF;
    width: 38px;
    height: 38px;
    line-height: 37px;
    border-radius: 50%;
}

/* Blog - Sidebar Recent blog thumb */
.rc__post-thumb img{
    height: 72px;
    width: 70px;
    object-fit: contain;
}

/* General link styling */
.sidebar__widget ul .cat-item a {
    text-decoration: none;
    color: #333;
    position: relative;
    padding-right: 20px; /* Space for the arrow */
    transition: color 0.3s ease;
}
/* Arrow icon added with ::after */
.sidebar__widget ul .cat-item a::after {
    content: '\279F'; /* Unicode for right arrow (→) */
    position: absolute;
    right: 10px; /* Adjust for positioning */
    opacity: 0;
    transform: translateX(-5px); /* Start slightly left */
    transition: opacity 0.3s ease, transform 0.3s ease;
}
/* Hover effect for link */
.sidebar__widget ul .cat-item a:hover {
    color: #7f2ef8; /* Change color on hover */
}
/* Move arrow on hover */
.sidebar__widget ul .cat-item a:hover::after {
    opacity: 1;
    transform: translateX(10px); /* Move slightly right */
}

/* Blog sidebar tag custom styling */
.tagcloud .tag-cloud-link {
    font-weight: 400;
    font-size: 14px !important;
}


/* blockquote style on blog details */
.tp-postbox-details-text blockquote {
    background: #f9f9f9;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
.tp-postbox-details-text blockquote:before {
    color: #CCC;
    content: open-quote;    
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.tp-postbox-details-text blockquote p {
    display: inline;
}
.tp-postbox-details-text p,
.tp-postbox-details-text blockquote p{
    text-align:justify;
}
.tp-postbox-details-text ul{
    padding-left: 30px;
}

.tp-postbox-details-tag span,
.tp-postbox-details-share span{
    margin-right: 10px;
}

.comments-area li{
    list-style: none;
}

.comment .children{
    margin-left: 80px;
}

.techub-blog-navigation h3 a{
    font-size: 18px;
    font-weight: 600;
}
.techub-blog-navigation h3 a:hover{
    color: #7f2ef8;
}
.techub-blog-navigation::after{
    position: absolute;
    content: "";
    left: 33%;
    /* top: 50%; */
    background-color: #e0e2e3;
    width: 1px;
    height: 80px;
}
.blog-author-info{
    padding: 35px;
    background: #f4f4f4;
    border-radius: 10px;
}

.home.current-item,
.post.current-item,
.archive.taxonomy.current-item{
    color: #FFF;
}

.portfolio-filter-button{
    margin-bottom: 20px;
}
.portfolio-filter-button.d-flex button {
    background: #7f2ef8;
    color: #FFF;
    margin-right: 10px;
    padding: 5px 10px;
    
}

.portfolio-filter-button button.active{
    background: #000;
}
.tp-about-video-btn{
	width: 150px;
}