/*!
 * RFVenom AcehCMS Main Style -- Ceudah
 * @version: 1.0.7 (1 Jul 2019  -- Update -- 6 Nov 2019)
 * @requires: Bootstrap v 4.1 or latest
 * @author RFVenom Design SIAT Dev (Ryan Fitra -- RFV --)
 * @email: ryan.fitra@gmail.com
 *
 * Copyright TIM SIAT Dev. 2019 RFV Design.
 *
 */

body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}
.preloader-wrapper .preloader .text-loader
{
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.preloader-wrapper .preloader .img-preloader
{
    background-image: url("../images/preloader.svg");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
}
.preloader-wrapper .site-img
{
    position: absolute;
    top: 40%;
    left: 48%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300px;
    _margin-left: -100%;
    margin-bottom: 15%;
}

.ml-over-2
{
    margin-left: -15px !important;
    margin-bottom: 10px;
}
.mr-over-2
{
    margin-right: -15px !important;
}

.breadcrumb {
    padding: .75rem 0;
    background-color: unset;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
}

.rf-cursor-pointer {
    cursor: pointer;
}

/*------------------------------------
  SVG
------------------------------------*/
.svg-preloader {
    z-index: -1;
    background: transparent url(../images/preloader.svg) center no-repeat !important;
    overflow: hidden;
    transition: all 0.4s ease-in;
}

.svg-preloader *:not(.rf-icon):not(.btn):not(.rf-media-player):not(.rf-media-player__icon):not(.rf-label) {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.transition-3d-hover {
    transition: all .2s ease-in-out;
}

.text-white-70 {
    color: rgba(255,255,255,.7);
}

body {
    font-family: 'Roboto', Verdana;
    font-weight: 400;
    font-size: 15px;
    color: #444;
    padding-top: 0;
    padding-bottom: 0;
}
header.cover
{
    z-index: 1;
}
header.cover nav:not(.navbar-expand-md):not(.nav-sosmed)
{
    z-index: 0;
}
header.cover .carousel
{
    z-index: -1;
}
header .nav-logo {
    padding: .5rem 2rem 3rem;
    position: absolute;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.97) 0%,rgba(0, 0, 0, 0) 100%);
}
header .logo-header
{
    color: #fff;
    max-width: 50%;
}
header .logo-header-img {
    height: 44px;
    float: left;
    margin: 8px 0 0;
    margin-right: 15px;
}
header .logo-text {
    margin-top: 9px;
    margin-bottom: 0;
    line-height: 0;
    float: left;
}
header .logo-header-single
{
    color: #fff;
}
header .logo-header-img-single
{
    height: 40px;
    float: left;
    margin-right: 15px;
}
header .logo-text-single
{
    float: left;
    line-height: .2em;
    font-size: 10pt;
}
header .carousel
{
    /*top: -135px;*/
}
header .cover-control
{
    padding: 1px 5px;
    margin-right: 3px;
    background-color: #de4437;
}
header .cover-control.prev
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 7px;
}
header .cover-control.next
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-right: 7px;
}

.cover-control .carousel-control-prev-icon, .cover-control .carousel-control-next-icon
{
    width: 15px;
    height: 10px;
}

header .nav-search
{
    position: absolute;
    width: 100%;
    top: 250px;
    transition: all 0.5s ease-in-out;
}
.nav-search .form-search-cover,.nav-search-single .form-search-cover
{
    background-color: rgba(255,255,255,.75);
    padding-left: 30px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.nav-search .btn-cover, .nav-search-single .btn-cover
{
    color: #fff;
    background-color: #72c02c;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.nav-search .btn-cover
{
    padding-left: 50px;
    padding-right: 50px;
}

.nav-search .form-search-cover, .nav-search .btn-cover
{
    height: calc(2.75rem + 2px);
}

.nav-search-single .btn-cover {
    padding-left: 35px;
    padding-right: 35px;
}

header .nav-menu {
    font-size: 13px;
    padding: 20px 0 0;
}

header .nav-menu-floating
{
    transition: all 0.5s ease-in-out;
    z-index: 99;
}
header .navbar-main {
    background: linear-gradient(to right, rgba(28, 72, 28, 0.9) 0%, rgba(73, 125, 25, 0.85) 51%, rgba(28, 72, 28, 0.9) 100%);
}
header .nav-menu-single
{
    top: 65px;
    margin-bottom: 100px;
}

header .navbar-dark .navbar-nav .nav-link {
    color: rgb(255,255,255);
    white-space: nowrap;
}
header .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: #ffc200;
}
.carousel-item > img
{
    object-fit: cover;
    object-position: 50% 30%;
}
.carousel {
     margin-bottom: 0;
}
.weather-icon
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    color: #fff;
}
.weather-icon .climacon
{
    font-size: 50pt;
    margin-right: 20px;
    margin-top: -10px;
}
.weather-icon h3
{
    padding-top: 10px;
}
.weather-desc
{
    float: right;
    color: #fff;
    margin-top: -5px;
}

