/*
 Theme Name:   TT - 365 Days Free
 Theme URI:    https://TechnicalThought.com
 Description:  Welcome to the Technical Thought Website. Through Our This Website, We Provide You Information Related to Article, blogs, Tech Updates, digital products And All Type Tech industry Service Like Digital Marketplace, Web Design, Digital Marketing, Web building Tutorials, Applications and Tools Etc.
 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;
}

/* === Responsive Intercom-style Blog Grid for GeneratePress === */

/* Turn blog into grid layout */
body.blog .site-main,
body.archive .site-main {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 13px;
  margin-top: 10px;
}

/* Each post */
body.blog article,
body.archive article {
  background-color: #fff;
  border-radius: 1px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

/* Post image */
body.blog .post-image,
body.archive .post-image {
  margin: 0;
}

body.blog .post-image img,
body.archive .post-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 2px 2px 0 0;
}

/* Post content */
body.blog .inside-article,
body.archive .inside-article {
  padding: 10px;
  flex-grow: 1;
}

/* Category / meta */
body.blog .entry-meta,
body.archive .entry-meta {
	text-align: left; 
	font-weight: bold;
	font-size: 12px;
  color: #666;
  margin-bottom: -15px;
  text-transform: capitalize;
  letter-spacing: 1px;
  border: 0.5px solid black;
  padding: 2px;

}

/* Post title */
body.blog .entry-title,
body.archive .entry-title {
  font-weight: bold;
  margin-bottom: 10px;

  color: #111;
  line-height: 1.3;
}

body.blog .entry-title a,
body.archive .entry-title a {
  text-decoration: none;
  color: inherit;
}

body.blog .entry-title a:hover,
body.archive .entry-title a:hover {
  color: #0073aa;
}

/* === Technical Thought - News Style: Recent Posts (GeneratePress Compatible) === */

.wp-block-latest-posts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.wp-block-heading {
  font-size: 18px;
  font-weight: 800;
  padding: 0px 0px;
  text-transform: uppercase;
	text-align: center;
  letter-spacing: 0.5px;
}

.wp-block-latest-posts li {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-left: 2px solid #0073aa;
  padding: 10px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.wp-block-latest-posts li:hover {
  background-color: #f0f8ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 4px rgba(0,0,0,0.08);
}

.wp-block-latest-posts li a {
  font-size: 13px;
  font-weight: 700;
  color: #111;
  text-decoration: none;
  line-height: 1.4;
}

.wp-block-latest-posts li a:hover {
  color: #0073aa;
}

.wp-block-latest-posts__post-date {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
  display: block;
}

/* Align Load More / Pagination buttons to the right */
.load-more-container,
.paging-navigation,
.masonry-load-more,
.load-more {
  display: flex;
  justify-content: flex-end; /* Align to the right */
  align-items: center;
  text-align: center;
  margin: 0 auto;
  padding: 10px 412px;
	background-color: #fff;
}

@media (max-width: 768px) {
  .load-more-container,
  .paging-navigation,
  .masonry-load-more,
  .load-more {
    justify-content: center; /* Center on mobile */
    text-align: center;
		margin: -10px;
    padding: 10px 20px;
		background-color: #fff;
		
}
  }

body.archive header.page-header {
  display: none !important;
}

body.category .page-header .page-title {
  display: none !important;
}

body.archive .page-header {
  display: none !important;
}


.inside-article {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  font-family: 'Segoe UI', sans-serif;
}

/* On hover */
.inside-article:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

/* Headings inside the article */
.inside-article h1,
.inside-article h2
 {
  margin-top: 0px;
  margin-bottom: 10px;
	 text-align: left;
}

/* Links */
.inside-article a {
  color: #0073aa;
  text-decoration: none;
  transition: color 0.2s ease;
}

.inside-article a:hover {
  color: #005f8d;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .inside-article {
    padding: 15px;
  }

  .inside-article p {
    font-size: 15px;
  }
}

#wp-block-search__input-1 {
	border: 0px;
}


/*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;
}