@charset "UTF-8";

/*
Theme Name: RB Blog Two
Theme URI: https://github.com/BashirRased/wp-theme-rb-blog-two
Author: Bashir Rased
Author URI: https://profiles.wordpress.org/bashirrased2017/
Description: RB Blog Two is your  personal blog website.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rb-blog-two
Tags: one-column, custom-menu, custom-logo, featured-images, sticky-post, threaded-comments, translation-ready

RB Blog Two WordPress Theme, (C) 2022 Bashir Rased.
RB Blog Two is distributed under the terms of the GNU GPL.
*/

/*=============================
Table of CSS Content Start Here
===============================
    01. Preloader Area 
	02. WordPress Recommended Classes
	03. WordPress Info Class
    04. WordPress Default Classes
	05. Default HTML Tags
	06. Header Area
        6.1. Header Top Bar
        6.2. Site Branding
        6.3. Breadcrumbs
        6.4. Header Menu
    07. Content Area
    08. Sidebar Area
    09. Footer Area
    10. Scroll to Top Button
=============================
Table of CSS Content End Here
===========================*/

/*======================================
----- 01. Preloader CSS Start Here -----
======================================*/

/*====================================
----- 01. Preloader CSS End Here -----
====================================*/

/*==========================================================
----- 02. WordPress Recommended Classes CSS Start Here -----
==========================================================*/
.wp-caption{
    display: block;
}
.wp-caption-text{
    display: block;
}
.sticky{
    display: block;
}
.gallery-caption{
    display: block;
}
.bypostauthor{
    display: block;
}
.alignright{
    text-align: right;
}
.alignleft{
    text-align: left;
}
.aligncenter{
    text-align: center;
}
/*========================================================
----- 02. WordPress Recommended Classes CSS End Here -----
========================================================*/

/*=================================================
----- 03. WordPress Info Class CSS Start Here -----
=================================================*/
.screen-reader-text{
    display: block;
}
/*===============================================
----- 03. WordPress Info Class CSS End Here -----
===============================================*/

/*==============================================
----- 04. Default HTML Tags CSS Start Here -----
==============================================*/
body {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
strong a {
    font-weight: 700;
}

img {
    max-width: 100%;
    height: auto;
}

a:hover,
a:focus {
	text-decoration: double underline;	
}
/*============================================
----- 04. Default HTML Tags CSS End Here -----
============================================*/

/*========================================
----- 05. Header Area CSS Start Here -----
========================================*/

/* 5.1. Header Top Bar CSS Start Here */
.header-top {
    padding: 5px 0;
    color: #fff;
}
.current-date-display {
    float: right;
}
/* 5.1. Header Top Bar CSS End Here */

/* 5.2. Site Branding CSS Start Here */
.site-branding-area {
    padding: 15px 0;
}

.site-branding-inner {
    display: flex;
}

.site-logo {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.custom-logo-link {
    display: block;
}
.custom-logo-link:hover img,
.custom-logo-link:focus img {
    border-style: solid;
    border-width: 1px;
	box-shadow: -3px -3px 10px rgba(0,0,0,.5);
	padding: 5px;
}
.custom-logo {
    height: 80px;
    width: auto;
}

.site-branding {
    display: inline-block;
}
.site-title h1 {
    margin: 0;
}

.site-title a {
    text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
    text-decoration: underline;
    background-color: transparent;
    padding: 0;
}

.site-description {
    margin: 0;
}
/* 5.2. Site Branding CSS End Here */

/* 5.3. Breadcrumbs CSS Start Here */
.breadcrumbs-area {
    position: relative;
    padding: 120px 0;
    text-align: center;
    background-color: #ccc;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.breadcrumbs-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 2;
}
.breadcrumbs {
    position: relative;
    color: #fff;
    z-index: 3;
}
.breadcrumbs-title {
    text-transform: capitalize;
    margin-bottom: 50px;
}
.breadcrumbs-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumbs-nav ul li {
    display: inline-block;
    margin: 0 2px 2px 0;
}
.breadcrumbs-text a {
    text-decoration: none;
}
.breadcrumbs-text a:hover,
.breadcrumbs-text a:focus {
    text-decoration: underline;
    background-color: transparent;
    padding: 0;
}
/* 5.3. Breadcrumbs CSS End Here */

/* 5.4. Header Menu CSS Start Here */
.header-menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 99999;
	box-shadow: 0 3px 2px rgba(0, 0, 0, .5);
}
.header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-menu li {
    float: left;
    position: relative;
}
.header-menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}
.header-menu a:hover,
.header-menu a:focus {
    background-color: #fff;
}

.header-menu a i {
    margin-left: 5px;
}

.header-menu li li {
    float: none;
}

.header-menu-dropdown {
    position: absolute;
    top: 100%;
    left: -9999px;
}

.header-menu li:hover .header-menu-dropdown,
.header-menu li:focus-within .header-menu-dropdown {
    left: 0;
    min-width: 250px;
    z-index: 99;
}

.header-menu-dropdown li {
    position: relative;
}

.header-menu-dropdown a {
    border-top: 1px solid rgba(255,255,255,0.2);
}

.dropdown-menu-btn {
   display: none;
}

.header-menu-multi-dropdown {
    position: absolute;
    left: 100%;
    top: -9999px;
}

.header-menu-dropdown li:hover > .header-menu-multi-dropdown,
.header-menu-dropdown li:focus-within > .header-menu-multi-dropdown {
    top: 0;
    min-width: 250px;
    z-index: 99;
}

