/*
Theme Name:   Newspaper Child
Template:     Newspaper
Version:      1.0.0
*/
@import url("../Newspaper/style.css"); /* optional for older themes */

.td-mobile-container .td-menu-login-section{
    display: none;
}
@media only screen and (min-width: 768px) {
  .tdi_126 .tdi_127{
		z-index:-2 !important;
	}
	.tdi_131 .tdi_132{
		z-index:-2 !important;
	}
}
.top-head-section{
	align-items:initial !important;
}
.td-mobile-close .td-icon-close-mobile{
	cursor:pointer;
}
.td-menu-login-section{
	display:none;
}
.tdb-mobile-menu-button i{
	cursor:pointer;
}

/* New Code */
.live-ticker ul {
    list-style: none;
    margin: 0;
    padding: 0;
    animation: ticker 10s linear infinite;
}
.live-ticker li {
    display: inline;
    margin-right: 50px;
    color:#fff;
}

@keyframes ticker {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
.live-video iframe {
    width: 100%;
    height: 100%;
    max-width: 1280px; /* Optional max-width */
}
.live-page .td-module-meta-info h3.entry-title a{
    color:#fff;
    font-size: 24px;
    line-height: 30px;
}
.live-page .td-module-meta-info h3.entry-title a:hover{
  text-decoration: underline !important;
}
/******New Code*******/
.rightbox {
    /* padding: 0em 34rem 0em 0em; */
    height: 100%;
  }
  .rb-container {
    font-family: "PT Sans", sans-serif;
    /* width: 50%; */
    margin: auto;
    display: block;
    position: relative;
  }
  .rb-container ul.rb {
    margin: 2.5em 0;
    padding: 0;
    display: inline-block;
  }
  .rb-container ul.rb li {
    list-style: none;
    margin: auto;
    /* margin-left: 10em; */
    /* min-height: 50px; */
    border-left: 1px solid #fff;
    padding: 0 0 40px 30px;
    position: relative;
  }
  .rb-container ul.rb li:last-child {
    border-left: 0;
  }
  .rb-container ul.rb li.live-active:first-child::before {
    left: -15px;
    height: 30px;
    width: 30px;
  }
  .rb-container ul.rb li.live-active::before {
    position: absolute;
    left: -13px;
    /* top: -5px; */
    content: " ";
    border: 8px solid #0f0f0f;
    border-radius: 500%;
    background: #d61935;
    height: 25px;
    width: 25px;
    /* transition: all 500ms ease-in-out; */
    animation: loaderAnimZoomOut 2s ease-out infinite;
  }
  .rb-container ul.rb li.live-active:hover::before {
    border-color: #232931;
    /* transition: all 1000ms ease-in-out; */
    animation: loaderAnimZoomOut 2s ease-out infinite;
  }
  .rb-container ul.rb li.live-active{
    position: relative;
  }
  .rb-container ul.rb li.live-inactive::before {
    position: absolute;
    left: -13px;
    /* top: -5px; */
    content: " ";
    border: 8px solid #0f0f0f;
    border-radius: 500%;
    background: #fff;
    height: 25px;
    width: 25px;
    transition: all 500ms ease-in-out infinite;
    
    /* animation: 2s expand cubic-bezier(.29,0,0,1) infinite;
    animation-delay: 1s; */
  }
  .rb-container ul.rb li.live-inactive:hover::before {
    border-color: #232931;
    transition: all 1000ms ease-in-out infinite;
    /* animation: 1s blink ease infinite; */
    /* animation: 2s expand cubic-bezier(.29,0,0,1) infinite;
    animation-delay: 1s; */
  }
  ul.rb li .timestamp.active {
    color: #d61935;
    position: relative;
    /* width: 100px; */
    font-size: 20px;
    margin-bottom: 15px;
  }
  ul.rb li .timestamp.inactive {
    color: #fff;
    position: relative;
    /* width: 100px; */
    font-size: 20px;
    margin-bottom: 15px;
  }
  .rb-item .td_module_flex_1 .td-module-container, .rb-item .td_module_flex_3 .td-module-container, .rb-item .td_module_flex_4 .td-module-container, .rb-item .td_module_flex_5 .td-module-container{
    flex-direction: unset !important;
  }
  .rb-item .td-image-container{
    flex: 0 0 40% !important;
    width: 40% !important;
    display: block;
    order: 0; 
    height: 100%;
  }
  .rb-item .td_module_flex_1 .td-module-meta-info, .rb-item .td_module_flex_5 .td-module-meta-info{
    padding: 0px 5px 0px 0px;
  }
  a.follow-button .live-page-button{
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 8px;
    margin-top: 20px;
    text-align: center;
    width: 25%;
  }
  a.follow-button .live-page-button:hover{
    background-color: #fff;
    color: #0f0f0f;
    border: 1px solid #0f0f0f;
    padding: 6px 8px;
    margin-top: 20px;
    text-align: center;
  }
  @keyframes loaderAnimZoomOut{
    /* 100%{
      transform: 3s linear opacity;
      border-color: #333;
    } */
    0% {
      -webkit-transform:scale(1);
      opacity:1;
      border-color: #333;
    }
    25% {
      -webkit-transform:scale(1.3);
      opacity:1;
      border-color: #333;
    }
   50% {
      -webkit-transform:scale(1.6);
      opacity:1;
      border-color: #333;
    }
   75% {
      -webkit-transform:scale(1.3);
      opacity:1;
      border-color: #333;
    }
   100% {
      -webkit-transform:scale(1);
      opacity:1;
      border-color: #333;
    }
    /* 0%{
      transform: 0.3s linear opacity;
      border-color: #232931;
    }
    25%{
      transform: 0.6s linear opacity;
      border-color: #232931;
    }
    50%{
      transform: 0.9s linear opacity;
      border-color: #232931;
    }
    75%{
      transform: 1.2s linear opacity;
      border-color: #232931;
    } */
    /* 0%{
      transform: scale(0);
      opacity:0;
    }
    25%{
      transform: scale(0.3);
      opacity: 1;
    }
    75%{
      transform: scale(0.5);
      opacity: 1;
    }
    100%{
      transform: scale(0.5);
      opacity: 1;
    } */
    /* 0% {
      -webkit-transform:scale(0);
      opacity:0;
    }
    25% {
      -webkit-transform:scale(0.3);
      opacity:1;
    }
   50% {
      -webkit-transform:scale(0.6);
      opacity:.6;
    }
   75% {
      -webkit-transform:scale(.9);
      opacity:.3;
    }
   100% {
      -webkit-transform:scale(1);
      opacity:0;
    } */

  }
.td-icon-close-mobile{
	cursor:pointer;
}
.tdb-block-inner{
	cursor:pointer;
}
.menu-item-type-custom a .tdb-menu-item-text{
	cursor:pointer;
}
@media only screen and (max-width: 767px){
  .live-page .td-module-meta-info h3.entry-title a{
    font-size: 14px;
    line-height: 22px;
  }
  a.follow-button .live-page-button{
    width: 50%;
    padding: 5px 5px;
    font-size: 13px;
  }
  a.follow-button .live-page-button:hover{
    width: 50%;
    padding: 5px 5px;
    font-size: 13px;
  }
}
.td-language-wrap{
  text-align: center;
}
.language-text{
  font-size: 21px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 500;
}
.pipe-color{
  font-size: 21px;
  color: #fff;
}
/*****End New Code****/