/*
Theme Name: KODIM 0803
Author: ID Webbuilder
Author URI: http://idwebbuilder.com
Description: This theme for KODIM 0803
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, #nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; }

* { outline: none !important;	 }

body { position: relative; margin: 0 auto; padding: 0 !important; background: #312e1f;  }
.wrap { position: relative; background-image: url(images/bg-slider.jpg); background-size: 100% 40%; -webkit-background-size: 100% 40%; -o-background-size: 100% 40%; max-width: 1050px; margin: 0 auto; }
.announ-cover { background: #5B713A; position: relative; max-width: 800px; margin: 20px auto; padding: 15px; }

.alignleft { float: left; margin: 5px 10px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 10px; }
.alignnone { float: none; margin: 5px;  }
.topbar { background: #9b9b9b; padding: 10px 0; }
section { position: relative; }

.btn-big {  background: #FE999C; color: #fff; display: block; font-family: "Ubuntu"; font-size: 25px; font-weight: 300; margin-top: 10px; padding: 12px 20px; text-align: center; text-transform: uppercase; }
.btn-default {  background: #FE999C; color: #fff; display: inline-block; font-family: "Ubuntu"; font-size: 25px; font-weight: 600; margin-top: 10px; padding: 12px 20px; text-align: center; text-transform: uppercase; }

.popupwrap { position: fixed; background: rgba(0,0,0,0.8); display: none; width: 100%; height: 100%; top: 0; z-index: 999; }
.popupbody { max-width: 600px; position: relative; margin: 100px auto 0 auto; }

/* --------=======-------- */
/*      Header             */
/* -------========-------- */
header { position: relative; border-bottom: 6px double #E1D702; }
.logo { position: relative; text-align: left; padding:45px 15px; }
.logo img { width: 100%; }
.logo h2 { text-transform: uppercase; color: #F8F200; font-size: 20px; font-family:'Ubuntu';font-weight: 600; margin: 0; padding: 5px 0;  }

/* Menu */
#menu, #menu > ul {
	margin: 0 0 0 50px;
	padding: 60px 0 0 0;
	list-style: none;
}

#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu {
	position: relative;
	z-index: 999;
	zoom:1;
}

#menu > li {
	float: right;
	position: relative;
	font-size: 18px;
	color: #FFF;
}

#menu  > li > a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,e0e0e0+100 */
	background: #f0f9ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f0f9ff 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f9ff 0%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f9ff 0%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0f9ff 0%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
	
	position: relative; 
	float: right;
	color: #000;
	text-decoration: none !important;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 20px; 
	transition: all 1ms ease 0.5ms;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	text-transform: uppercase;
}

#menu  > li > a:after { font-weight: 300; }

#menu > li:last-child a:after { content: "";  }

#menu > li:hover > a {
	background: #f04f79; 
	color: #fff;
}
#menu > li:hover > a:after,#menu li.active > a:after {
	color: transparent;
}

#menu > li:hover > a,#menu > li.current-menu-item > a { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5b11f+0,d68613+100 */
background: #e5b11f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1YjExZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjg2MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5b11f 0%, #d68613 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5b11f), color-stop(100%,#d68613)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5b11f 0%,#d68613 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5b11f 0%,#d68613 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5b11f 0%,#d68613 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5b11f 0%,#d68613 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b11f', endColorstr='#d68613',GradientType=0 ); /* IE6-8 */
color: #fff;
}

*html #menu li a:hover { /* IE6 only */
	color: #FFFFFF;
	background: #E3AD1E; 
}

#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;    
	background: #e0e0e0; /* Old browsers */
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/	
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	color: #fff; 
	_line-height: 0; /*IE6 only*/
	line-height: normal;
	border-bottom: 1px solid #2E4E2B; 
}

#menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}

#menu ul a {    
	font-family:'Ubuntu';	
	font-size: 14px; 
	padding: 8px 5px;
	min-width: 150px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color: #000; 
	text-decoration: none;
}

