/*
Theme Name: Ultimate Blogger
Theme URI: https://www.buywptemplates.com/themes/free-ultimate-blogger-wordpress-theme/
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: Ultimate Blogger is a beautiful and minimal blog theme designed specifically for bloggers to make blogs for photography, food, fashion, lifestyle, magazines, travel, sports, technology, as well as modern newspaper websites. It is a powerful blog theme with plenty of features, user-friendly customization and personalization options. It includes features such as quick page speed, mobile friendly design, cross browser compatibility, SEO friendly, translation ready, etc. It shows a large slider with a banner that has a Call to Action Button (CTA) to attract the visitors. It is compatible with WooCommerce and features layouts for products, posts, and pages. It has secure and clean codes that do not allow you to write even a single line of code. It offers a bunch of shortcodes that helps in incorporating functional features. This minimal blog theme is based on Bootstrap framework which enhances the speed of development. Also, it has an interactive demo for easy understanding. View full demo here: https://buywptemplates.com/ultimate-blogger-pro/
Version: 0.4.2
license : GNU General Public License v3.0
License URI : http://www.gnu.org/licenses/gpl.html
Text Domain: ultimate-blogger
Template: multipurpose-blog
Tags: custom-background, custom-menu, custom-colors, custom-logo, editor-style, featured-images, full-width-template, footer-widgets, one-column, two-columns, theme-options, threaded-comments, right-sidebar, left-sidebar, education, grid-layout, three-columns, blog, news
*/

/* Header Section */
body,
#content-blog h2,
#content-blog h3,
.metabox,
h1.entry-title, 
h1.page-title,
.services .section-title a{ 
    color: #999 !important;
}
.menus{
	border:none;
}
#header .nav ul li a {
    padding: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
}
#header .nav ul li a:hover{
	border-bottom: none;
    color: #222;
}
#header .top_headbar {
    background: #c7a770;
    padding: 10px 0;
}
.logo_bar{
    border: none;
}
#header .socialbox i {
    color: #000;
    font-size: 14px;
    margin: 0 5px;
}
#header .logo {
    padding: 0;
}
#header .top_headbar{
    color: #000;
    font-size:12px;
    letter-spacing: 1px;
    text-align: center;
}
#header .logo a{
    font-size: 28px;
    color: #000;
    font-weight: bold;
}
#header .nav {
    padding: 18px 0;
}
#header .logo p{
    color: #000;
}

/* Static Section */
.middle-align{
    margin-top: 3%;
}
.row.margin-remove {
    margin: 0;
}
.padremove{
    padding: 0 !important;
    position: relative;
}
#photography {
    padding: 0;
}
.contentbox h4 {
    margin: 0;
    background: transparent;
    padding: 0;
    color: #bbb;
    font-size: 15px;
    font-weight: bold;
}
.contentbox {
    bottom: 0;
    top: initial;
    background: rgba(0, 0, 0, 0.69);
    padding: 10px;
}
.contentbox p {
    text-align: left;
    color: #bbb;
    font-size: 15px;
    margin: 0;
}
.imagebox{
    margin-bottom: 0;
}
.socialbox {
    padding-top: 18px;
}
.contact {
    display: flex;
    text-align: left;
    margin-top: 5px;
}
/* our category */
section{
    background-color: transparent;
}
#our_blog {
    padding: 3% 0;
}
.main-box {
    text-align: center;
    background: #3d3c3d;
    margin-bottom: 30px;
    padding: 15px;
}
.cat-box,
.date-box {
    background: transparent;
    padding: 10px 0;
    margin: 0;
}
.main-box h4 {
    padding: 0;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
}
.cat-box {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}
.date-box a {
    color: #888;
}
.main-box p {
    text-align: left;
    padding: 0 30px;
    color: #fff;
    letter-spacing: 1px;
}
.blogbutton-small{
	display: inline-block;
	border: none;
	color: #fff;
    background: #c7a770;
}
.blogbtn{
	margin:0 auto;
	padding-bottom: 20px;
}
.hvr-sweep-to-right:before,
#sidebar .tagcloud a:hover{
	background: #3d3c3d;
    border: solid 1px #fff;
    color: #fff;
}
.hvr-sweep-to-right
.main_image img {
    width: 100%;
}
#our-services {
    background: transparent;
}

/* Sidebar */
#sidebar aside.widget_search {
    background: #3d3c3d;
    padding: 15px;
}
#sidebar {
   padding-top: 0;
}
#sidebar h3 {
    margin: 0;
    padding: 12px 0;
    font-size: 20px;
    background: transparent;
    color: #fff;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#sidebar aside {
    border: none;
    box-shadow: none;
    background: #3d3c3d;
}
#sidebar ul li a {
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1px;
}
#sidebar ul li {
    margin: 5px 10px;
    background: transparent;
    color: #fff;    
    font-weight: normal;
}
#sidebar input[type="submit"] {
    padding: 10px 0;
    font-family: sans-serif;
    font-size: 15px;
    color: #fff;
    background: #c7a770;
}
#sidebar input[type="search"]{
    padding: 10px;   
}
.copyright-wrapper p, .copyright-wrapper a {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    background: #3d3c3d
}
.copyright-wrapper{
    text-align: left;
}

/* Footer */

.footer-wp{
    background-color: #3d3c3d;
}
.footer-wp ul {
    text-align: left;
}
.footer-wp li a,
.footer-wp h3,
.footer-wp th,
.footer-wp td,
.footer-wp caption,
.footerinner span,
.rssSummary,
#sidebar caption,
#sidebar th,
#sidebar td,
strong,
.textwidget p{
    color: #fff;
}
.textwidget,
.tagcloud {
    padding: 15px;
}
.inner {
    background: #c7a770;
    padding: 15px;
}
.inner p {
    margin: 0;
    color: #000;
    font-size: 15px;
}
.inner a{
    color: #000;
}
.footer-wp .tagcloud a {
    background: #eeeeee;
    color: #000;
    font-size: 15px !important;
    padding: 5px 18px;
    margin: 0 0 5px;
    display: inline-block;
}

/* Media */
@media screen and (max-width: 720px){
    .admin-bar .header .nav {
        top: -92px;
        width: 100%;
        left: 0;
    }
    #header .nav ul li a {
        padding: 10px;
    }
    .socialbox {
        text-align: center;
    }
}
@media screen and (min-width: 720px){
    .header .nav ul li:hover > ul {
        background: #c7a770;
        top: 30px;
        border: solid;
    }
}