.weather-icon
{
    min-width: 145px;
}
.weather-icon .climacon
{
    font-size: 50pt;
    float: left;
    margin-right: 20px;
}
.accuweather-icon-area
{
    position: relative;
    margin-right: 5px;
}
.accuweather-icon-area .accuweather-icon
{
    width: 50px;
    height: 66px;
}
.weather-icon h3
{
    float: inherit;
    padding-top: 20px;
}
.weather-desc
{
    float: right;
    font-size: smaller;
}

header .nav-bottom {
    /*margin-bottom: 2rem;*/
padding: .5rem 5rem;
background: linear-gradient(
    to right,
    rgba(245, 190, 40, 0.95) 0%,   /* base gold */
    rgba(255, 205, 70, 0.9) 50%,   /* lighter gold highlight */
    rgba(245, 190, 40, 0.95) 100%
);
color: #000;
position: relative;
border-top: 1px solid rgb(210, 160, 30);   /* darker gold border */
border-bottom: 3px solid rgb(255, 225, 120); /* soft golden highlight */
z-index: -1;

}

header .nav-sosmed a, header .nav-sosmed-over a
{
    color: #fff 
    margin-right: 5px;
    font-size: 16pt;
}

.carousel-item, .carousel-item > img
{
    transition: all 1s ease;
    object-position: 50% 30%;
}
/*header.cover:hover .nav-search*/
/*{*/
/*    top: calc(28rem - 250px);*/
/*}*/
/*header.cover:hover .nav-menu-floating*/
/*{*/
/*    top: calc(28rem - 150px);;*/
/*}*/
/*header.cover .carousel-item, header.cover .carousel-item > img*/
/*{*/
/*    height: 24rem;*/
/*}*/
/*header.cover:hover .carousel-item, header.cover:hover .carousel-item > img*/
/*{*/
/*    height: 40rem;*/
/*    object-position: 50% 15%;*/
/*}*/
header.cover:hover .carousel-item > img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.rf-height-350 {
    height: 350px;
}

.nav-search-single
{
    width: 40%
}
.form-inline .input-group, .form-inline .custom-select
{
    width: 100%;
}
/* ______________________________________________________ */

    /* body */

/* ______________________________________________________ */
.rf-slick__arrow-classic:hover {
    color: #fff;
    background-color: #72c02c;
}
.rf-slick__pagination--white li span {
    background-color: #99DBB4;
}
.rf-slick__pagination--white li.slick-active span {
    border-color: #2D7F00;
}

.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
/*
    cube portofolio
 */
.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.rounded-pseudo {
    border-radius: 0.625rem;
}
.rounded-pseudo::before, .rounded-pseudo::after {
    border-radius: 0.625rem;
}
.cbp-l-filters-alignCenter .cbp-filter-counter:after, .cbp-l-filters-alignRight .cbp-filter-counter:after, .cbp-l-filters-button .cbp-filter-counter:after, .cbp-l-filters-buttonCenter .cbp-filter-counter:after, .cbp-l-filters-text .cbp-filter-counter:after, .cbp, .cbp *, .cbp *:after, .cbp:after, .cbp-l-filters-dropdownHeader:after, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap:before, .cbp-popup-loadingBox:after, .cbp-search *, .cbp-l-direction:after {
    box-sizing: border-box;
}
.cbp-item {
    top: 0;
    left: 0;
}
.cbp-item-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {
    display: block;
}

