/*
Theme Name: Updesa Theme
Theme URI: https://updesa.com/
Description: Maju bersama membangun desa
Author: Mariyadi
Author URI: https://updesa.com/mariyadi
Version: 3.0
*/

/* ===== RESET & BASE STYLES ===== */
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{
    border:0;margin:0;outline:0;padding:0;vertical-align:baseline;color:#000
}
html{
    font-size:62.5%;
    overflow-y:scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    background:#22b4d8;
    font:15px 'Abel', sans-serif;
    color:#000000
}
#wrap,.container{
    width:900px;
    margin:0 auto;
    background:#fff
}

/* ===== LAYOUT ===== */
#main{
    float:left;
    width:880px;
    padding:10px
}
#content{
    float:left;
    width:570px;
    margin-right:10px
}
#sidebar{
    width:300px;
    float:right
}
.clearfix{
    clear:both
}

/* ===== TYPOGRAPHY ===== */
h1{font-size:18px}
h2,h3{font-size:16px}
h4{font-size:14px}
#footer,#main-menu,.Nav,h5,h6{font-size:16px}
h1.stitle{
    color:#000000;
    font-size:19px;
    font-weight:100;
    line-height:25px;
    margin:10px 0
}

/* ===== LINKS ===== */
a:link,a:visited{
    text-decoration:none;
    font-weight:100;
}
a:hover,a:focus{
    text-decoration:underline;
    outline:0
}
.post h2 a:hover{
    text-decoration:none
}
a img{
    border:0
}

/* ===== LISTS & TABLES ===== */
ol,ul{
    list-style:none
}
table{
    border-collapse:separate;
    border-spacing:0
}
caption,td,th{
    font-weight:400;
    text-align:left
}
blockquote:after,blockquote:before,q:after,q:before{
    content:""
}
blockquote,q{
    quotes:"" ""
}
a:active,a:focus,a:hover{
    outline:0
}

/* ===== POSTS ===== */
.post{
    padding:10px 0;
    overflow:hidden;
    border-bottom:1px solid #efefef
}
.post:first-child{
    border-top:1px solid #efefef
}
.post h2{
    font-size:18px;
    line-height:25px;
    margin-bottom:10px
}
.post .thumb{
    float:left;
    width:100px;
    height:80px;
    margin-right:15px
}
.post p{
    margin:0;
    line-height:20px
}

/* ===== ENTRY CONTENT ===== */
.entry img{
    max-width:570px
}
.entry p{
    line-height:25px;
    margin:5px 0
}
p img{
    padding:0;
    max-width:100%
}
.entry blockquote{
    margin:20px;
    padding:0 30px 0 20px;
    overflow:hidden;
    border-left:10px solid #f7f7f7
}
.entry table,.entry table td,.entry table th{
    border:1px solid #e9e9e9
}
.entry table{
    width:100%;
    margin:1em 0;
    border-collapse:collapse;
    border-spacing:0
}
.entry table th{
    padding:6px 3px;
    background:#eee;
    text-shadow:1px 1px #fff
}
.entry table td{
    padding:6px 10px 3px
}
.entry ol,.entry ul{
    margin:0 0 5px 3em
}
.entry ol{
    list-style-type:decimal;
    line-height:25px;
}
.entry ul{
    list-style-type:square
}
.entry ol ol,.entry ol ul,.entry ul ol,.entry ul ul{
    margin:0 0 0 20px
}
.entry h2,.entry h3,.entry h4{
    font-size:17px;
    margin:5px 0
}

