/*
Theme Name: Berita Jatim
Theme URI: http://beritajatim.com
Author: Villegio
Author URI: http://villegio.com/
Version: 1.0
*/

/* Normalize
--------------------------------------------------------------*/
html{overflow-x:hidden}
body {margin: 0; -webkit-font-smoothing: auto; overflow-x:hidden}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {display: block;}
audio,
canvas,
progress,
video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],
template {display: none;}
a {background-color: transparent;}
a:active,
a:hover {outline: 0;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub,
sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 2.5rem;}
hr {box-sizing: content-box; height: 0;}
button {overflow: visible;}
button,
select {text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td,
th {padding: 0;}

/* Typography
--------------------------------------------------------------*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {clear: both; color: #444; font-weight:600; margin-top:0; margin-bottom: 15px;}
h1 {font-size:32px; line-height:40px;}
h2 {font-size:24px; line-height:32px;}
h3 {font-size:18px; line-height:26px;}
h4 {font-size:16px; line-height:24px;}
h5 {font-size:14px; line-height:22px;}

p {margin-bottom:15px;}

/* Elements
--------------------------------------------------------------*/
body {background: #fff; color:#444; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:23px;}

img {height: auto; max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em; width: 100%;}

a{color:#FF5722}
a:hover,
a:active,
a:focus{color:#E84D1E; text-decoration:none; outline:0}

/* Form */
.form-control{border-radius:0; font-size:14px;}

.btn-primary{background:#FF5722; border-color:#FF5722; color:#fff; font-size:14px; font-weight:700; padding:7px 15px 8px; text-transform:uppercase; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active{background:#E84D1E!important; border-color:#E84D1E!important; outline:0; box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important;}

@media (min-width: 1200px) {
    .container {max-width: 1400px;}
}
@media (min-width: 992px) {
    .container {max-width: 1000px;}
}

#page{padding:130px 0 0}

/* Top Bar
--------------------------------------------------------------*/
#top-bar{background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 40%, rgba(157,50,8,1) 100%); height:50px; padding:10px 0; position:fixed; left:0; top:0; width:100%; z-index:99999999;}
#top-bar .pemilu{background:#f34613; height:100%; position:absolute; top:0; right:0}
#top-bar .pemilu img{height:56px}

/* News Ticker */
.ticker-wrapper{margin-top:0; margin-bottom:0; position:relative}

.newsticker-label{background:#fe6f37; border-radius:20px; color:#fff; font-size:14px; font-weight:700; float:left; letter-spacing:3px; padding:5px 20px; text-transform:uppercase; margin:0 0 0 15PX; z-index: 99;}

.tickercontainer {float:right; margin:5px 0 0; padding: 0; overflow: hidden; width:calc( 100% - 10px);}
.tickercontainer .mask {position: relative; width:100%; overflow: hidden;}

#newsticker {position: relative; left:100%; list-style:none; margin: 0; padding: 0 0 0 20px; position:relative}
#newsticker li {display:inline-block; float: left; margin: 0; padding: 0;}
#newsticker li:last-child{display:none}
#newsticker a {white-space: nowrap; font-weight:400; padding: 0; color:#fff; margin:0 20px 0 0;} 
#newsticker a:hover{color:#fff}
#newsticker span {color:#FF5722; font-weight:bold; margin: 0 5px 0 0;} 

/* Navigation
--------------------------------------------------------------*/
header#masthead {background:#fffbf7; margin-bottom:0; padding:15px 0; position:fixed; left:0; top:50px; width:100%; z-index:99999}

.navbar-brand {height: auto;}
.navbar-brand img{height:24px; width:auto}

/* Menus
--------------------------------------------------------------*/
#masthead nav {padding-left: 0; padding-right: 0;}

.navbar-nav .nav-item {position:relative}
.navbar-nav .nav-item .nav-link{color:#333; font-size:14px; font-weight:700; padding:5px 10px; text-transform:uppercase;}
.navbar-nav .nav-item .nav-link:hover{color:#FF5722;}
.navbar-nav .nav-item .nav-link i{display:none;}
.navbar-nav .nav-item.has-sub .nav-link{background:#ff663c; color:#fff; border-radius:20px; padding:5px 20px;}
.navbar-nav .nav-item ul{background:#fff; display:none; position:absolute; top:100%; left:0; list-style:none; margin:0; padding:0 10px; box-shadow:0px 2px 2px #ccc; -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc;}
.navbar-nav .nav-item ul li{border-bottom:1px solid #eee; display:block; float:left; width:100px}
.navbar-nav .nav-item ul li:last-child{border:0}
.navbar-nav .nav-item ul a{color:#333; float:left; font-size:12px; font-weight:700; padding:5px 0; text-transform:uppercase; width:100%}
.navbar-nav .nav-item ul a:hover{color:#FF5722;}
.navbar-nav .nav-item:hover ul{display:block}

/* Mobile Navigation */
.navbar-toggler{position: absolute; right:25px; top:0px; font-size:22px}
.navbar-toggler:focus{outline:0;}
.navbar-toggler .navbar-toggler-icon{color:#333; height:auto; width:auto}

/* Search Form */
.search-toggle{background:#fff; border:0; font-size:18px}
.search-toggle:focus{outline:0}

.search-form-wrapper{display:none; position: absolute; right: 0; top:48px; background: #fff; padding: 10px; box-shadow:0px 2px 2px #ccc; -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc;}
.search-form-wrapper.active{display:block}
.search-form-wrapper .search-form .search-field{font-size:12px; float:left; margin:0 10px 0 0; padding:5px 10px; width:200px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.search-form-wrapper .search-form .search-field:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.search-form-wrapper .search-form .search-submit{background:#FF5722; color:#fff; font-size:12px; font-weight:700; padding:4px 10px 5px; text-transform:uppercase; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

.content-area .search-form .search-field{float:left; margin:0 10px 0 0; width:70%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.content-area .search-form .search-field:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.content-area .search-form .search-submit{background:#FF5722; color:#fff; float:left; font-size:12px; font-weight:700; padding:9px 20px; text-transform:uppercase; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

/* Page Navigation
--------------------------------------------------------------*/
.site-main .posts-navigation,
.site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden;}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {float: left; width: 50%;}

.posts-navigation .nav-next,
.post-navigation .nav-next {float: right; text-align: right; width: 50%;}

.navigation.post-navigation {padding-top: 1.875rem;}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {border: 1px solid #ddd; border-radius: 0.938rem; display: inline-block; padding: 0.313rem 0.875rem; text-decoration: none;}
.post-navigation .nav-next a::after {content: " \2192";}
.post-navigation .nav-previous a::before {content: "\2190 ";}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {background: #eee none repeat scroll 0 0;}

.wp-pagenavi{text-align:center}
.wp-pagenavi span.pages{display:none}
.wp-pagenavi a, 
.wp-pagenavi span{border:1px solid #FF5722; display:inline-block; padding:0; text-align:center; width: 22px;}
.wp-pagenavi a:hover, 
.wp-pagenavi span:hover{background:#FF5722; border:1px solid #FF5722; color:#fff;}
.wp-pagenavi a, 
.wp-pagenavi span .alignleft{float:none; margin-right:2px}
.wp-pagenavi span.current{background:#FF5722; border:1px solid #FF5722; color:#fff; display:inline-block; font-weight:normal; padding:0; text-align:center; width: 22px;}

/* Alignments
--------------------------------------------------------------*/
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

a img.alignright {float: right; margin: 0.313rem 0 1.25rem 1.25rem;}
a img.alignnone {margin: 0.313rem 1.25rem 1.25rem 0;}
a img.alignleft {float: left; margin: 0.313rem 1.25rem 1.25rem 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption.alignnone {margin: 0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignleft {margin: 0.313rem 1.25rem 1.25rem 0;}
.wp-caption.alignright {margin: 0.313rem 0 1.25rem 1.25rem;}

/* Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {content: ""; display: table; table-layout: fixed;}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}

/* Ads
--------------------------------------------------------------*/
.wppaszone{float:left; width:100%}
.wppaszone img{width:100%}
.wppaszone > div{width:100%}
.grid_container{margin:0 0 10px!important; min-height:auto!important; width:100%!important;}

.berita-populer .wppaszone{margin-bottom:-7px}
.berita-populer .grid_container{margin:0!important}

.entry-content .wppaszone div{width:100%}

/* Content
--------------------------------------------------------------*/
#content.site-content {padding-top:10px; padding-bottom:0;}

/* Widget */
.widget{float:left; margin:0 0 15px; width:100%}

h3.widget-title{background: rgb(209,215,221); background: linear-gradient(90deg, rgba(209,215,221,1) 0%, rgba(255,220,199,1) 100%); font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size: 16px; line-height:24px; margin:0 0 10px; padding:10px 20px; text-transform:uppercase}

/* Berita Utama */
.berita-utama{float:left; position:relative; width:100%}
.berita-utama .berita{float:left; position:relative; width:100%}
.berita-utama .berita figure{float:left; margin:0 0 5px; width:100%}
.berita-utama .berita figure picture{float:left; position:relative; width:100%}
.berita-utama .berita figure a{float:left; position:relative; width:100%}
.berita-utama .berita figure img{height:auto; width:100%}
.berita-utama .berita .content-wrap{background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(253,94,32,1) 100%); position:absolute; left:0; bottom:0; padding:140px 20px 20px; width:100%}
.berita-utama .berita .content-wrap span.kanal{color:#fff; float:left; font-size:12px; font-weight:bold; text-transform:uppercase;}
.berita-utama .berita .content-wrap span.kanal a{color:#fff;}
.berita-utama .berita .content-wrap span.sep{color:#fff; float:left; font-size:17px; margin:0 5px}
.berita-utama .berita .content-wrap time{color:#fff; float:left; display:inline; font-size:12px; line-height:23px; margin:0;}
.berita-utama .berita .content-wrap h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:24px; font-weight:700; line-height:32px; margin:0 0 5px}
.berita-utama .berita .content-wrap h3 a{color:#fff;}

/* Berita Utama Lainnya */
.berita-utama-lainnya{border-bottom:1px solid #eee;}
.berita-utama-lainnya > h3{background: rgb(209,215,221); background: linear-gradient(90deg, rgba(209,215,221,1) 0%, rgba(255,220,199,1) 100%); padding:10px 20px}
.berita-utama-lainnya .carousel-berita-utama-lainnya{margin:0 -10px;}
.berita-utama-lainnya .berita{margin:0 10px}
.berita-utama-lainnya .berita figure{height:140px; margin:0 0 5px; overflow:hidden; width:100%}
.berita-utama-lainnya .berita figure img{height:auto; min-height:140px; width:100%}
.berita-utama-lainnya .berita span.kanal a{color:#FF5722; display:inline-block; font-size:12px; font-weight:bold; margin:0 10px 0 0; text-transform:uppercase;}
.berita-utama-lainnya .berita time{display:inline-block; font-size:12px; line-height: 12px; margin:0 0 5px; width:100%}
.berita-utama-lainnya .berita h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:15px; font-weight:700; line-height:23px;}
.berita-utama-lainnya .berita h3 a{color:#444;}
.berita-utama-lainnya .slick-prev,
.berita-utama-lainnya .slick-next{top:75px; z-index:99}
.berita-utama-lainnya .slick-prev{left:-14px}
.berita-utama-lainnya .slick-next{right:9px}
.berita-utama-lainnya .slick-prev.slick-disabled,
.berita-utama-lainnya .slick-next.slick-disabled{display:none!important}
.berita-utama-lainnya .slick-prev:before,
.berita-utama-lainnya .slick-next:before{background:#fff; color:#FF5722; font-family:'Font Awesome 5 Free'; font-size: 20px; font-weight:900; padding:10px 16px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.berita-utama-lainnya .slick-prev:before{content:"\f053";}
.berita-utama-lainnya .slick-next:before{content:"\f054";}

/* List Berita */
.berita-list .berita{border-bottom:1px solid #eee; float:left; margin:0 0 20px; width:100%}
.berita-list .berita:last-child{border-bottom:0; margin:0}
.berita-list .berita figure{float:left; margin:0 15px 20px 0; overflow:hidden; width:230px}
.berita-list .berita figure img{height:auto; width:100%}
.berita-list .berita aside{float:left; margin:-7px 0 0; width:calc(100% - 245px)}
.berita-list .berita span.kanal{color:#FF5722; float:left; font-size:12px; font-weight:bold; text-transform:uppercase;}
.berita-list .berita span.kanal a{color:#FF5722;}
.berita-list .berita span.sep{color:#333; float:left; font-size:17px; margin:0 5px}
.berita-list .berita time{display:inline-block; font-size:12px; line-height:12px; margin:0;}
.berita-list .berita h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:18px; font-weight:700; line-height:26px; margin:0 0 10px;}
.berita-list .berita h3 a{color:#444;}
.berita-list .berita .banner-badan-berita{display:none!important;}

/* Berita Foto */
.berita-foto .widget-title a{color:#444}
/* .berita-foto .widget-title span{background:#fff; padding:10px;} */
.berita-foto .widget-title:after{border-bottom:1px solid #FF5722; content:''; display:none; float:left; margin:-13px 0 0; width:100%}
.berita-foto .berita{margin:0 0 20px}
.berita-foto .berita figure{height:140px; margin:0 0 5px; overflow:hidden; width:100%}
.berita-foto .berita figure img{height:auto; min-height:140px; width:100%}
.berita-foto .berita time{display:inline-block; font-size:12px; line-height: 12px; margin:0 0 5px; width:100%}
.berita-foto .berita h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:15px; font-weight:700; line-height:20px;}
.berita-foto .berita h3 a{color:#444;}

/* Tag Populer */
.tag-populer ul{list-style:none; margin:0; padding:0}
.tag-populer li{border-bottom:1px solid #E5E5E5; color:#FF5722; font-size:14px; font-weight:bold; padding:5px 0; width:100%;}
.tag-populer a{color:#444; text-transform:uppercase}
.tag-populer a:hover{color:#FF5722;}

/* Berita Populer */
.berita-populer .box{border:1px solid #eee; float:left; width:100%}
.berita-populer .berita{border-bottom:1px solid #eee; float:left; margin:0; width:100%}
.berita-populer .berita:last-child{border-bottom:0}
.berita-populer .berita:nth-of-type(even){background:#f7f7f7}
.berita-populer .berita img{height:auto; width:100%}
.berita-populer .berita .number{color:#ccc; float:left; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:50px; font-style:italic; font-weight:900; line-height:1; padding:10px 0 0; text-align:center; width:100px}
.berita-populer .berita aside{float:left; margin:0; padding:10px 20px 10px 0; width:calc(100% - 100px)}
.berita-populer .berita span.kanal a{color:#FF5722; display:inline-block; font-size:12px; font-weight:bold; margin:0 10px 0 0; text-transform:uppercase;}
.berita-populer .berita h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:14px; font-weight:700; line-height:20px; margin:0;}
.berita-populer .berita h3 a{color:#444;}

/* Berita Sidebar */
.berita-sidebar .berita{border-bottom:1px solid #eee; float:left; margin:0 0 20px; width:100%}
.berita-sidebar .berita:last-child{border-bottom:0; margin:0}
.berita-sidebar .berita figure{float:left; margin:0 15px 20px 0; overflow:hidden; width:100px}
.berita-sidebar .berita figure img{height:auto; width:100%}
.berita-sidebar .berita aside{float:left; margin:-7px 0 0; width:calc(100% - 115px)}
.berita-sidebar .berita h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:14px; font-weight:700; line-height:20px; margin:0 0 20px;}
.berita-sidebar .berita h3 a{color:#444;}

/* Berita */
.content-area{margin:0 0 30px;}

.entry-header span.kanal,
.entry-header span.kanal a{color:#FF5722; font-size:12px; font-weight:bold; text-transform:uppercase;}

.entry-title{color:#444; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:30px; font-weight:700; line-height:38px; margin:0 0 10px;}
.sub-entry-title{color:#444; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:22px; font-weight:700; line-height:30px; margin:0;}

.entry-meta{float:left; font-size:13px; line-height:18px; margin:0 0 15px; width:100%;}
.entry-meta p{margin:0}
.entry-meta .date-time{float:left; width:50%}
.entry-meta .share{float:right; text-align:right; width:50%}

.post-thumbnail{margin:0}
.post-thumbnail img{width:100%}
.post-thumbnail figcaption{font-size:12px; line-height:18px; margin: 0; padding:10px 0; text-align:left;}

.post-gallery{float:left; margin:0 0 20px; width:100%}
.post-gallery img{float:left; width:100%}
.post-gallery figcaption{font-size:12px; line-height:18px; margin: 0; padding:10px 0; text-align:left;}
.post-gallery .slick-prev,
.post-gallery .slick-next{top:50%; z-index:99}
.post-gallery .slick-prev{left:-22px}
.post-gallery .slick-next{right:1px}
.post-gallery .slick-prev.slick-disabled,
.post-gallery .slick-next.slick-disabled{display:none!important}
.post-gallery .slick-prev:before,
.post-gallery .slick-next:before{background:#fff; color:#FF5722; font-family:'Font Awesome 5 Free'; font-size: 20px; font-weight:900; padding:10px 16px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.post-gallery .slick-prev:before{content:"\f053";}
.post-gallery .slick-next:before{content:"\f054";}

.post-video{float:left; margin:0 0 20px; width:100%}
.post-video iframe{height:400px; width:100%}

.entry-content{margin:0 0 20px}
.entry-content ul,
.entry-content ol{margin:0 0 15px; padding:0 0 0 20px;}
.entry-content a{color:#20409A}
.entry-content a:hover{color:#193175}
.entry-content a:focus{color:#193175}
.entry-content a:active{color:#193175}

.entry-footer{margin:0 0 30px}
.entry-footer .tag{margin:0 0 30px}
.entry-footer .tag a{border:1px solid #ddd; color:#666; font-size:13px; margin:0 10px 10px 0; padding:5px 10px; border-radius:3px;}
.entry-footer .tag a:hover{border:1px solid #FF5722; background:#FF5722; color:#fff}

.berita-terkait-shortcode{background:#eee; padding:20px}
.berita-terkait-shortcode .widget-title{background:transparent; padding:0}
.berita-terkait-shortcode ul{margin:0;}
.berita-terkait-shortcode a{color:#FF5722}
.berita-terkait-shortcode a:hover,
.berita-terkait-shortcode a:active,
.berita-terkait-shortcode a:focus{color:#E84D1E;}

/* Berita Terkait */
.berita-terkait .berita{margin:0 0 20px}
.berita-terkait .berita figure{height:140px; margin:0 0 5px; overflow:hidden; width:100%}
.berita-terkait .berita figure img{height:auto; min-height:140px; width:100%}
.berita-terkait .berita time{display:inline-block; font-size:12px; line-height: 12px; margin:0 0 5px; width:100%}
.berita-terkait .berita h3{font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:15px; font-weight:700; height:56px; line-height:20px; overflow: hidden;}
.berita-terkait .berita h3 a{color:#444;}

/* Indeks */
.indeks-form{background:#F5F5F5; border:1px solid #eee; margin:0 0 30px; padding:20px}

.indeks-kanal ul{list-style:none; margin:0; padding:0;}
.indeks-kanal li{border-bottom:1px solid #eee; float:left; padding:10px 0; width:100%}
.indeks-kanal a{color:#333; float:left; font-weight:700; width:100%}
.indeks-kanal a.active{color:#FF5722}

/* Polling */
.bootstrap-yop .basic-yop-poll-container{border:0!important}
.basic-yop-poll-container>.basic-inner{padding:0}
.basic-element{margin-bottom:0}
.basic-question{margin-top:0}
.basic-question-title{color:#444; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:16px; font-weight:700; line-height:22px; margin:0 0 10px;}
ul.basic-answers, 
ul.results-basic-answers{margin:0; padding:0}
a.basic-vote-button{background-color:#FF5722!important; float:left; padding:10px 25px!important; font-weight:700; text-transform:uppercase}
.bootstrap-yop .progress-bar{background-color:#FF5722!important}

/* Form Postingan Anda */
ul.wpuf-form li{padding:0!important;}
ul.wpuf-form li .wpuf-label label{color:#444; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-size:16px;}
ul.wpuf-form li .wpuf-fields input[type="text"],
ul.wpuf-form li .wpuf-fields input[type="email"]{color:#444; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:23px; padding:5px 10px;}
ul.wpuf-form li.wpuf-submit input[type="submit"]{border:0; background-color:#FF5722!important; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; line-height:23px; float:left; padding:10px 25px!important; font-weight:700; text-transform:uppercase}

/* Media
--------------------------------------------------------------*/
embed,
iframe,
object {max-width: 100%;}

/* Captions
--------------------------------------------------------------*/
.wp-caption {background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #f0f0f0; max-width: 96%; padding: 0.313rem 0.313rem 0; text-align: center;}
.wp-caption img[class*="wp-image-"] {border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto;}
.wp-caption .wp-caption-text{font-size:12px; line-height:18px; margin: 0; padding:10px 0;}
.wp-caption-text {text-align: center;}

/* Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}

.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-item .gallery-columns-2 {max-width: 50%;}
.gallery-item .gallery-columns-3 {max-width: 33.33333%;}
.gallery-item .gallery-columns-4 {max-width: 25%;}
.gallery-item .gallery-columns-5 {max-width: 20%;}
.gallery-item .gallery-columns-6 {max-width: 16.66667%;}
.gallery-item .gallery-columns-7 {max-width: 14.28571%;}
.gallery-item .gallery-columns-8 {max-width: 12.5%;}
.gallery-item .gallery-columns-9 {max-width: 11.11111%;}

.gallery-caption {display: block;}

/* Footer
--------------------------------------------------------------*/
.site-footer{background:#F5F5F5; font-size:14px; line-height:24px}
.site-footer .logo-footer{width:200px; margin:0 0 15px}
.site-footer ul{list-style:none; margin:0; padding:0;}
.site-footer ul li{width:100%}
.site-footer ul li a{color:#666; font-size:12px; font-weight:700; text-transform:uppercase}
.site-footer ul.social li{display:inline-block; margin:0 10px 0 0; width:auto}
.site-footer ul.social li a{font-size:24px;}
.site-footer ul.social li a.facebook{color:#4267B2}
.site-footer ul.social li a.twitter{color:#1DADEB}
.site-footer ul.social li a.youtube{color:#FF0000}
.site-footer ul.social li a.instagram{color:#CC2D54}
.site-footer ul.social li a.rss{color:#E8861E}
.copyright {border-top:2px solid #EEE;}
.copyright a {color: inherit;}
.copyright p{font-size:12px}

.background-ad{display:none}

/* Media Query
--------------------------------------------------------------*/
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
    /* Top Bar */
    #top-bar .pemilu{display:none}
    /* Header */
    .navbar-nav{margin-bottom:20px}
    .navbar-nav .nav-item .nav-link{font-size:20px; font-weight:normal; padding:10px 0; text-align:left; text-transform:none}
    .navbar-nav .nav-item .nav-link i{color:#FF5722; display: inline-block; font-size:25px; width: 30px;}
    .navbar-nav .nav-item.has-sub .nav-link{display:none;}
    .navbar-nav .nav-item ul{display:block; position:relative; top:auto; left:auto; padding:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
    .navbar-nav .nav-item ul li{border-bottom:0; display:block; float:left; width:100%}
    .navbar-nav .nav-item ul a{font-size:20px; font-weight:normal; padding:10px 0; text-align:left; text-transform:none}
    .search-toggle{position:absolute; right:0; top:6px;}
    .search-form-wrapper{margin:10px 0 20px; padding:0; position:relative; top:0; width:100%; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
    .search-form-wrapper .search-form .search-field{background:#eee; margin:0; padding:10px 10px; width:100%;}
    .search-form-wrapper .search-form .search-submit{display:none}
    /* Berita Utama */
    .berita-utama .berita figure{margin:0}
    .berita-utama .berita h3 {font-size:16px; line-height:24px;}
    /* Berita Utama Lainnya*/
    .berita-utama-lainnya .carousel-berita-utama-lainnya{margin:0;}
    .berita-utama-lainnya .berita{margin:0}
    .berita-utama-lainnya .slick-prev{left:-23px}
    .berita-utama-lainnya .slick-next{right:0}
    /* Berita List */
    .berita-list .berita figure{width:100px}
    .berita-list .berita span.kanal a{font-size:11px; margin:0 0 5px}
    .berita-list .berita time{float:left; letter-spacing:-0.5px; margin:0 0 5px}
    .berita-list .berita aside{margin:-7px 0 0; width:calc(100% - 115px)}
    .berita-list .berita h3{font-size:14px; line-height:20px}
    .berita-list .berita p{display:none}
    .berita-list .berita p.mb-0{display:block}
    /* Berita Foto */
    .berita-foto .berita a{height:180px}
    /* Berita */
    .entry-title{font-size:22px; line-height:28px}
    .sub-entry-title{font-size:16px; line-height:24px;}
    .entry-meta .date-time{margin:0 0 10px; width:100%}
    .entry-meta .share{text-align:left; width:100%;}
    /* Berita Terkait */
    .berita-terkait .berita figure{height:140px;}
    .berita-terkait .berita figure img{min-height:140px;}
}
@media (max-width: 767.98px) {
    #page{padding:125px 0 0;}
    body.home #page{padding:105px 0 0;}
    .background-ad{background-image: url('images/banner.jpg'); display:block; margin:0 0 15px; height:300px;  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
    /* Top Bar */
    #top-bar{background:#000}
    .newsticker-label{font-size:12px; letter-spacing:1px; padding:4px 15px;}
    /* Header */
    header#masthead{border-bottom:2px solid #fd703b;}
    /* Berita Utama */
    .berita-utama .berita .content-wrap{background:#315f82; padding:15px; position:relative; left:auto; bottom:auto; float:left; }
    .berita-utama .berita .content-wrap h3{font-size:18px; line-height:20px; letter-spacing:-0.5px}
    /* Footer */
    .site-footer .logo-footer{display:inherit; margin:0 auto 15px}
    .site-footer p{text-align:center}
    .site-footer ul.social{text-align:center; margin-bottom:15px;}
    .site-footer ul{text-align:center}
    .site-footer ul.social li{margin:0 5px;}
    /* Berita Terkait */
    .berita-terkait .berita figure{height:160px;}
    .berita-terkait .berita figure img{min-height:160px;}

}
@media (max-width: 575.98px) {
    .berita-list .berita figure{width:120px;}
    .berita-list .berita aside{width:calc(100% - 135px)}
    /* Berita Foto */
    .berita-foto .berita figure{height:200px}
    .berita-foto .berita figure img{min-height:200px}
    /* Berita Video */
    .post-video iframe{height:200px;}
    /* Berita Terkait */
    .berita-terkait .berita figure{height:200px;}
    .berita-terkait .berita figure img{min-height:200px;}
}