@charset "utf-8";

/* Global */
body {/*background:#001e5a url(../images/bg-ramadhan3.jpg) fixed top no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
	background-color:#eee !important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; font-weight:400 !important; font-size:1rem !important; line-height:1.5 !important; color:#212529 !important;}
li {list-style:none;}
a:hover {text-decoration:none; cursor:pointer !important;}
::selection {background:#DA2C31; color:#FFF;}
::-moz-selection {background:#DA2C31; color:#FFF;}

/* Header */
.header-wrap {padding:20px 0; /*background:#fff;*/}
.header-logo img {padding:0 5px;}
.header-leaderboard img {max-width:100%; height:auto;}

/* Navigation Menu */
.navbar-nav > li{padding-right:10px;}
.bg-dark {background-color: #DA2C31 !important;}
.navbar-dark .navbar-nav .nav-link {color:rgba(255,255,255,.8) !important;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color:#FFF !important;}
.navbar .dropdown-item:hover {color:#DA2C31; background:#EEE;}

/* Search */
.cse .gsc-control-cse, .gsc-control-cse {padding:0 !important; border:none !important;}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {padding:9px 27px !important;}

.bg {}

/* Top Ads */
.top-leaderboard {padding:20px;}
.top-leaderboard img {max-width:100%; height:auto;}

/* Module Box */
.box {background:#fff; margin-bottom:20px; box-shadow:0 0 5px  rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px  rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px  rgba(0,0,0,0.3); -o-box-shadow:0 0 5px  rgba(0,0,0,0.3); border-radius:3px; color:#4a4a4a; overflow:hidden;}
.box a {color:#4a4a4a;}
.box .mod-header {color:#DA2C31; font-size:20px; padding:5px 15px; border-bottom:1px solid #ececec; font-weight:bold;}

/* Home Left */
.home-left {margin-bottom:20px;}

/* Headline */
.headline-header {background:#DA2C31; color:#FFF; padding:5px 10px; font-weight:bold; font-size:20px;}
.headline {margin-bottom:20px;}
.headline.carousel {display:table;}
.headline .carousel-item {max-height:428px;}
.headline a {color:#FFF;}
.headline a:hover {color:#DDD;}
.headline .carousel-caption {background:url(../images/bg-opacity.png) repeat-x bottom; right:0; left:0; bottom:0; padding:20px; text-align:left; line-height:1.3;}
.headline .carousel-caption .category {background:#DA2C31; padding:3px 5px; display:table; margin-bottom:5px;}
.headline .carousel-indicators {margin-bottom:0;}
.headline .carousel-control-next.home, .headline .carousel-control-prev.home {bottom:150px; width:8%;}

/* Video stream */
@keyframes fade-in-up {
  0% { opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
.video-stream iframe {max-width: 100%; max-height: 100%;}
.video-stream.stuck {
    position: fixed;
    bottom: 10%;
    right: 0;
    transform: translateX(100%);
    width: 25%;
	z-index: 50;
    animation: fade-in-up .25s ease forwards;
}

/* Widget */
.mnctrijaya-widget {background: #fff;}
.mnctrijaya-widget .header {padding: 10px 20px; border-bottom: 3px solid #DA2C31;}
.mnctrijaya-widget .header img {display: block;}
.mnctrijaya-widget .content {padding: 0 15px;}
.mnctrijaya-widget .item {padding: 10px 0; border-bottom: 1px solid #ececec;}
.mnctrijaya-widget .item a {color: #4a4a4a; }
.mnctrijaya-widget .item a:hover {color: #111;}
.mnctrijaya-widget .more {text-align: center; padding: 10px 0; background: #eee;}
.mnctrijaya-widget .more:hover {background: #fff;}
.mnctrijaya-widget .more a {color: #DA2C31; display: block;}
.mnctrijaya-widget .more a:hover {color: #4a4a4a;}

/* Module News */
.mod-news .mod-content .row:hover {background:#FEF5F5;}
.mod-news .mod-content .news-item {/*display:none;*/}
.mod-news .mod-content .news-item:nth-child(-n+5) {/*display:none;*/}
.mod-news .mod-content .title {font-size:18px;}
.mod-news .mod-content .title, .mod-news .mod-content .description {line-height:1.3; margin-bottom:7px;}
.mod-news .mod-content a:hover {color:#DA2C31;}
.mod-news .mod-content .description {font-size:15px; margin-bottom:5px;}
.mod-news .mod-content .category {color:#DA2C31; font-size:12px; text-transform:uppercase; float:left;}
.mod-news .mod-content .category:hover {color:#aaa;}
.mod-news .mod-content .date {color:#aaa; font-size:12px; float:left;}
.mod-news .mod-content .row {padding-top:15px;}
.mod-news .mod-content .row .image-cover {width:100%; overflow:hidden;}
.mod-news .mod-content .row .image {height: 117.77px; width: 117.77px; display: flex; align-items: center; justify-content: center; overflow:hidden; margin-top:5px;}
.mod-news .mod-content .row .text {padding-left:0;}
.mod-news .mod-content .row:after {content:""; display: block; margin: 0 auto; width: 93%; border-bottom: 1px solid #ececec; padding-top:15px;}

.mod-content .more {padding:12px 15px; text-align:right;}
.mod-content .more a{color:#DA2C31; background:url(../images/arrow-more.jpg) right no-repeat; padding:5px 30px;}
.mod-content .more a:hover{color:#4a4a4a; background:url(../images/arrow-morehover.jpg) right no-repeat;}

/* Module Left */
.mod-left {padding-left:0;}
.mod-popular .mod-content .row {margin:10px 0;}
.mod-popular .mod-content .row .number {padding:0 10px; font-size:25px; display: flex; align-items: center; justify-content: center; color:#DA2C31;}
.mod-popular .mod-content .row .title {padding-left:0;}
.mod-popular .mod-content .row .title:hover {color:#DA2C31;}
.mod-popular .mod-content .row:after {content:""; display: block; margin: 0 auto; width: 90%; border-bottom: 1px solid #ececec; padding-top:10px;}

.mod-audiostream {margin-bottom:20px; box-shadow:0 0 5px  rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px  rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px  rgba(0,0,0,0.3); -o-box-shadow:0 0 5px  rgba(0,0,0,0.3); background:#000;}

.mod-polemik .mod-content li {position:relative;}
.mod-polemik .mod-content li:not(:first-child) .image {display:none;}
.mod-polemik .mod-content li:nth-child(1) .title {color:#fff; position:absolute; bottom:0; padding:10px; font-size:20px; background:url(../images/bg-opacity.png) repeat-x top;}
.mod-polemik .mod-content li:nth-child(1) .title:hover {color:#ddd;}
.mod-polemik .mod-content li:after {content:""; display: block; margin: 0 auto; width: 91%; border-bottom: 1px solid #ececec;}
.mod-polemik .mod-content li .title {padding:10px 15px;}
.mod-polemik .mod-content li .title:hover {color:#DA2C31;}

/* Home Right */
.home-right, .news-right, .detail-right {padding-right:0; padding-left:20px;}

.mod-highlight .carousel-indicators li {width: 10px; height: 10px; border-radius: 100%;}

.mod-video .mod-content li:hover, .mod-photo .mod-content li:hover, .mod-podcast .mod-content li:hover, .mod-kolom .mod-content li:hover {background:#FCEFEF;}
.mod-video .mod-content .title, .mod-photo .mod-content .title, .mod-podcast .mod-content .title {font-weight:bold; font-size:15px;}
.mod-video .mod-content li:after, .mod-podcast .mod-content li:after {content:""; display: block; margin: 0 auto; width: 92%; border-bottom: 1px solid #ececec; padding-top:5px;}
.mod-video .mod-content .image {height: 90px; width: 90px; display: flex; align-items: center; justify-content: center; overflow:hidden; margin-top:5px;}
.mod-video .mod-content .image .ico-play {position:absolute;}

.mod-photo .mod-content li {padding:5px 15px 10px 15px;}
.mod-photo .mod-content .image {height: 200px; display: flex; align-items: center; justify-content: center; overflow:hidden; background:#222; margin-top:5px;}

.mod-kolom .mod-content li:after {content:""; display: block; margin: 0 auto; width: 92%; border-bottom: 1px solid #ececec;}
.mod-kolom .mod-content .image {height: 70px; width: 70px; display: flex; align-items: center; justify-content: center; overflow:hidden; margin:10px 0;}
.mod-kolom .mod-content .title {line-height:1.3; margin:10px 0; font-size:15px;}

.sidebar-leaderboard {margin-bottom:20px;}

/* Footer */
.sticky-footer {position:sticky; top:70px;}
.mod-footer, .mod-footer a {font-size:14px; color:#4a4a4a;}
.mod-footer a:hover {color:#bbb;}
.mod-footer .mod-socmed .image:hover {opacity: 0.5;}
.mod-footer .footer-menu {line-height:1.8;}

.sub-footer ul {padding:0;}

.copyright {float:left;}
.copyright .year {padding-left:20px;}

/* Button to top */
#btn-top {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#999;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    opacity:0.7;filter:"alpha(opacity=70)";
    -ms-filter:"alpha(opacity=70)";
}
#btn-top span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#btn-top:hover {
    background-color:#DA2C31;
}

/* News */
.breadcrumb {background:none; margin-bottom:2rem;}
.breadcrumb a {color:#DA2C31;}

.news-left {margin-bottom:20px;}
.news-left .box {padding-top:10px;}
.news-left .news-item:nth-child(-n+5) {}
.news-left .news-item {border-bottom: 1px solid #ececec; padding-bottom:10px;}
.news-left .news-item:hover {background:#FEF5F5;}
.news-left .news-item .image {height: 140px; display: flex; align-items: center; justify-content: center; overflow:hidden; margin:5px 0;}
.news-left .news-item .title {font-weight:bold;}
.news-left .news-item .title, .news-left .news-item .description {line-height:1.3; margin-bottom:7px;}
.news-left .news-item a:hover {color:#DA2C31;}
.news-left .news-item .description {font-size:15px;}
.news-left .news-item .category {color:#DA2C31; font-size:12px; text-transform:uppercase; margin-top:10px;}
.news-left .news-item .date {color:#aaa; font-size:12px; margin-bottom:5px;}

/* Pagination */
.pagination {text-align:center;}
.pagination .page-item .page-link {color:#4a4a4a;}
.pagination .page-item.active .page-link {background-color:#DA2C31; border-color:#DA2C31; color:#FFF;}
.pagination .page-item .page-link:hover {color:#DA2C31;}
.pagination .page-item.active .page-link:hover {color:#FFF;}

/* Detail */
.detail-left {color:#4a4a4a;}
.detail-left .desc {overflow:hidden;}
.detail-left .desc img {width:100% !important; height:100% !important;}
.detail-left .desc table {width:100% !important; height:100% !important;}
.detail-left .author {font-size:15px; margin-bottom:1rem; color:#888;}
.detail-left .caption {padding:15px 0; font-size:12px; color:#555;}
.detail-left .share .button-text {margin:10px 0;}
.detail-left #disqus {margin-bottom:20px;}

/* Related */
.related .row {font-weight:bold; border-bottom: 1px solid #ececec; }
.related .row:hover {background:#FEF5F5;}
.related .row .cover {overflow:hidden;}
.related .row .image {width:67px; height: 50px; display: flex; align-items: center; justify-content: center; overflow:hidden;}

/* Page */
.page-left .headline-header {display:table;}
.page-left .page-content {padding:1.5rem;}

.polemik .headline-header {display:table;}
.polemik .box {padding-top:0;}
.polemik .news-item .image {margin:15px 0 5px 0;}

.podcast.row {background:#ddd; padding:10px;}
.podcast.row.color2 {background:#ccc;}

.news-left .news-item.event .image {height: 223px; display: flex; align-items: center; justify-content: center; overflow:hidden; margin:5px 0; padding-top:15px;}

/* Gallery */
.photo .photo-box {background:#FFF; box-shadow:0 0 5px  rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px  rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px  rgba(0,0,0,0.3); -o-box-shadow:0 0 5px  rgba(0,0,0,0.3); color:#4a4a4a;}
.photo .photo-box a {color:#4a4a4a;}
.photo .photo-box a:hover {color:#DA2C31;}
.photo .photo-box .image {height: 150px; display: flex; align-items: center; justify-content: center; overflow:hidden;}
.photo .photo-box .title {min-height:90px; display: flex; align-items: center; justify-content: center;}
#photo-thumb .carousel-indicators {position: static; left: initial;  width: initial;  /*margin-left: initial;*/}
#photo-thumb .carousel-indicators > li {width: initial;  height: initial;  text-indent: initial;}
#photo-thumb .carousel-indicators > li.active img {opacity: 0.9;}

.photo .photo-box.video .image {height: 130px;}

/* tambahan */
.img-livestream {width: 100%;}
.mod-podcast .mod-content>li>a {width: 100%;}
@media screen and (max-width: 1199px) and (min-width: 992px){
  .mod-news .mod-content .row .image {height: 93.75px;width: 93.75px;}
  .mod-sindonews.sticky-offset {width: 251.66px;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .home-left .mod-homeleft .mod-left {display: none;}
  .home-left .mod-homeleft .mod-right {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
  .mod-video .mod-content .title, .mod-photo .mod-content .title, .mod-podcast .mod-content .title {font-size: 12px;}
  .mod-video .mod-content .col-md-4 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;padding-right: 0;}
  .mod-video .mod-content .title{-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
  .mod-video .mod-content .image {height: calc(100% - 22px);width: 100%;}
	.copyright img {width: 83px;-o-object-fit: contain;object-fit: contain;height: 85%;}
}
@media screen and (max-width: 767px){
  .home-right, .news-right, .detail-right{padding-left: 0;}
  .home-left .mod-homeleft .mod-left{padding-right: 0;}
	.copyright{padding: 0 15px;}
}
@media screen and (max-width: 575px){
  .mod-homeleft .mod-right .mod-news .mod-content .news-item .col-3{-ms-flex: 0 0 30%;flex: 0 0 33%;max-width: 33%;}
  .mod-homeleft .mod-right .mod-news .mod-content .news-item .col-9{-ms-flex: 0 0 67%;flex: 0 0 67%;max-width: 67%;}
}