.header-menu-multi-dropdown a {
    border-left: 1px solid rgba(255,255,255,0.2);
}
/* 5.4. Header Menu CSS End Here */

/*======================================
----- 05. Header Area CSS End Here -----
======================================*/

/*=========================================
----- 07. Content Area CSS Start Here -----
=========================================*/
.post {
    margin: 20px 0;
    padding: 15px;
    background-color: #eee;
}

.page.type-page {
    margin: 20px 0;
    padding: 15px;
    background-color: #eee;
}

/* Page Header Area CSS Start Here */
.page-header {
	background-color: #eee;
	margin-top: 20px;
	padding: 5px;
}
.page-title {
    margin: 0;
}
/* Page Header Area CSS End Here */

.search-result-count {
    background-color: #eee;
	margin-top: 20px;
	padding: 5px;
}

.page-content {
    background-color: #eee;
	margin: 20px 0;
	padding: 15px;
}

.posted-sticky,
.posted-visibility,
.posted-format {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.entry-title a {
    text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
    text-decoration: underline;
}

.posted-by,
.posted-on,
.cat-links,
.comments-count,
.edit-link {
    display: inline-block;
    margin: 0 10px 10px 0;
    color: #abb8c3;
}

.posted-by a,
.posted-on a,
.cat-links a,
.comments-count a,
.edit-link a {
    text-decoration: none;
}

.posted-by a:hover,
.posted-by a:focus,
.posted-on a:hover,
.posted-on a:focus,
.cat-links a:hover,
.cat-links a:focus,
.comments-count a:hover,
.comments-count a:focus,
.edit-link a:hover,
.edit-link a:focus {
    text-decoration: underline;
}

.read-more-btn {
	display: inline-block;
	margin: 10px 0;
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	text-decoration: none;
}

.read-more-btn:hover,
.read-more-btn:focus {
    color: #fff;
    text-decoration: underline;
}

/* Post Pagination */
.nav-links {
    margin: 10px 0;
}
.page-numbers {
    display: inline-block;
	padding: 10px 15px;
	border-width: 1px;
	border-style: solid;
	margin: 0 1px 10px 0;
    text-decoration: none;
}

.page-numbers:hover,
.page-numbers:focus {
    text-decoration: underline;
}

.page-numbers:hover,
.page-numbers:focus,
.page-numbers.current {
    color: #fff;
}

/* Comment From */
.comments-title {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.comment-body {
    background-color: #eee;
    padding: 15px;
    margin: 10px 0;
}
.children {
    list-style: none;
}
.comments-area a {
    text-decoration: none;
}
.comments-area a:hover,
.comments-area a:focus {
    text-decoration: underline;
}

.comment-edit-link {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    margin: 0 0 5px 5px;
}
.comment-edit-link:hover,
.comment-edit-link:focus {
    color: #fff;
}

#cancel-comment-reply-link {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    margin: 0 0 5px 5px;
    text-transform: capitalize;
    display: inline-block;
}

#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:focus {
    color: #fff;
}

.comment-reply-link {
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
    color: #fff;
}

.comment-respond {
    padding: 15px;
    margin: 10px 0;
    background-color: #eee;
}

.comment-form label,
.comment-form input,
.comment-form textarea {
    display: block;
    margin-bottom: 10px;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    padding: 15px;
    background-color: #eee;
}

.comment-form input:hover,
.comment-form input:focus,
.comment-form textarea:hover,
.comment-form textarea:focus {
    outline: none;
}

.comment-form-cookies-consent input,
.comment-form-cookies-consent label {
    display: inline;
    width: auto;
}

.comment-form .submit {
    border-width: 1px;
    border-style: solid;
    padding: 10px 20px;
    background-color: transparent;
    width: auto;
}
.comment-form .submit:hover,
.comment-form .submit:focus {
    color: #fff;
}
/*=======================================
----- 07. Content Area CSS End Here -----
=======================================*/

/*=========================================
----- 08. Sidebar Area CSS Start Here -----
=========================================*/
.sidebar-area {
    margin: 20px 0;
}
.widget_block {
    margin-bottom: 20px;
    background-color: #eee;
    padding: 15px;
}
/*=======================================
----- 08. Sidebar Area CSS End Here -----
=======================================*/

/*========================================
----- 09. Footer Area CSS Start Here -----
========================================*/
.site-footer {
    padding: 10px 0;
    color: #fff;
}
.site-footer a {
    text-decoration: none;
    color: #fff;
}
.site-footer a:hover,
.site-footer a:focus {
    text-decoration: underline;
    background-color: transparent;
    padding: 0;
}
.copyright-text,
.powered-by-text {
    margin: 0;
}
.powered-by-text {
    float: right;
}
/*======================================
----- 09. Footer Area CSS End Here -----
======================================*/

/*=================================================
----- 10. Scroll to Top Button CSS Start Here -----
=================================================*/
.scroll-to-top {
    display: none;
	position: fixed;
	width: 40px;
	height: 40px;
	bottom: 40px;
	right: 40px;
    line-height: 44px;
	border-radius: 5px;
	border: none;
    color: #fff;
    box-shadow: -3px -3px 10px rgba(0,0,0,0.3);
    z-index: 9999;
}

.scroll-to-top i {
    transform: rotate(-45deg);
}
/*===============================================
----- 10. Scroll to Top Button CSS End Here -----
===============================================*/