/*
 Theme Name:   TT Blog Site
 Theme URI:    https://TechnicalThought.com
 Description:  Learn Web Development, Digital Product Selling And Marketing Strategies. Build And Grow Your Online Brand With Expert Content From Technical Thought.
 Author:       TechnicalThought.com
 Author URI:   https://TechnicalThought.com
 Template:     generatepress
 Version:      1.0
*/

/* GeneratePress Site CSS */
.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.10) 0px 1px 2px;
}

/*social-sharing-buttons*/
.TechnicalThought-social-wrapper {
    margin: 15px;
	  padding-left: 20px;
	  padding-right: 20px;
    font-size: 0;
    text-align: center;
	  display: flex;
    flex-wrap: wrap;
}
.TechnicalThought-social-sharing {
    padding: 8px;
	  margin: 4px;
	  border-radius: 4px;
    flex: 1;
}
@media only screen and (max-width: 600px) {
    .TechnicalThought-social-sharing {
        display: inline-block;
    }
}
.TechnicalThought-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.TechnicalThought-social-facebook {
    fill: #fff;
    background-color: rgb(18, 71, 184);
}
.TechnicalThought-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.TechnicalThought-social-whatsapp {
    fill: #fff;
    background-color: rgb(7, 221, 85);
}
.TechnicalThought-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.TechnicalThought-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}

/*Comment Box*/
.comment-respond
.comment-reply-title {
	padding: 5px 5px 5px 10px;
	border-radius: 4px;
	color: #fff!important;
	background-color: var(--color-background);
	box-shadow: rgba(19,20,9,.2) 0 7px 28px;
}


/* Common icon style for desktop + mobile menus */
.main-navigation a i,
.gp-offcanvas-panel a i,
.slideout-navigation a i {
  margin-right:8px;
  font-size:15px;
  vertical-align:middle;
  display:inline-block; /* mobile में force दिखाने के लिए */
}

/* Text align */
.main-navigation .tt-menu-title,
.gp-offcanvas-panel .tt-menu-title,
.slideout-navigation .tt-menu-title {
  vertical-align:middle;
}

/* Hover underline (desktop + offcanvas + mobile) */
.main-navigation .main-nav ul li a,
.gp-offcanvas-panel .main-nav ul li a,
.slideout-navigation .main-nav ul li a {
  position: relative;
  text-decoration: none;
}

.main-navigation .main-nav ul li a::after,
.gp-offcanvas-panel .main-nav ul li a::after,
.slideout-navigation .main-nav ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0%;
  height: 2px;
  background-color: #28a745;
  transition: width 0.3s ease;
}

.main-navigation .main-nav ul li a:hover::after,
.gp-offcanvas-panel .main-nav ul li a:hover::after,
.slideout-navigation .main-nav ul li a:hover::after {
  width: 100%;
}