#menu ul a:hover {
background: #D78913; /* Old browsers */
color: #FFF; 
}

#mobilemenu { display: none; }

/* --------=======-------- */
/*      Slider             */
/* -------========-------- */
#slider { position: relative; }
.slider { position: relative; overflow: hidden; }
.slider .slides li { position: relative; }
.slider .slides .desc h2 { color: orange; font-size:18px; font-weight: bold;  }
.slider .slides .desc { position: absolute; font-size: 16px; bottom: 10px; left: 10px; padding: 5px;   background: rgba(0,0,0,0.8); color: #fff; z-index: 999; }
.slider .slides img { width: 100%; height: 412px;  }
.pj {  margin: 0 auto; position: relative;  width: 75%; text-align:center; }
.pj ul.slides,.pj ul.flex-direction-nav { margin: 0 !important; }
.pj .flex-control-nav { bottom: 5px; }
.pj > .flex-direction-nav a::before { bottom: 5px; font-size: 20px; }
.pj > .flex-direction-nav a { font-size: 0 !important; }
/* --------=======-------- */
/*      Content             */
/* -------========-------- */
#content { position: relative; background: #2e4e2b; padding: 20px 0 50px 0; }

/* Home Page */
h2.title { position: relative; color: #fff; padding: 10px 0; border-bottom: 1px solid #fff; font-size: 18px; font-family:'Ubuntu'; font-style: normal; font-weight: 600; margin-bottom: 20px; }

/* pejabat Page */
.pjb { position: relative; margin-bottom: 10px; }
.pjb h3 { background: #DA9216; padding: 5px; text-align: center; font-size: 18px;  }
.pjb .pjb-item { text-align: center; padding: 5px 0; }
.pjb .pjb-item > p { text-align: center; margin: 0;  }
.pjb .pjb-item > h4{ padding: 5px 0 2px 0;   }
.pjb .pjb-item img { width: 150px; }
/* Single Page */
.single-page { position: relative; color: #fff; }
.single-page > h2 { color: #fff; font-size: 30px; font-family:'Ubuntu'; font-style: normal; font-weight: 600; margin-bottom: 25px; }
.single-post > h2 { margin-bottom: 5px; }
.single-page .meta { color: #FFF500; font-weight: 700; }
.single-page p { color: #fff; font-size: 15px; font-family:'Ubuntu'; font-style: normal; font-weight: 400; margin: 20px 0; line-height: 1.5; text-align: justify; }
.single-page img { max-width: 100%; }

/* Announcement */
.announ { text-align: center; }
.announ > h2 { background : #D88C14; padding: 8px 5px; text-transform: uppercase; margin-bottom: 5px;  }
.announ > .meta { padding: 5px 0; font-weight: 600;  }

.announcement { position: relative; font-family:'Ubuntu'; }
.announcement ul { list-style-type: none; margin: 0 !important; }
.announcement ul  li { margin-bottom: 20px;  }
.announcement ul  li:hover .date { animation: 1s pulse; -webkit-animation: 1s pulse; -o-animation: 1s pulse; }
.announcement ul  li h3 { font-weight: 700;  }
.announcement ul  li h3 a { color: #fff !important;   }
.announcement ul  li p { font-weight: 400px;  }
.announcement li .date { width: 80px; height: 80px; border-radius: 100%; -webkit-border-radius: 100%: -o-border-radius: 100%; float: left; text-align: center; margin: 0 15px 0 0; }
.announcement li .date span { font-size: 35px; display: block; padding-top: 5px; font-weight: 700; }
.announcement li .date d { position: relative; top: -10px; font-weight: 700; }
.announcement li .date.odd { background: #FE0002; color: #FFCC00; border: 2px solid #FFCC00; }
.announcement li .date.even { background: #FFCC00; color: #FE0002; border: 2px solid #FE0002; }


/* Sidebar */
.sidebar { position: relative; }
.sidebar .widget { position: relative; margin-bottom: 15px; color: #fff; font-family:'Ubuntu'; font-style:normal; }
/* .sidebar .widget h2 { background: #FFF500; color: #2E4E2B; border-left: 10px double #B17515; font-family:'Ubuntu'; font-style: normal; font-weight: 400; font-size: 18px; padding: 5px; margin-bottom: 10px;  } */
.sidebar .widget ul { position: relative; margin-left: 15px; }
.sidebar .widget ul li { position: relative; }
.sidebar .widget ul li a { color: #FFF500; font-size: 16px; padding: 1px 0; text-transform: capitalization; }
.sidebar .widget  img { max-width: 100%; }
.sidebar .widget  #s  { width: 50%; }

/* Blog */
.post { position: relative; background: rgba(95, 116, 60,0.9); margin-bottom:20px; padding: 10px; }
.post h2 { position: relative; color: #fff; font-size: 18px; margin-bottom: 10px; font-weight: 700; font-family:'Ubuntu'; }
.post .thumb { display: inline-block; position: relative; max-height: 180px; overflow:hidden; max-width: 45%; margin-right: 10px; }
.blog-page > .news > .post > .thumb { display: inline-block; position: relative; max-height: 185px; overflow:hidden; max-width: 45%; }
.post img { width: 100%; }
.post > p { color: #fff; font-weight: 400; text-align: justify; line-height: 1.5; font-family:'Ubuntu'; }
.post .meta { position:relative; background: #B17515; color: #fff; padding: 10px 10px; margin: 10px -10px -10px -10px; clear: both; -webkit-box-shadow: inset 0px 10px 23px -13px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 10px 23px -13px rgba(0,0,0,0.75);
box-shadow: inset 0px 10px 23px -13px rgba(0,0,0,0.75); }
.post .meta  a { position:absolute; color: #FFF500; font-size: 14px; right: 10px; text-transform: uppercase; font-weight: 600; }
.search-desc { color: #FFF500 !important;  }

.feaured-post { position: relative; margin-bottom: 10px; }
.feaured-post .thumb { position: relative; max-height: 300px; overflow: hidden; border: 2px solid #fff;  }
.feaured-post .thumb > img{ width: 100%;  }
.feaured-post .ft-content > .meta { color: #FFF500; }
.feaured-post .ft-content > h2 { color: #fff; padding: 10px 0;  }
.feaured-post .ft-content > p { color: #fff; font-family:'Ubuntu'; font-style: normal; font-weight: 400; text-align: justify;  }
.feaured-post .ft-content a { display: inline-block; color: #FFF500; font-size: 14px; font-family:'Ubuntu'; font-style: normal; font-weight: 600; padding: 10px; text-transform: uppercase; }

/* Gallery */
.gallery-wrap { position: relative;  -moz-column-gap: 25px;  -o-column-gap: 15px;  -webkit-column-gap: 15px;  -ms-column-gap: 15px; -moz-columns: 3 auto;
    -o-columns: 3 auto; -webkit-columns: 3 auto;  -o-columns: 3 auto; }
.gallery-item { position: relative; margin-bottom: 20px; overflow: hidden; border: 2px solid #fff; max-height: 140px; }
.gallery-page .gallery-item  { max-height: 160px;  }
.gallery-page { -moz-columns: 4 auto !important; -o-columns: 4 auto !important; -webkit-columns: 4 auto !important;  -o-columns: 4 auto !important; }
.gallery-item img { width: 100%; min-height: 150px; }
.gallery-page > .gallery-item > img { min-height: 160px; }
.gallery-item h2 { background: rgba(254, 254, 254,0.5); position: absolute; height: 0; bottom: 0; font-size: 20px; font-weight: 700; font-family:'UBuntu'; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out; width: 100%; }
.gallery-item:hover h2 { height: 100%;  }
.gallery-item h2 span { padding: 10px; color: #2F4E2C; display: block;  text-align: center; font-size: 16px; text-transform: uppercase;    }
.gallery-item a { position: absolute; padding: 5px 20px; background: #B17515; color: #fff; display: block; bottom: -100%; font-weight: 600px; width: 100%; text-align: center; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;	-o-transition: all .5s ease-in-out;	transition: all .5s ease-in-out; font-family:'Ubuntu'; font-weight: 700; }
.gallery-item:hover a { bottom: 0;  }

/* Contact */
.ct-detail { position: relative; }
.ct-detail >  h2 { position: relative; font-size: 20px; padding: 10px 0; font-family:'Ubuntu'; font-weight: 700;  }
.ct-form { position: relative; }
.ct-form  > h2 { position: relative; font-size: 20px; padding: 10px 15px; font-family:'Ubuntu'; font-weight: 700; }
.ct-form input[type="text"],.ct-form input[type="email"],.ct-form  select, .ct-form  textarea { width: 100%; background: rgba(255, 255, 255,0.7); color: #2E4E2B;  padding: 5px; border: 1px solid #FFF;  }
.ct-form input[type="text"]:focus,.ct-form  select:focus, .ct-form  textarea:focus { border: 1px solid #FDF400;  }
.ct-form  textarea { margin-top: 10px; }

/* Pagination */
.pagination { position: relative; margin: 0; padding: 0; }
.pagination > li > a, .pagination > li > span { background: #B17515 !important; border: none; color: #fff !important;  }
.pagination > li.active > a { background: #F8EE00 !important; color: #B17515 !important;  }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #F8EE00 !important; color: #B17515 !important; }

/* Error Page */
.errorpage { position: relative; text-align: center; }
.errorpage img { width: 75%; }

/* --------=======-------- */
/*      Form               */
/* -------========-------- */
input[type="text"],select,textarea { background: rgba(255, 255, 255,0.7); color: #2E4E2B;  padding: 5px; border: 1px solid #FFF;  }
input[type="submit"] { background: #77754F; padding: 5px 8px; border: 1px solid #77754F; font-weight: 700;  }

/* Social */
.social-media { position: relative; padding: 5px 0;  }
.social-media a { width: 32px; height: 32px; display: inline-block; margin-right: 5px;  }
.social-media a:hover { opacity: 0.5; }
.social-media a.fb { background:url(images/facebook.png); }
.social-media a.gplus { background:url(http://kodim0803madiun.id/wp-content/themes/Kodim/images/googleplus.png); }
.social-media a.twitter { background:url(http://kodim0803madiun.id/wp-content/themes/Kodim/images/twitter.png); }
.social-media a.rss { background:url(http://kodim0803madiun.id/wp-content/themes/Kodim/images/rss.png); }
.social-media a.linkedin { background:url(http://kodim0803madiun.id/wp-content/themes/Kodim/images/linkedin.png); }
.social-media a.yahoo { background:url(images/yahoo.png); }
.social-media a.youtube { background:url(http://kodim0803madiun.id/wp-content/themes/Kodim/images/youtube.png); }

/* --------=======-------- */
/*      Footer             */
/* -------========-------- */
#footer { position: relative; background: #1F1D1E; border-top: 8px double #73734D; min-height: 200px; padding: 35px 0 0 20px;   }
.blogo { position: absolute; text-align: center; width: 100%; top: -50px;  }
.blogo img { width: 80px; }
.blogo img:hover { width: 80px; animation: 1s flip; -webkit-animation: 1s flip; }
.bsidebar { position: relative; }
.bwidget { position: relative; margin-bottom: 20px; }
.bwidget h2 { color: #FFF500; text-transform: uppercase; font-size: 18px; font-family:'Ubuntu'; font-style: normal; font-weight: 600; margin-bottom: 10px; }
.bwidget p { font-family:'Ubuntu'; color: #fff; font-size: 16px; }


/* --------=======-------- */
/*      Responsive          */
/* -------========-------- */

@media(max-width: 800px){
#menu { display: none;}
#mobilemenu { display: block; }
}