/* ===== SIDEBAR ===== */
#sidebar h3.title{
    height:26px;
    line-height:26px;
    font-size:12px;
    text-transform:uppercase;
    border-bottom:2px solid #dfdfdf
}
#sidebar h3.title span{
    line-height:26px;
    padding:0 10px;
    color:#000;
    font-size:15px
}
#sidebar .widget{
    margin-bottom:15px
}
#sidebar .widget ul{
    padding:5px 0 0
}
#sidebar .widget ul li{
    background:url(img/list.png) 5px 10px no-repeat;
    padding:4px 4px 4px 15px;
    border-bottom:1px solid #efefef
}
#sidebar table{
    width:100%;
    font-size:90%;
    border:1px solid #efefef;
    border-bottom:none;
    border-right:none
}
#sidebar table td{
    padding:2px 3px;
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef
}
#sidebar .widget_ads{
    margin:5px 0
}

/* ===== FOOTER ===== */
#footer{
    width:100%;
    background:#ffffff;
    border-top:1px solid #e2e2e2
}
#footer .inner{
    float:left;
    padding:10px 15px
}
#footer .copyright{
    float:left;
    color:#666;
    width:440px
}
#footer .copyright a{
    color:#666
}
#footer .menu{
    float:right;
    width:430px
}
#footer .menu ul li{
    float:right;
    border-left:1px solid #ccc;
    padding:0 10px
}
#footer .menu ul li:last-child{
    border:none
}
#footer .menu ul li a{
    line-height:15px;
    font-weight:700;
    text-transform:capitalize;
    color:#666
}
#footer .menu ul li a:hover{
    text-decoration:none;
    color:#666
}

/* ===== NAVIGATION ===== */
#main-menu, #sidebar h3.title {
    border-bottom: 2px solid #dfdfdf;
}
#main-menu{
    width:100%;
    height:35px;
    border-top:1px solid #dfdfdf;
    font-weight:700;
    text-align:center;
    overflow:hidden
}
#main-menu .ihome{
    float:left;
    margin:5px 10px;
    display:inline
}
#main-menu .main-menu{
    padding:9px 0;
    text-align:left
}
#main-menu .main-menu ul{
    width:100%
}
#main-menu .main-menu li{
    float:left;
    border-right:1px solid #002aff
}
#main-menu .main-menu li a{
    color:#002aff;
    padding:0 12px;
    font-weight:100;
    text-transform:uppercase;
    display:inline-block
}
#main-menu .main-menu li a:hover{
    text-decoration:none;
    color:#ccc
}
#main-menu .main-menu li.current-menu-item a,
#main-menu .main-menu li.current-post-parent a{
    color:#ccc
}

/* Dropdown Menu */
#main-menu .main-menu li li a,
#main-menu .main-menu li li a:link,
#main-menu .main-menu li li a:visited{
    background:#dfdfdf;
    color:#000;
    position:relative;
    text-transform:uppercase;
    width:138px;
    line-height:32px;
    padding:0 10px;
    border-bottom:1px solid #bbb
}
#main-menu .main-menu li li,
#main-menu .main-menu li li:first-child{
    border:none
}
#main-menu .main-menu li li a:hover{
    background-color:inherit
}
#main-menu .main-menu li ul{
    height:auto;
    left:-9999px;
    position:absolute;
    width:160px;
    z-index:9999;
    margin:0;
    padding-top:14px
}
#main-menu .main-menu li ul a{
    width:140px
}
#main-menu .main-menu li ul ul{
    margin:-33px 0 0 159px
}
#main-menu .main-menu li:hover>ul{
    left:auto
}

/* Mobile Navigation */
nav ul{
    display:block
}
nav select{
    display:none;
    border:1px solid #dfdfdf;
    padding:3px;
    font:15px 'Abel', sans-serif
}

/* ===== BREADCRUMBS ===== */
.breadcrumbs{
    background:#f7f7f7;
    width:550px;
    font-size:13px;
    padding:2px 10px;
    text-transform:capitalize;
    font-weight:100
}