.banner-cover
{
    width: 100%;
    margin-bottom: 2rem;
}

/* news - card */
.news-title-line {
    position: relative;
    overflow: hidden;
    line-height: 2.5;
    padding: 0;
}
.news-title-line:after, .news-align-center.news-title-line:before, .news-align-right.news-title-line:before {
    content: "";
    width: 200%;
    display: inline-block;
    margin: 0 -200% 0 0;
    position: relative;
    left: 2%;
    border-top: 1px solid;
    vertical-align: middle;
}

.news-title-line:after, .news-title-line:before, .news-title-double-line:after, .news-title-double-line:before{
    border-color: #ccc !important;
}

.news-element {
    position: relative;
    margin: 0px 0px 30px 0px;
    z-index: 2;
}
.news-col ol, .news-col ul {
    list-style: none;
    padding: 0;
}

.news-list li {
    font-size: 14px;
    margin-bottom: 1em;
    position: relative;
}

/*.news-list li:before {*/
/*    content: "\f105"; !* FontAwesome Unicode *!*/
/*    font-family: "Font Awesome 5 Brands";*/
/*    display: inline-block;*/
/*    margin-left: -1.3em; !* same as padding-left set on li *!*/
/*    width: 1.3em; !* same as padding-left set on li *!*/
/*}*/

.news-col a, .news-col a:active
{
    text-decoration: none;
    color: #5a5a5a;
}
.news-col a:focus, .news-col a:hover
{
    color: #03873d;
}

.card-agenda .media:not(:last-child)
{
    padding-bottom: 10px;
    border-bottom: #dedede solid 1px;
}

.card{
    border: none;
}

.card-body{
    text-align: justify;
    padding: 1rem 0rem;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    line-height: 1.8;
}

.card-footer{
    background-color: transparent;
    border-top: none;
}

.card-header {
    padding: .75rem 0rem;
    background-color: transparent;
    border-bottom: none;
}

.media-card-header
{
    background-color: #dedede;
    padding: 5px 10px;
    border-left: #03873d solid 5px;
    margin-bottom: 10px;
}

.media-card .media-body
{
    font-size: 10pt;
}
.media-card:not(.kepala) .media-body h6
{
    color: #03873d;
}
.media-card .media-body h6 small
{
    color: gray;
    float: right;
}

.cms-berita-element {
    z-index: 0;
}
/*------------------------------------
  article single page and archive
------------------------------------*/
.breadcrumb {
    background-color: unset;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #97a4af;
    content: ">";
}
.breadcrumb-item a
{
    color: #b38200;
}
.breadcrumb-item:hover a
{
    text-decoration: unset;
    color: #07863d;
}

/* Footer */

.slim-line {
    background-color: rgb(255, 205, 70);
    height: 20px;
}
.end-footer {
    background: linear-gradient(to right, rgba(28, 72, 28, 0.9) 0%, rgba(73, 125, 25, 0.85) 51%, rgba(28, 72, 28, 0.9) 100%);
}
.end-footer h3, .end-footer h5, .end-footer small
{
    color: #fff;
    font-size: 18px;
}
.end-footer a
{
    color: #fafafa;
}

.menu-center .rendered{
    margin-left: auto;
    margin-right: auto;
}

#navbarCollapse ul > li > ul{
    position: absolute;
    background: #333;
    display: none;
    list-style: none;
    padding: 12px 11px;
    min-width: 200px;
    font-size: 12px;
}

#navbarCollapse ul > li:hover > ul{
    display: block;
}

.card-title {
    margin: auto;
    font-size: 20px;
    font-weight: 500;
    color: #636363;
}

.meta {
    margin-top: 5px;
    font-size: 12px;
    color: #505050;
}

.meta a{
    color: #505050;
}

img.meta-img {
    width: 100%;
    margin-bottom: 15px;
}

.font-weight-600{
    font-weight: 600;
}

.link-berita{
    color: #333;
    font-weight: 500;
    /*text-transform: capitalize;*/
}

