/*
Theme Name: TV INFORMASI BGTK SULTRA
Theme URI: http://tvinfo.bgtksultra.kemendikdasmen.go.id
Author: Setyawan Widodo
Author URI: https://setya1.com/
Description: Themes untuk TV INFO BGTK Sultra
Version: 1.0
Tags: tv informasi, ids, tvinfo, 
*/
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Maven Pro');
body {background:#eee; font-family:Montserrat;}
h5 {font-weight:bold; margin-top:5px;}
.header {height:65px; padding:10px; background:url('images/bgheader.png') no-repeat; color:#ccc; }
	.header img {float:right; }
.card {overflow:hidden; border:none;}
iframe { width:100%; height:419px; margin-top:-8px;}

table tr td {border:none;}
.isiberita {overflow:hidden;}
.isiberita img {width:150px!important; height:auto; float:left; margin-right:10px; margin-bottom:10px; border:solid 1px #ccc; border-radius:5px; overflow:hidden;}

.footer {height:50px; padding:10px; background:#444; color:#ccc; }
	.iconjam {float:left; margin-right:10px;}
.tanggal {font-size:12px;}

.marquee {
  overflow: hidden;
}

.marquee__inner {
  display: flex;
}

.marquee__line {
  flex-shrink: 0;
  margin: 0;
  padding: 0 15px;
  min-width: 100%;
  white-space: nowrap;
  animation-name: marqueeLine;
  animation-duration: 50s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -moz-animation-name: marqueeLine;
  -moz-animation-duration: 50s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
}

@keyframes marqueeLine {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(-100%);
  }
}