/* ===== PAGINATION ===== */
.Nav{
    width:100%;
    margin:20px 0
}
.Nav a,
.Nav a:visited,
.Nav span{
    border:1px solid #ccc;
    background:#f9f9f9
}
.Nav a{
    border:1px solid #ddd;
    color:#000!important;
    padding:6px
}
.Nav a:hover{
    background:#dfdfdf;
    text-decoration:none
}
.Nav span{
    margin-right:3px;
    padding:6px 5px
}
.Nav .on{
    background:#dfdfdf;
    padding:6px;
    border:1px solid #ccc
}

/* ===== SOCIAL SHARING ===== */
.social-container{
    margin:15px 0;
    width:100%
}
.SocialCustomMenu,.related_posts p{
    margin:0
}
.SocialCustomMenu a,
.SocialCustomMenu a:visited,
.SocialCustomMenu span{
    padding:5px;
    font-size:.95em;
    display:inline;
    text-decoration:none
}
.SocialCustomMenu a,
.SocialCustomMenu a:visited{
    color:#fff!important
}
.social-container .twitter{
    background-color:#000000
}
.social-container .facebook{
    background-color:#3b5998
}
.social-container .sharetext{
    background:#efefef;
    color:#333!important
}

/* ===== RELATED POSTS ===== */
.related_posts{
    width:100%;
    margin-top:15px
}
.related_posts h3{
    background:#efefef;
    font-size:16px;
    padding:4px 10px;
    font-weight:100;
}
.related_posts ul{
    margin:5px 0
}
.related_posts ul li{
    padding:1%;
    width:98%;
    display:inline-block;
    overflow:hidden;
    margin-bottom:5px;
    border:1px solid #efefef
}
.related_posts .thumb{
    float:right;
    width:100px;
    height:80px;
    margin-right:10px;
    overflow:hidden
}
.related_posts h4{
    font-size:17px;
    line-height:25px;
    margin-bottom:5px
}
.related_posts .relatedcontent{
    float:left;
    overflow:hidden
}

/* ===== ALIGNMENT ===== */
.alignleft{
    float:left
}
.alignright{
    float:right
}
.aligncenter,div.aligncenter{
    display:block;
    margin:0 auto;
    text-align:center
}
img.alignleft{
    margin:5px 15px 10px 0
}
img.alignright{
    margin:5px 0 10px 10px
}
img.aligncenter{
    margin:10px auto
}

/* ===== WORDPRESS CAPTIONS ===== */
.wp-caption,
.wp-caption img,
p img{
    max-width:100%
}
.wp-caption{
    text-align:center;
    border-bottom:1px solid #dadada;
    background-color:#fff;
    padding-top:5px;
    margin-bottom:10px!important
}
.wp-caption p.wp-caption-text{
    font-size:12px;
    line-height:18px;
    padding:0 4px 5px;
    margin:0
}

/* ===== MISC ===== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}

/* ===== ELEMENT DISPLAY ===== */
article, aside, details, figcaption, figure, footer, 
header, hgroup, nav, section {
    display: block;
}

/* ===== POST THUMB DISPLAY ===== */
.post .thumb, article, aside, details, figcaption, 
figure, footer, header, hgroup, nav, section {
    display: block;
}

/* ===== MAIN MENU BORDER ===== */
#main-menu, #sidebar h3.title {
    border-bottom: 2px solid #dfdfdf;
}

/* ===== P IMAGE PADDING ===== */
p img {
    padding: 0;
}

/* ===== HOME ICON IN MENU ===== */
#main-menu .ihome {
    float: left;
    margin: 5px 10px;
    display: inline;
}

/* ===== MAIN MENU TEXT ALIGN ===== */
#main-menu .main-menu {
    padding: 9px 0;
    text-align: left;
}

/* ===== CURRENT MENU ITEM ===== */
#main-menu .main-menu li.current-menu-item a,
#main-menu .main-menu li.current-post-parent a {
    color: #ccc;
}

/* ===== NAV SELECT (MOBILE) ===== */
nav select {
    display: none;
    border: 1px solid #dfdfdf;
    padding: 3px;
    font: 15px 'Abel', sans-serif;
}