/*
Theme Name: Bloga
Theme URI: http://www.xltheme.com/product/bloga/
Author: XL Theme
Author URI: http://www.xltheme.com/
Description: Bloga is a responsive personal blogging template.
Version: 1.1
*/


/**
* 2.0 Global
*/
html,body {
    color: #5c6c82;
}
a {
    color: #2b3747;
}
a:hover {
    color: #ef6767;
}
article tr,
article th,
article td {
    border: 1px solid #ddd;
}
blockquote {
    border-left: 5px solid #ef6767;
}
.wp-caption-text {
    color: rgba(51, 51, 51, 0.6);
}
.sticky {
    background-color: rgb(221, 221, 221);
}

/**
* 2.2 Section
*/
.separator {
    border-bottom: 1px solid #e3e3e3;
}

/**
* 2.3 Button
*/
.btn:hover, .btn:focus, .btn.focus {
    color: #ffffff;
}
.custom-btn,
.submit {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.custom-btn:hover,
.submit:hover {
    background: #ef6767;
    color: #ffffff;
    border-color: #ef6767;
}
.submit {
    color: #2b3747;
    border-color: #b8c3d2;
}

/**
* 3.0 Header
*/
.header-area {
    background: #ffffff;
    border-top: 1px solid rgba(221, 221, 221, 0.41);
    border-bottom: 1px solid rgba(221, 221, 221, 0.41);
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #ef6767;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #ef6767;
}
.nav .open>a, .nav .open>a:hover,
.nav .open>a:focus {
    background-color: #ef6767;
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li.current-menu-item a {
    color: #ef6767;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ef6767;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ef6767;
}
.navbar-default .navbar-toggle {
    border-color: #ef6767;
}
.collapse.navbar-collapse {
    border-color: transparent;
}
.sm-blue ul {
    background:#ef6767;
}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
    color:#ef6767;
    border-left: 2px solid #ef6767;
}
.sm-blue ul a.highlighted {
    background:#ef6767;
}
.sm-blue ul a:hover {
    color: #ef6767 !important;
}
.sub-menu.sm-nowrap {
    border-top: 2px solid #d32f2f;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #2b3747;
}

/**
* 4.0 Blog
*/
.post-thumbnail {
    border: 2px solid #e3e3e3;
}
.more-btn {
    color: #2b3747;
    border-color: #b8c3d2;
}

/**
* 4.1 Blog Page
*/
.blog-page .entry-meta {
    border-bottom: 1px solid #e3e3e3;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #ef6767;
    border-color: #ef6767;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #ffffff;
    background-color: #ef6767;
    border-color: #ef6767;
}
.pagination>li>a,
.pagination>li>span {
    color: #2b3747;
    border: 1px solid #ddd;
}

/**
* 4.2 Single Blog
*/
.comment-body {
    border: 1px solid #ddd;
}

/**
* 4.3 Comment Respond
*/
.byline.comment-author-link {
    color: #7d8ca1;
}

/**
* 5.0 Sidebar
*/
.form-control:focus {
    border-color: #ef6767;
}
.sidebar-widget .widget li,
.footer-top-widget .widget li {
    border-bottom: 1px solid #e3e3e3;
}
.blog-search-button {
    background: transparent;
}

/**
* 5.1 Calendar
*/
#wp-calendar caption {
    border: 1px solid #dddddd;
}
#wp-calendar table, #wp-calendar th, #wp-calendar td {
    border: 1px solid #dddddd;
}
#wp-calendar td#today a {
    background: #ef6767;
}
#wp-calendar td a:hover {
    background: #ef6767;
    color: #ffffff;
}

/**
* 6.0 Footer Widget
*/
.footer-widget {
    background: #2b3747;
    color: #f5f5f5;
}
.footer-widget a {
    color: #ffffff;
}
.footer-widget a:hover {
    color: #ef6767;
}
.widget li {
    border-bottom: 1px solid #414f62;
}

/**
* 7.0 Footer
*/
.footer-area {
    background: #ffffff;
}