.link-berita:hover{
    color: #03873d;
    text-decoration: none;
}

.media-agenda {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

.judul-agenda {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 327px;
}

.meta-kategori {
    background-color: orange;
    color: #ffff !important;
    border-radius: 10px;
    padding: 3px 10px;
    font-size: 8pt;
}

.meta-kategori a:focus, .meta-kategori a:hover
{
    color: #ffff;
}

.label-putih a:focus, .label-putih a:hover
{
    color: #ffff;
}

.label-putih[href]:hover, .label-putih[href]:focus {
    background-color: #336c3b;
    color: #fff;
}

.label-putih{
    color: #ffff;
}

.meta-right {
    float: right;
}

.mr-5px{
    margin-right: 5px;
}

.tr-uppercase{
    text-transform: uppercase;
}

.tr-capitalize{
    text-transform: capitalize;
}

.img-pejabat{
    width: 100%;
    margin-bottom: 20px;
}

article.card-list .article-img {
    height: auto;
    max-height: 210px;
}
.object-cover {
    object-fit: cover;
}

/*table.list-berita tr {
    display: block;
    margin-bottom: 2rem;
}*/

a.label-more {
    font-size: 12px;
    color: orange;
}

table.list-berita tr td {
    padding: 0;
}

table.list-berita thead{
    display: none;
}

.dataTables_length{
    display: none;
}

table.list-berita td{
    /*display: inline-block;*/
    margin: 0 0.5rem 0.5rem 0;
    padding: 0.5rem;
    text-align: left;
    vertical-align: top;
    background-color: white;
    border: 1px solid transparentize( #58C25F, 0.5 );
}

.dataTables_filter{
    display: none;
    /*float: right;
    margin-bottom: 0.5rem;*/

}

.dataTables_info{
    display: none;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

body.example div.dataTables_wrapper.dt-bootstrap .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
}

body.example div.dataTables_wrapper ul li, body.example div.dataTables_wrapper ol li {
    padding: 0;
    border: none !important;
}

div.dataTables_wrapper li {
    text-indent: 0;
}

.pagination>li {
    display: inline;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #4b7e27;
    border-color: #4b7e27;
}

.pagination>li>a, .pagination>li>span {
    color: #4b7e27;
}

.page-link:hover {
    color: #4b7e27;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #4b7e27;
    border-color: #4b7e27;
}

.isi-halaman p {
    margin-bottom: 0.5rem;
}

.agenda-hari {
    color: #3a3a3a;
    margin: -6px 0;
    padding: 0;
    font-size: 49px;
}

.agenda-tanggal {
    text-align: center;
}

span.agenda-bulan {
    font-size: 13px;
    font-weight: 600;
    color: #666;
}

a {
    color: #4b7e27;
}
a:hover {
    color: #636363;
    text-decoration: unset;
}

.label {
    /*border-radius: 10px;*/
    /*padding: 5px 12px;*/
    font-size: 10px;
    color: #508c43;
}

.label:hover{
    color: #365e2d;
}

.label-warning{
    background-color: #fbc02d;
}

.label-default{
    background-color: #77777787;
}

.galeri{
    background-color: #fff;
    /*border: 2px solid rgba(136, 136, 136, 0.125);*/
    /*padding: 1em;*/
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card.galeri img
{
    object-fit: cover;
    object-position: 50% 10%;
}

.daftar-galeri{
    padding: 1rem 0em;
}

.judul-album{
    color: #636363;
    font-size: 14px;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
    font-weight: 400;
}

.background-popup {
    z-index: 99999;
    position: fixed;
    /*display: none;*/
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0px;
    left: 0px;
    text-align: center;
}

#to-popup {
    width: 800px;
    max-width: 99%;
    margin: 50px auto;
}

.gambar-popup{
    max-width: 100%;
    border: 5px solid #FFF;
    max-height: 100%;
}

.mb-10{
    margin-bottom: 10px;
}

header .menu-single {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.deskripsi-list{
    font-size: 14px;
    font-weight: 300;
    color: #333;
}

.judul-list{
    font-weight: 400;
    font-size: 16px;
}

.isi-berita p {
    font-size: 14px;
    font-weight: 300;
}

/*
.dataTables_filter input {
    padding: 5px;
    margin-left: 10px;
    padding-left: 20px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
*/

h1.judul-text {
    font-size: 24px;
}

p.tagline-text {
    color: #f7f7f7;
    font-size: 13px;
    margin: 0;
}

div#myCarousel:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000061;
}

h1.card-title.judul-halaman {
    color: #333;
    margin-bottom: 10px;
}

.single-berita {
    padding-right: 20px;
}

h1.card-title.judul-berita {
    color: #333;
    padding-bottom: 5px;
    margin-top: 15px;
}

span.tanggal-meta.tanggal-berita {
    font-size: 13px;
}

span.author-meta.author-berita {
    font-size: 13px;
    color: #d48d0a;
}

.meta-right.share-link span {
    padding-right: 10px;
}

ul.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.breadcrumb-list li{
    float:left;
    color: #666;
    font-weight: 300;
    font-size: 12px;
}

ul.breadcrumb-list li a {
    color: #333;
    text-transform: uppercase;
}

ul.breadcrumb-list li a:hover{
    color:orange;
}

nav.nav-menu-detail {
    background: #252525;
    margin-bottom: 30px;
    border-top: 1px solid #1d1d1d;
    border-bottom: 3px solid #efefef;
}

ul.breadcrumb-list {
    list-style: none;
    padding: 0;
    float: left;
    margin: 0 0 20px;
}

.menu-detail {
    padding: 0 5px;
    font-size: 13px;
}

.pejabat-foto {
    position: relative;
    width: 320px;
    float: right;
    margin-left: 30px;
}

.pejabat-detail {

}

h3.title-pejabat {
    font-size: 23px;
    padding: 0 0 0px 22px;
}

img.meta-foto-pejabat {
    margin-bottom: 10px;
}

p.agenda-tanggal-detil {
    color: #d48b07;
    margin: 0;
}

footer {
    font-size: 13px;
}

header .logo-text-single h3 {
    font-size: 23px;
}

.gradient-overlay-half-dark-v2::before {
    background-image: linear-gradient(150deg,rgba(62, 103, 52, 0.28) 0,rgba(119,131,143,.3) 100%);
    background-repeat: repeat-x;
}

/*p.widget-berita-terkini-tanggal {
    font-size: 10px;
    color: #5aa214 !important;
    font-weight: 500;
    margin: 2px 0 5px;
}

.cms-agenda-hari {
    font-size: 10px;
    font-weight: 400;
    margin-top: 5px;
    color: #5aa214 !important;
}
*/

nav.nav-sosmed {
    width: 200px;
}
nav.nav-sosmed-over {
    width: 200px;
    margin-top: -40px;
    margin-bottom: 2rem;
}

.navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    max-width: calc(100% - 200px);
}
.navbar-expand-md .navbar-nav span
{
    width: 100%;
}

figure.image img{
    max-width: 100%;
}

iframe{
    max-width: 100%;
}

.cms-custom-html
{
    width: 100%;
}
.cms-custom-html iframe
{
    width: 100% !important;
}

/*------------------------------------
  Modal Window
------------------------------------*/
.rf-modal-window {
    display: none;
    max-height: 85vh;
}

.rf-modal-window .close
{
    position: absolute;
    top: -1em;
    right: -1em;
    font-size: 2.5rem;
    color: #FF3D00;
}

/* ______________________________________________________ */

/* Responsive */

/* ______________________________________________________ */

@media (max-width: 1199px){

}

@media (max-width: 991px){

}

@media (max-width: 767px){

    h1, .h1 {
        font-size: 26px;
    }
    h2, .h2 {
        font-size: 22px;
    }
    h3, .h3 {
        font-size: 18px;
    }
    h4, .h4 {
        _font-size: 14px;
    }
    h5, .h5 {
        font-size: 14px;
    }
    header.cover
    {
        position: relative;
        z-index: 1;
    }
    .cms-berita-element
    {
        position: unset !important;
    }
    .single-berita {
        padding-right: 0;
    }
    .rf-modal-window .close {
        right: 0;
    }
    .js-slide .rf-height-350
    {
        height: 186px;
    }
    .js-slide article header .h4, .js-slide article .h5
    {
        font-size: .875rem;
    }
    .js-slide article p
    {
        font-size: .75rem;
    }
    nav.nav-sosmed-over
    {
        margin-top: 2px;
    }
}

@media (max-width: 575px){

    header .menu-cover
    {
        position: absolute;
        top: 245px !important;
    }
    .carousel-item, .carousel-item > img
    {
        object-position: 50% 15%;
    }
    header.cover:hover .carousel-item > img
    {
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        transform: unset;
    }
    header .nav-logo {
        padding: .5rem 1rem;
    }

    header .logo-header
    {
        position: absolute;
        top: 0;
        left: 10px;
        max-width: unset;
    }
    p.tagline-text {
        font-size: 10px !important;
    }
    header .nav-bottom {
      /*margin-bottom: 5rem;*/
  }
    /*nav.nav-sosmed-over {*/
    /*    margin-bottom: 5rem;*/
    /*}*/
    header .menu-cover {
      position: absolute;
      top: 290px !important;
      left: 0;
      width: 100%;
    }
    header .nav-menu {
        padding: 0;
    }

    header .nav-bottom {
        border-bottom: unset;
    }
    nav.nav-sosmed {
        width: auto;
        position: absolute;
        top: 32px;
        right: 5px;
        z-index: 1;
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        max-width: unset;
    }

    .navbar .navbar-collapse
    {
        padding: 10px 20px;
    }
    .navbar .menu-detail .navbar-collapse
    {
        padding: unset;
    }

    .navbar-brand
    {
        width: 100%;
        /*position: absolute;*/
        /*left: 5px;*/
        /*top: 10px;*/
    }
    .navbar-brand .logo-header-img-single
    {
        margin-right: 10px;
    }
    .navbar-brand .logo-text-single
    {
        float: unset !important;
        white-space: normal;
        line-height: unset;
        word-wrap: break-word;
        margin-left: 45px;
    }
    .navbar-brand .logo-text-single h3
    {
        font-size: 16px;
    }
    .nav-search-single
    {
        width: 100%
    }

    .logo-header .logo-header-img
    {
        height: 40px;
        margin-right: 10px;
    }
    .logo-header .logo-text
    {
        line-height: 0;
    }
    .logo-header .logo-text h3
    {
        font-size: 1.05rem;
    }
    .logo-header .logo-text span
    {
        font-size: 10px;
    }

    .logo-header .judul-text
    {
        font-size: 18px;
    }

    header .nav-menu {
        /*top: 130px;*/
        background-color: rgba(0,0,0,1);
        z-index: -1;
    }

    .carousel-item
    {
        height: 16rem;
    }
    .carousel-item > img {
        height: 16rem;
    }
    .carousel-indicators
    {
        display: none;
    }

    .carousel-item::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #0000005e;
    }

    header .nav-search {
        top: 50px;
    }
    .nav-search .form-search-cover {
        font-size: 8pt;
        padding-left: 25px;
        height: calc(2.05rem + 2px);
    }
    .nav-search .form-inline {
        flex-flow: nowrap;
    }
    .nav-search .btn-cover
    {
        font-size: 8pt;
        padding-left: 15px;
        padding-right: 15px;
        height: calc(2.05rem + 2px);
    }
    .nav-search-single .btn-cover
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    .weather-icon .climacon {
        font-size: 20pt;
    }
    .weather-icon h3 {
        font-size: 1.5rem;
    }
    .weather-desc
    {
        font-size: 8pt;
    }

    header .nav-bottom span{
        font-size: 10px;
    }
    header .nav-bottom {
        /*margin-bottom: 4rem;*/
        padding: .5rem 1.5rem;
    }

    /*img.meta-img*/
    /*{*/
    /*    height: 15em;*/
    /*}*/

    .js-slide .rf-height-350
    {
        height: 163px;
    }

    .single-berita .pejabat .pejabat-foto
    {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: unset;
    }

}