/*
Theme Name: Cari Kos V2 Wordpress Theme
Theme URI: http://cari-kos.com/blog
Author: Adisthana Wijaya
Author URI: http://adisthana.com
Description: Theme untuk Blog dari cari-kos.com 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Cari Kos, Kost jakarta murah, Kost Denpasar, Kost Malang, Kost di Bali
Text Domain: CariKos

Blog dari Cari-Kos.com.
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 20px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text, figure .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
figure .wp-caption-text { padding:5px;}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

#widget-area ul li {margin-left:20px;}
.content-item .main-content ol li {margin-left:15px;}
.kategoriItemDetail a {color:#fff;}
.content-item .main-content {border:none;}
.content-item .main-content p {line-height:24px; text-align:justify;}
.breadcrumbs {margin-top:15px;}
.breadcrumbs a {font-size:12px;}
#item-head h1 {margin:25px 0; font-size:26px; text-transform: uppercase; font-weight: bold;}
.ads_sidebar_300250 {overflow:hidden; margin-top:20px;}
#right-side h2 {margin:0; font-size:18px; color:#515151; text-align:left; font-weight: bold; text-transform:none;}
#right-side.rightCarKos {display:block;}
.home #right-side {margin-top:20px;}
.fetchPost {
    border-bottom: 1px dotted #999;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.fetchPost h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
	color:#515151;
}
.fetchPost h3 a {color:#ff6600;}
.featuredimg {width:35%; float:left;}
.featuredimg img {width:100%; height:auto;}
.textcontent {width:60%; float:right;}
.textcontent p {font-size:14px; text-align:justify; line-height:22px;}
.header_menu p a.blogmenu {font-weight:bold; color:#f00;}

aside#recent-posts-2, aside#categories-2 {
	background-color: transparent;
    border-radius: 10px;
}
aside#recent-posts-2 .widget-title, 
aside#categories-2 .widget-title,
aside.widget.popular-posts .widget-title{
	background-color: #ff6600;
    color: #fff;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    border-radius: 10px 10px 0px 0px;
}
aside#categories-2 ul li a{
	font-weight: 600;
}
#widget-area ul {
	margin-top:0; padding-left: 0;
	border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-radius: 0px 0px 10px 10px;
}
#widget-area ul li {
	list-style:none;
	margin-left: 0;
    padding: 0px 15px;
}
#widget-area ul li:hover {background-color:#00bbd9;}
#widget-area ul li:hover a {
	color: #ffffff;
	text-decoration: none;
}
#widget-area ul li:last-child a{
	border-bottom: none;
}
#widget-area ul li a {
	color: #000000;
    font-size: 12px;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #cccccc;
    padding: 15px 0px;
}

.relatedposts {
    float: left;
    font-size: 12px;
    margin: 30px 0 40px;
    width: 100%;
}
.relatedposts h3 {
    border-bottom: 2px dotted #ccc;
    font-size: 20px;
    margin: 0 0 30px;
    padding-bottom: 25px;
}
.relatedthumb {
    float: left;
    margin: 0 5px 15px 0;
    width: 200px;
	min-height:235px;
}
.relatedthumb img {
    margin: 0 0 10px;
    padding: 0;
    width: 175px;
	height:auto;
}
.relatedthumb a {
    color: #000;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.relatedthumb a:hover {
    color: #999;
    font-weight: bold;
}
.relatedthumb p {
    height: 30px;
}

.halPost { padding:20px 0; margin:20px 0;}
.halPost .custom-page-links {background-color:#ff6600; color:#fff; padding:10px 15px;}
.halPost a .custom-page-links {background-color:#3b3c40;}

.datePublished {
    color: #999;
    margin-bottom: 20px;
}
    .datePublished a {
        font-weight: bold;
        color: #999;
    }
    .datePublished span {
        background-color: #2fbad7;
        padding: 5px 10px;
        color: #fff;
    }
        .datePublished span a {
            color: #fff;
        }
.second .row {
    margin-left: -15px;
    margin-right: -15px;
}
.first.firstAllPage {
    margin-top: -30px;
}
.second.firstAllPage {
    margin-top: -80px;
}

.main-content p {
    line-height: 2;
}

@media only screen and (max-width: 992px) {
    .navbar-nav>li.cat-item {
        margin-left: 30px;
    }
    .navbar-nav>li.cat-item>a {
        text-align: left;
    }
}

/*ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ads_sidebar_300250 {margin-bottom:20px;}
    .second.firstAllPage {
        margin-top: -75px;
    }
}
/* Note: Design for a width of 290px iphone */
@media only screen and (max-width: 767px) {
	.featuredimg {width:100%; height:100%;}
	.textcontent {width:100%;}
	.relatedthumb { width:100%; height:auto !important;}
	.relatedthumb img {width:100%; height:200px;}
    .datePublished {
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .first.firstAllPage {
        margin-top: -60px;
    }
    .second.firstAllPage {
        margin-top: -110px;
    }
}
/*tablet*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.ads_sidebar_300250 {margin-bottom:20px;}
    .second.firstAllPage {
        margin-top: -75px;
    }
}