/*
Theme Name: Sekretariat Daerah Kabupaten Lamandau
Theme URI: http://www.gravis-design.com/ or http://www.milestoneseo.com/
Author: Gravis
Author URI: http://www.gravis-design.com/
Description: Theme for RL Remodeling
Version: 1.0
License: Commercial
License URI: http://www.gravis-design.com/ or http://www.milestoneseo.com/
Tags: brown, white, blue
Text Domain: remodeling

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }

/* GENERAL */
body {
	font-family: 'Lato', sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #363636;
	background: #fff;
	/*background-image:url(images/background.png);
	background-repeat:no-repeat;
	background-size:cover;*/
}
a { text-decoration: none; }
a:hover { text-decoration: underline; color: #363636; }
sup { font-size: 60%; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
small { font-size: 12px; }

.dotted_gradient {
    background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
    background-position: bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
}
/* QUOTES */
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #62171c;
  border-right: 2px solid #62171c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: 'Lato';
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{content: "";}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}
blockquote a:hover{color: #666;}
blockquote em{font-style: italic;}
.dotted-gradient {
  background-image: linear-gradient(to right, #666 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}

/*WRAPPER*/
.wrapall {width:1200px; margin:0 auto;}
.headerku {background:#fcfafa; box-shadow:0 0 5px #bbb; z-index:9; position:fixed; left:0; right:0;}
.top_border {border-top:8px solid #bf0d0d; box-shadow:0px 1px 2px 0px #999;}
.headertop {padding:5px 0;}
.time_now {display:inline-block; vertical-align:-webkit-baseline-middle; vertical-align:-moz-middle-with-baseline;}
.timer {margin-left:5px;}
.lang_srch {float:right;}
.list_lang_srch {display:inline-block; vertical-align:middle;}

.menu_bottom {}
.menu_bottom ul {}
.menu_bottom ul li {float:left; margin-right:7px;}
.menu_bottom ul li:last-child {margin-right:0px;}
.menu_bottom ul li a {color:#787777; transition:all 0.5s;}
.menu_bottom ul li a:hover {color:#bf0d0d; text-decoration:none;}
.menu_bottom ul ul {display:none;}

.searchform {position:relative;}
.cari_text {padding:5px 7px; border-radius:5px; border:1px solid #afaeae; margin-left:5px;}
.cari_text::-webkit-input-placeholder {color:#afaeae; font-style:italic; transition:opacity 250ms ease-in-out; font-size:12px;}
.cari_text:focus::-webkit-input-placeholder {opacity:0.5;}
.cari {background:url(images/cari.png) no-repeat; width:25px; height:20px; border:none; position:absolute; top:3px; right:0px; background-size:contain; cursor:pointer;}

.headermid {}

.headermenu {padding:0px 0px 10px;}
.main-menu {display:inline-block; vertical-align:middle;}
.headermenu ul {}
.headermenu ul li {display:inline-block; position:relative; margin:0 10px;}
.headermenu ul li a {color:#363636; padding:0 0 3px; font-size:16px; transition:all 0.5s; position:relative; font-weight:700; padding-bottom:10px;}
.headermenu ul li a:hover {color:#d11212; text-decoration:none;}
.headermenu ul li a::before {
    background:#d11212;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    right:100%;
    transition-duration:0.3s;
    transition-property:right;
    transition-timing-function:ease-out;
}
.headermenu ul li a:hover::before {right:0;}
.headermenu ul li:hover > ul {display:block;}
.headermenu ul > li.current-menu-item > a::before {right:0;}
.headermenu ul > li.current-menu-item > a {color:#d11212;}
.headermenu ul li > ul {background:#fff; text-align:left; margin:-2px auto 0; left:0; top:27px; padding:5px 0 7px; width:250px; position:absolute; display:none; box-shadow:0 6px 12px rgba(0,0,0,.175); border-top: 3px solid #d11212;}
.headermenu ul li > ul li {display:block; margin:0; padding:0;}
.headermenu ul li > ul li a {display:block; line-height:normal; margin:0 10px; padding:5px 0;}
.headermenu ul li > ul li > ul {display:none!important;}

/*on scroll*/
.headerku, #logoweb, .scroll_menu, .headermenu, .img_mobile {-webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
}
#logoweb {display:inline-block; width:250px; margin:5px auto;}
#logoweb img {width:100%; height:auto;}
.scroll_menu {display:none;}
.on-scroll .headermid .wrapall {}
.on-scroll #logoweb {width:200px; display:inline-block; float:left;}
.on-scroll .scroll_menu {display:inline-block; float:right; padding-top:20px;}
.on-scroll .off_scroll {display:none;}

/*MOBILE DISPLAY*/
.img_mobile, .mobile_menu, .lang_mobile, .search_mobile {display:none;} {display:none;}

/*WRAP CONTENT*/
.wrapcontent_home .wrapall {}
.all_home {padding:170px 0px 20px;}

.home_left {width:850px; margin:0 auto; float:left; /*border-right:2px solid #62171c; padding-right:20px; margin-right:20px*/}
.home_border {padding-right:45px; padding-bottom:20px; position:relative; border-right:5px solid;}
.home_border .img_border {position:absolute; right:-30px; top:40px;}
.home_border .img_border img {padding:7px 0px; background:#fff; width:55px; height:auto;}
.border_info .img_border img {padding:7px 0px; background:#fff; width:60px; height:auto;}
.border_artikel {border-color:#0072bc;}
.border_terbaru {border-color:#59197e;}
.border_info {border-color:#0072bc;}
.border_sosmed {border-color:#59197e;}

.post_home {background:#edeeee; padding:5px 5px 15px;}
.thumb_home {margin-bottom:10px;}
.thumb_home img {width:100%; height:auto;}
.isicontent_home {padding:0 10px;}
.isicontent_home h2 {font-size:18px; font-weight:900; margin-bottom:5px; line-height:normal;}
.isicontent_home h2 a {color:#363636; text-decoration:none; transition:all 0.5s;}
.isicontent_home h2 a:hover {color:#62171c;}
.isicontent_home .metablog {margin-bottom:10px; font-size:12px; font-style:italic;}
.isicontent_home p {line-height:20px;}
.readmore {
    padding: 5px 10px;
    font-size: 12px;
    background-color: #B8312F;
    color: #fff;
    font-style: italic;
    opacity: 1;
    transition: all 0.8s;
    border-radius: 3px;
    border: 1px solid #B8312F;
    box-shadow: inset 1px 2px 1px #D91E18;
}
.readmore:hover {opacity:1;color:#fff;text-decoration:none;background-color: #D91E18; }
.lanjut .readmore {padding:7px 10px; display:block; margin-top:10px; width:110px; text-align:center;}

.berita_terbaru {}
.head_content {border-bottom:3px solid #000; text-transform:uppercase; padding-bottom:5px; margin-bottom:15px; font-size:16px; font-weight:900; color:#363636;}
.list_berita {border:2px solid #e1e0e0; float:left; margin-right:10px; width:calc(100%/3 - 11px); height:250px; text-align:center;}
.list_berita:last-child {margin-right:0;}
.list_berita img {width:100%; height:130px; margin-bottom:15px;}
.list_berita h2 {padding:0 5px; color:#363636; font-weight:900; line-height:normal;}
.list_berita a {opacity:0.8; transition:all 0.5s;}
.list_berita a:hover {text-decoration:none; opacity:1;}

.info_penting {}
.info_penting h2 {font-size:18px; font-weight:900; margin-bottom:10px; line-height:normal;}
.info_penting h2 a {color:#363636; transition:all 0.5s;}
.info_penting h2 a:hover {color:#62171c; text-decoration:none;}
.list_info {padding-bottom:15px; margin-bottom:15px;}

.list_sosmed_home {width:47%; display:inline-block; vertical-align:top; border:5px solid #e1e0e0; height:430px; overflow-x: auto; overflow-y: auto;}
.sosmed_twitter {margin-right:10px;}
.sb_instagram_header {padding:10px 0 10px 10px!important;}

.home_right {width:300px; float:right;}
.wraplist_right {margin-bottom:20px;}
.wraplist_right .header_right {text-transform:uppercase; background:#fff; padding:0px 0px 10px; color:#880015; font-weight:900; font-size:16px; margin-bottom:15px; border-bottom:3px solid #880015;}
.wrap_listcontent {overflow:auto; height:300px;}

.link_instansi {margin-bottom:0px;}
.link_instansi .wrap_listcontent {height:auto;}

.list_right {padding-bottom:10px; margin-bottom:10px;}
.list_right img {border:1px solid #e1e0e0; display:inline-block; vertical-align: middle; margin-right:15px; width:70px; height:54px;}
.titile_list_right {display:inline-block; vertical-align: middle; font-weight:900; width:65%;}
.titile_list_right a {color:#363636!important; transition:all 0.5s; line-height:normal; font-size:16px;}
.titile_list_right a:hover {color:#62171c!important; text-decoration:none;}

.profil_sekda {background:#e9e9e9; text-align:center; padding:15px; margin-bottom:20px;}
.profil_sekda img {margin-bottom:10px;}
.profil_sekda .nama_sekda {color:#b4000c; font-weight:700; font-size:20px; margin-bottom:10px;}
.profil_sekda p {font-weight:700; font-size:16px;}

.kominfo_widget {margin-bottom:20px; padding:10px; background:#666666; border-radius:5px;}
.kominfo_widget h3 {display:none;}
.rss_widget_header {background-image:url(images/gpr-header-fix.jpg); background-size:100%; margin-bottom:-5px; height:65px; background-repeat:no-repeat;}
.list_rss {background:#fff; border-radius:2px 5px 5px; padding:10px;}
.list_rss ul li {background: url(images/artikelberitagpr.png) left center no-repeat;
    background-size: 55px;
    padding-left: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #676767;
    list-style: none;
    text-decoration: none;
}
.list_rss ul li:first-child {padding-top:0;}
.list_rss ul li a {color:#171717; line-height:normal; transition:all 0.5s; font-size:16px;}
.list_rss ul li a:hover {color:#337ab7; text-decoration:none;}
.list_rss ul li small {color:#676767;}	
.list_rss ul li .gpr-kominfo-align-left {float:left; font-size:80%; font-weight:900;}
.list_rss ul li .gpr-kominfo-align-right {float:right; padding-right:20px;}
.gpr_space {margin-bottom:5px;}
.rss_widget_bottom {background-image:url(images/gpr-footer.png); background-size:100%; height:40px; background-repeat:no-repeat;}

/*FOOTER*/
.footerku {background:#fff; color:#7f7f92; padding:15px 0; text-align:center;}
.footerku a {color:#7f7f92; transition:all 0.5s;}
.footerku a:hover {color:#62171c; text-decoration:none;}

/*WRAP SINGLE & PAGE*/
.single_page h1 { font-size: 22px; margin-bottom:10px; font-weight:900;}
.single_page h2 { font-size: 20px; margin-bottom:10px; font-weight:900;}
.single_page h3 { font-size: 18px; margin-bottom:10px; font-weight:900;}
.single_page h4 { font-size: 16px; margin-bottom:10px; font-weight:700;}
.single_page h5 { font-size: 12px; margin-bottom:10px; font-weight:700;}
.single_page h6 { font-size: 10px; margin-bottom:10px; font-weight:700;}
.single_page p {margin-bottom:10px; line-height:22px; font-size:16px;}
.single_page a {color:#035785; line-height:22px; transition: all 0.5s;}
.single_page a:hover {color:#000102; text-decoration:none;}
.single_page ul, .single_page ol {margin-bottom: 15px;}
.single_page ul li {list-style: square; font-size: 16px; line-height: 22px; margin-left:30px;}
.single_page ol li {list-style: decimal; font-size: 16px; line-height: 24px; margin-left:30px;}
.single_page img.alignleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.single_page img.aligncenter {margin: 10px auto; display:block;}
.single_page img.alignright {float: right; margin: 0 0 10px 10px;}
.single_page img.alignnone {float: left; margin-right: 10px; margin-bottom: 10px;}
.single_page img.size-full {width:100%; height:auto;}

.single_page {width:1200px; margin:0 auto;}
.single_page .wrapall {padding:180px 0px 25px;}
.single_page_left {width:820px; margin:0 auto; float:left; border-right: 5px solid #d44851; padding-right:34px;}
.content_page {margin-bottom:10px; padding-bottom:15px; border-bottom:2px solid #000;}
.ft_img {margin-bottom:10px;}
.ft_img img {width:99%; height:auto; border:5px solid #edeeee;}
.title_content h2 {line-height:normal; font-size:18px; margin-bottom:0px;}
.meta_content p {font-size:12px; font-style:italic;}

.next_prev {margin-bottom:30px;}
.nav_post {width:48%; height:110px;}
.prev_post {float:left; text-align:right; border-right:2px solid #000; padding-right:12px;}
.next_post {float:right;}
.prev_nav {float:left; height:60%; padding-top:20px;}
.next_prev_nav img {height:100%; width:100%;}
.prev_title {float:right; width:85%;}
.next_prev_title p {margin-bottom:0px; font-weight:900; color:#065ba3;}
.next_prev_title a {color:#363636; transition: all 0.5s; font-size:16px; font-weight:700;}
.next_prev_title a:hover {color:#065ba3;}
.next_nav {float:right; height:60%; padding-top:20px;}
.next_title {float:left; width:85%;}
.single_page .content_home .list_berita h2 {margin-bottom:0px; font-size:14px;}
.single_page .content_home .list_berita img {margin-bottom:10px;}

.single_page_right {width:300px; float:right;}
.single_page_right h3 {margin-bottom:0;}

.title_page {border-bottom:2px solid #000; text-transform:uppercase; margin-bottom:20px;}

.wrap_blog {margin-bottom:20px; padding-bottom:20px;}
.blog_thumb {width:200px; height:130px; border:5px solid #edeeee; float:left; margin-right:15px;}
.blog_thumb img {width:100%; height:100%;}
.blog_title {font-size:18px!important; margin-bottom:5px!important; line-height:24px;}
.blog_title a {color:#000303;}
.blog_title a:hover {color:#62171c;}
.metablog p {font-size:14px!important; font-style:italic; font-weight:300; margin-bottom:0!important;}
.wrap_excerpt .readmore {color:#fff; transition: all 0.5s;}
.wrap_excerpt .readmore:hover {color:#fff;}

.page-navi {text-align:center;}
.page-navi a {line-height:normal; color:#363636;}
.page-navi .pages {display:none;}
.wp-pagenavi a, .wp-pagenavi span {padding:5px 9px;}
.page-navi .current {
    background: #B8312F;
    color: #fff;
    box-shadow: inset 0px 12px 22px #e63532;
    border: 1px solid #a0252d !important;
}
.wp-pagenavi a, .wp-pagenavi span {margin:0px !important;}

/* Bunderan Tiap Page */
.single_page_left .img_border_blog { float: right;margin-right: -70px;margin-top: -17px;}
.single_page_left .img_border_blog img {background: #fff;padding: 7px;border-radius: 50px;}
.single .img_border_blog { float: right;margin-right: -70px;margin-top: 36px;}
.single .img_border_blog img {background: #fff;padding: 7px;border-radius: 50px;}

/*PAGE GALERI*/
.single-galeri-foto .content_page {border-bottom:none;}
.list_geleri {width:calc(100% / 4 - 20px); margin-right:20px; margin-bottom:20px; float:left;}
.galeri_image {height:200px; overflow:hidden; position:relative;}
.galeri_image img {width:100%; height:auto;}
.galeri_title {position:absolute; bottom:0; left:0; right:0; padding:10px; color:#fff; background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));}
.galeri_title h3 {margin-bottom:0px; font-size:16px; line-height:normal;}

.image-gallery {text-align:center;}
.image-gallery li {padding:0px!important; margin:0px 10px 20px!important;}

/*PAGE DOWNLOAD*/
.single-download .content_page {border-bottom:none;}
.list_download .metablog {margin-bottom:15px;}

/*PAGE KONTAK*/
.kontak_form {font-size:14px; z-index:9;}
.kontak_anoun {font-style:italic;}
.harus_isi {color:#d40203;}
.kontak_form input, .kontak_form textarea {padding:7px 10px; border:1px solid #ddddde; background:#ddddde; border-radius:5px; margin-top:5px; transition: all 0.5s; color:#888;}
.kontak_form textarea {width:70%;}
.kontak_form input:hover, .kontak_form textarea:hover {border:1px solid #62171c; background:#efefef;}
.kontak_form input:focus, .kontak_form textarea:focus {border:1px solid #62171c; background:#efefef; color:#444;}
#kirim_kontak {background:#62171c; opacity:0.7; cursor:pointer; color:#fff; border:none; padding:7px 20px; font-style:italic; transition: all 0.5s;}
#kirim_kontak:hover {box-shadow:1px 1px 1px #000; opacity:1;}

/*PAGE BUKU TAMU*/
.buku_tamu {}
.buku_tamu h3 {display:none;}
#gwolle-gb-total {display:none;}
#gwolle_gb .gb-entry {border:1px solid #ddd!important; margin:10px auto 20px!important; padding:0px!important;}
.gb-author-info, .gb-admin_reply_uid  {padding:10px; background:#f5f5f5; border-bottom:1px solid #ddd;}
.gb-author-name {text-transform:capitalize; padding:0px!important; margin-right:10px;}
.gb-datetime .gb-time {margin-right:3px;}
.gb-entry-content, .gb-admin_reply_content {padding:5px 10px 10px!important; line-height:20px;}
.gb-entry-admin_reply {margin:0px 10px 20px 20px!important; border:1px solid #ddd!important; padding:0px!important;}

.buku_tamu input, .buku_tamu textarea {padding:7px 10px!important; border:1px solid #ddddde; border-radius:5px; margin-top:5px; transition: all 0.5s; color:#888;}
.buku_tamu input:hover, .buku_tamu textarea:hover {border:1px solid #62171c;}
.buku_tamu input:focus, .buku_tamu textarea:focus {border:1px solid #62171c; color:#444;}

.buku_tamu .btn {border:none!important; padding:8px 12px!important; background:#62171cb8; color:#fff!important; cursor:pointer; transition: all 0.5s; border-radius:5px;}
.buku_tamu .btn:hover {background:#62171c; border:none!important; box-shadow:1px 1px 3px #999; color:#fff!important;}


/* BUTTON SCROLL */
.scrollToTop {color:#fff; z-index:99; width:35px; height:35px; font-size:30px; background:#222; position:fixed; right:10px; bottom:10px; border-radius:10%; cursor:pointer; }
.scrollToTop:after {top:0px; bottom:0; left:0px; right:0; content:"\f106"; position:absolute; text-align:center; font-family:FontAwesome;}
.scrollToTop:hover {background:#960812;}

.error404 .single_page #searchform { display:inline-block; width: 100%; max-width: 380px; }
.error404 .single_page #searchform .cari_text { margin-left: 0px; width: calc(100% - 14px); padding: 7px; }
.error404 .single_page #searchform .cari { width: 26px; height:23px; top:4px; }

@media screen and (max-width:1024px) {
.wrapall {width:95%; margin:0 auto;}
.single_page {width:100%; margin:0 auto;}
.headermenu ul li {margin:0 5px;}
.home_left {width:630px;}
.home_border {padding-right:35px;}
.home_right {width:305px;}

.single_page_left {width:560px; margin-right:0px;}
.single_page_right {width:305px;}
.single .img_border_blog {margin-right: -67px;margin-top: 39px;}
.single .img_border_blog img {width: 45px;}

.list_berita {height:240px;}
.list_berita img {height:110px;}
.list_sosmed_home {width:46%;}

.list_sosmed_home {height:410px;}

.rss_widget_header {height:70px;}
.rss_widget_bottom {height:40px;}

.titile_list_right {width:70%;}

/*PAGE GALERI*/
.galeri_image {height:150px;}
}

@media screen and (max-width:960px) {
.headerku {position:relative;}
.home_left, .single_page_left {width:100%; border-right:none; padding-right:0px; float:none;}
.single_page_left {margin-bottom:25px;}
.home_right, .single_page_right {width:100%; float:none;}
.wrapcontent_home .wrapall, .single_page .wrapall {padding:25px 0px 25px;}
.all_home {padding:0px;}

#logoweb {width:200px;}
.home_border {border:none; padding-right:0;}
.img_border {display:none;}
/*====================== MOBILE MENU ======================*/
.headerku {}
.headermenu {padding:10px 0;}
.desktop_menu, .on-scroll .scroll_menu, .off_scroll {display:none;}
.on-scroll .img_mobile {padding-top:10px;}
.img_mobile, .mobile_menu {display:block;}
.img_mobile {float:right; cursor:pointer; width:30px; height:auto; padding-top:10px;}
.close_menu {position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; opacity:0; visibility:hidden; background:rgba(0,0,0,0.5); z-index:99; transition:.8s ease-out;}
.mobile_menu {background:#62171c; width:270px; position:fixed; top:0; bottom:0; height:100%; z-index:999; left:-300px; box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); overflow:auto; transition:.6s ease-out; border-top:5px solid #c51d28; padding-bottom:10px;}
.mobile_menu .main-menu {display:block;}
.mobile_menu ul {}
.mobile_menu ul li {}
.mobile_menu ul li.current-menu-item {background:#310b0d;}
.mobile_menu ul > li.current-menu-item > a {color:#fff; font-weight:400;}
.mobile_menu ul li a {color:#e9e9e9; font-size:16px; padding:10px; display:block; border-bottom:1px solid #a0494f; transition: all 0.5s; line-height:normal;}
.mobile_menu ul li a:hover {text-decoration:none; background:#310b0d;} 
.mobile_menu ul li > ul li a {padding-left:20px;}
.mobile_menu ul li > ul li {background:#62171c;}
.mobile_menu ul li > ul li:last-child {margin-bottom:0px;}

.list_berita {height:280px;}
.list_berita img {height:150px;}

.rss_widget_header {height:160px;}
.rss_widget_bottom {height:100px;}

/*PAGE GALERI*/
.list_geleri {width:calc(100% / 2 - 20px);}
.galeri_image {height:220px;}
}

@media screen and (max-width:730px) {
.ft_img img {width:99%;}
.list_berita {height:250px;}
.list_berita img {height:120px;}

.rss_widget_header {height:130px;}
.rss_widget_bottom {height:80px;}

/*PAGE GALERI*/
.galeri_image {height:190px;}
}

@media screen and (max-width:600px) {
.lang_mobile, .search_mobile {display:block;}
.time_now {padding:5px 0;}
.lang_srch {display:none;}
.search_mobile {padding:10px 0;}
.search_mobile .searchform {width:95%; margin:0 auto;}
.search_mobile .searchform .cari_text {width:90%;}
.search_mobile .searchform .cari {right:10px;}

.bottom_moile {}
.bottom_moile ul li:last-child {margin-bottom:20px;}

.list_sosmed_home {height:380px; width:46%;}
.sosmed_twitter {margin-right:15px;}

.rss_widget_header {height:115px;}
.rss_widget_bottom {height:70px;}

/*PAGE GALERI*/
.galeri_image {height:170px;}
}
@media screen and (max-width:568px) {
#logoweb {width:200px;}
.img_mobile {padding-top:10px;}
.wrapcontent_home .wrapall, .single_page .wrapall {padding:25px 10px;}

.list_sosmed_home {width:47%;}
.sosmed_twitter {margin-right:5px;}
}
@media screen and (max-width:425px) {
.wrapcontent_home, .single_page  {background:#fff; padding:20px 0;}
.wrapcontent_home .wrapall, .single_page .wrapall {width:92%; padding:0; box-shadow:none;}

.list_berita {width:99%; height:350px; margin:0 auto 15px;}
.list_berita img {height:200px;}

.list_sosmed_home {width:97%; margin:0 auto; height:700px; display:block;}
.sosmed_twitter {margin-bottom:20px;}

.rss_widget_header {height:85px;}
.rss_widget_bottom {height:50px;}

/*PAGE GALERI*/
.list_geleri {width:100%;}
.galeri_image {height:250px;}

/*PAGE KONTAK*/
.kontak_form textarea {width:94%;}

/**PAGE BLOG*/
.blog_thumb {width:95%; height:auto; border:none; float:none; margin-right:0;}
.blog_thumb img {border:5px solid #edeeee;}

.nav_post {width:95%; height:auto; margin:0 auto; float:none;}
.prev_post {border:none; padding-right:0; margin-bottom:10px;}
}


/** Publis Page Content **/
.to_publish {border-top: 1px solid black;padding-top: 24px;margin-top: 50px;}
.wrap-content{width: calc(100% - 250px);float:right;}
.wrap-search{width:200px;padding:0 10px 0 0;float:left;}
.single-publikasi .wrap-content div h3 { margin-top: 40px; }
/** CARI PADA PAGE PUBLIKASI **/
.formgroup label {
    font-weight: bold;
    line-height: 2;
    display: block;
}
.formgroup {
    margin-bottom: 5px;
}
.formgroup .formcontrol {
    width: 183px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px;
    transition: all 0.3s;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
     box-sizing:border-box;
}


.formcontrol:focus{
  border:1px solid #da4c4c;
  box-shadow: 0px 0px 3px #da4c4c;

}
.formbutton {
    padding: 7px;
    display: block;
    width: 183px;
    margin-top: 16px;
    border-radius: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


/** Warna Button **/

.button-merah {
    background: #de2929;
    color: white;
}
.button-merah:active {
    background: #bf1b1b;
    color: white;
    box-shadow: inset 0px 0px 6px #670707;
}
.button-merah:hover{
  background: #bf1b1b;
}

.button-putih{
  background: #fff;
  transition: all 0.2s;
}
.button-putih:active {
    background: #dcdcdc;
    box-shadow: inset 0px 0px 3px #a0a0a0;
   
}
.button-putih:hover{
  background: #dcdcdc;
}
.button-tepi {
    border: 1px solid #a2a2a2;
}

.no-style-button {
    background: none;
    border: none;
    display: inherit;
    width: 183px;
    margin-top: 6px;
    color: #717171;
    font-weight: 600;
    cursor:pointer;
}
.button-hover-merah:active {
    background: #bf1b1b !important;
    color: white !important;
    box-shadow: inset 0px 0px 6px #670707 !important;
}
.button-hover-merah:hover{
  background: #bf1b1b !important;
  color: white !important;
}

/** thumb Publikasi **/
.thumb_publikasi{
    width: 126px !important;
    height: 130px;
    border: 5px solid #edeeee !important;
}
.thumb_publikasi img {
    width: 105px !important;
    height: 65px !important;
}
.mobile-resize{
  visibility: hidden;
  display: none;
}


/** RESPONSIVE **/
@media screen and (max-width:400px) {
/*PAGE GALERI*/
.galeri_image {height:200px;}
}

@media screen and (max-width:425px) {
/*PAGE GALERI*/
.thumb_publikasi{
    width: 100% !important;
    height: auto !important;
    border: 5px solid #edeeee !important;
}
.thumb_publikasi img {
    width: 100% !important;
    height: auto !important;
    border:none !important;
}
.mobile-resize{visibility: visible; display: initial;}
.blog-resize{visibility: hidden; display: none;}
}

@media screen and (max-width:375px) {
.formbutton{width: 100%}
.no-style-button{width: 100%}
}

@media screen and (max-width:375px) {
.rss_widget_header {height:75px;}
.rss_widget_bottom {height:45px;}
}

@media screen and (max-width: 594px) {
  .thumb_publikasi{
    width: 126px ;
    height: 170px;
    border: 5px solid #edeeee ;
}
.thumb_publikasi img {
    width: 96px ;
    height: auto ;
}
}


@media screen and (max-width: 957px) {
.wrap-content{width:100%; margin-top: 30px ;float: right; border-top: 1px dashed #ccc; padding: 5px 0px;}
.wrap-search{width:100%; float: none;}
.formgroup .formcontrol {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px;
    transition: all 0.3s;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
     box-sizing:border-box;
}
}

@media screen and (max-width: 960px) {
  .single_page_left .img_border_blog { display: none }
  .single .img_border_blog { display: none }
}



/*new*/

.kontent .attach{
  display: none;
  visibility: hidden;
}
.kontent .attach h3{
  display: none;
  visibility: hidden;
}
.kontent .post-attachments {
  display: none;
  visibility: hidden;
}