/* WordPandit Category Grid Component */

.post-timeline-container{
	display: flex;
	width: 100%;
}

.post-timeline-nav-container{
  	flex: 0 0 30%; /* Do not grow or shrink, fixed 30% width */
  	position: relative;
}

.post-timeline-fixed{
	position: sticky;
    width: 100%;
    top: 120px;
}

.post-timeline-nav{
  	padding: 1rem;
  	border-bottom-left-radius: .75rem;
  	border-top-left-radius: .75rem;
  	border-top-width: 1px;
  	border-left-width: 1px;
  	border-bottom-width: 1px;
  	border-color: #0000001a;
  	border-style: solid;
  	max-height: 80vh;
  	scroll-behavior: smooth;
    scrollbar-color: #0000 #0000;
    scrollbar-width: none;
    overflow: hidden;
    margin-top: 1rem;
    overflow-y: scroll;
}

.pt-nav-header{
	font-weight: 600;
	margin-bottom: .5rem;
}

.post-timeline-navitem{
	cursor: pointer;
}

.pt-nav-time{
	display: flex;
    align-items: center;
}

.pt-nav-time .dashicons{
	font-size: 16px;
	width: 16px;
	height: 16px;
    margin-right: 10px;
}

.pt-nav-time time{
	font-size: 10px;
}

.pt-nav-title{
	padding-left: 1rem;
	padding-bottom: 1rem;
  	margin-left: .5rem;
  	border-left-width: 1px;
  	border-color: #0000001a;
  	border-style: solid;
}

.pt-nav-title p{
	font-size: 12px;
    font-weight: 600;
}

.post-timeline-list {
	background: white;
	border-radius: .75rem;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.post-timeline-item{
	padding: 1.5rem;
	border-bottom: 1px solid rgba(237,238,240,1);
}

.post-timeline-contentcopy{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.post-timeline-header{
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	font-weight: bold;
}

.post-timeline-img{
	border-radius: .75rem;
	max-width:100%;
	margin-bottom: 0;
}

.live-menu > a{
	display: flex !important;
    flex-direction: unset;
    align-items: baseline;
    color: red !important;
}

.live-menu > a::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: red;
  border-radius: 50%;
  margin-right: 2px;
  align-self: center;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.live-menu > a{
	color: red !important;
}