/*
 Theme Name:   TT News Site
 Theme URI:    https://technicalthought.com/
 Description:  Technical Thought Is A Tech-focused Website Offering The Latest News, Blogs, Articles, Digital Products, And Professional Services Like Web Design, Digital Marketing,            Tutorials, And Online Tools. Stay Updated With The Evolving Tech World.
 Author:       TechnicalThought.com
 Author URI:   https://technicalthought.com
 Template:     generatepress
 Version:      1.0
*/

.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.breaking-news-bar {
  background-color: #d70000;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  z-index: 99;
}

.breaking-news-label {
  font-weight: bold;
  margin-right: 10px;
  flex-shrink: 0;
  text-transform: uppercase;
}

.breaking-news-ticker {
  overflow: hidden;
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}

.breaking-news-ticker ul {
  display: flex;
  animation: scroll-left 25s linear infinite;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breaking-news-ticker li {
  margin-right: 60px;
  white-space: nowrap;
  display: inline-block;
}

.breaking-news-ticker a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.breaking-news-ticker a:hover {
  text-decoration: underline;
	color: #fff;
}

.breaking-news-ticker ul:hover {
  animation-play-state: paused;
}

.breaking-news-close {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
  padding: 0 8px;
}

.breaking-news-close:hover {
  color: #ccc;
}

.arrow {
  margin-right: 5px;
  color: #ff0;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 600px) {
  .breaking-news-label {
    display: none;
  }
  .breaking-news-bar {
    font-size: 13px;
    padding: 6px 12px;
  }
}
 
/*Table of contents*/
#toc_container li a {
    display: block;
    width: 100%;
    color: var(--link-text);
    padding: 10px 1em;
    border-top: 1px solid #aaa;
}
#toc_container {
    background: #f9f9f900;
    border: 1px solid #aaa;
    padding: 0px;
}
#toc_container span.toc_toggle {
    font-weight: 400;
    background: #fff;
    padding: 3px 20px;
    font-size: 18px;
    text-transform: capitalize;
    text-align: center;
    display: block;
}

/*Social Share Button*/

.tt-class {
  position: absolute !important;
  left: -9999px;
  top: auto;
  height: 1px;
  width: 1px;
  overflow: hidden;
  opacity: 0.01;
  pointer-events: none;
  z-index: -1;
}

.TechnicalThought-social-wrapper {
    margin: 20px 5px 20px 5px;
    font-size: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.TechnicalThought-social-sharing {
	padding: 8px;
	margin: 4px;
	border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
.TechnicalThought-social-sharing:hover {
	transform: translateY(-3px);
	border: none;
	box-shadow: rgba(255, 10, 10, 0.66) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@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(78, 129, 241);
}
.TechnicalThought-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.TechnicalThought-social-whatsapp {
    fill: #fff;
    background-color: rgb(0, 179, 65);
}
.TechnicalThought-social-telegram {
    fill: #fff;
    background-color: rgb(0, 140, 221);
}
.TechnicalThought-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}


.tt-category-icon {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  gap: 6px;
  margin: 2px 6px;
}

.tt-cat-icon {
  font-size: 18px;
}