/*
Theme Name: RB Blog Two
Theme URI: https://bashirrased.com/theme/rb-blog-two/
Text Domain: rb-blog-two
Version: 1.0.1
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Description: RB Blog Two is a responsive WordPress personal blog theme for WordPress. It is a WordPress theme specifically crafted for crafting professional blog websites. It is built upon the latest web technologies. Live Preview: https://bashirrased.com/theme/rb-blog-two/
Tags: blog, custom-background, custom-logo, custom-menu, featured-images, full-width-template, right-sidebar, one-column, sticky-post, threaded-comments
Author: Bashir Rased
Author URI: https://bashirrased.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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

/*=============================
Table of CSS Content Start Here
===============================
	01. Default HTML CSS
	02. Common Class CSS
	03. Nice Select Customize CSS
	04. Mean Menu Customize CSS
	05. WordPress Core CSS
	06. WordPress Widget CSS
	07. WordPress Block CSS
    08. Preloader CSS Area
    09. Header Top CSS Area
    10. Header Site Branding CSS Area
    11. Header Menu CSS Area
    12. Breadcrumbs CSS Area
    13. Blog Item CSS Area
    14. Blog Single Item CSS
    15. Pagination CSS Area
    16. Comment Template CSS Area
    17. Error Page CSS Area
    18. Footer CSS Area
    19. Scroll To Top CSS Area
=============================
Table of CSS Content End Here
===========================*/

/*=========================================
===== 01. Default HTML CSS Start Here =====
=========================================*/
*:focus {
	outline: 0;
}

*::-moz-selection {
	background: var(--primary-color);
	color: var(--white-color);
}
*::selection {
	background: var(--primary-color);
	color: var(--white-color);
}

body {
	position: relative;
	word-break: break-all;
	scroll-behavior: smooth;
	outline: 0;
	font-family: var(--body-font);
    font-weight: var(--body-font-weight);
    color: var(--black-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
caption,
figcaption,
strong,
b,
em {
    font-family: var(--heading-font);
    font-weight: var(--heading-font-weight);
}

h1 {
	font-size: var(--h1-font-size);
}

h2 {
	font-size: var(--h2-font-size);
}

h3 {
	font-size: var(--h3-font-size);
}

h4 {
	font-size: var(--h4-font-size);
}

h5 {
	font-size: var(--h5-font-size);
}

h6 {
	font-size: var(--h6-font-size);
}

p {
	font-size: var(--p-font-size);
}

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

a { 
    color: var(--primary-color);
	transition: var(--transition);
}

a img {
	display: block;
}

a:hover,
a:focus,
kbd {
	color: var(--white-color);
	background-color: var(--primary-color);
}

strong,
b,
code,
em,
hr {
	color: var(--primary-color);
}

pre {
	padding: 15px;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

hr {
	opacity: 1;
}

select,
option {
    width: 100%;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea {
	outline: 0;
	transition: var(--transition);
}

table {
	caption-side: top;
	width: 100%;
}

button {
	border: none;
	background-color: transparent;
	transition: var(--transition);
}

figure,
iframe {
	max-width: 100%;
}

figcaption {
	margin-bottom: 10px;
}

blockquote {
    position: relative;
    overflow: hidden;
}

blockquote::before {
	position: absolute;
}

blockquote cite,
blockquote footer {
	float: right;
}

blockquote cite::before,
blockquote footer::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 1px;
	background-color: var(--primary-color);
	left: -35px;
	top: 50%;
}
/*=======================================
===== 01. Default HTML CSS End Here =====
=======================================*/

/*=========================================
===== 02. Common Class CSS Start Here =====
=========================================*/
.theme-btn {
	display: inline-block;
    text-decoration: none;
}
/*=========================================
===== 02. Common Class CSS Start Here =====
=========================================*/

/*==================================================
===== 03. Nice Select Customize CSS Start Here =====
==================================================*/
.nice-select {
    width: 100%;
	float: none;
}

.nice-select:hover,
.nice-select:focus {
    border-color: var(--primary-color);
}

.nice-select:after {
    width: 10px;
    height: 10px;
	margin-top: -7px;
	right: 20px;
    border-bottom: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color);
}

.nice-select .current {
	display: block;
	overflow: hidden;
}

.nice-select .list {
	width: 100%;
}

.nice-select .option.focus,
.nice-select .option.selected.focus {
	background-color: var(--primary-color);
}

.nice-select .option:hover,
.nice-select .option:focus {
	color: var(--white-color);
    background-color: var(--primary-color);
}
/*================================================
===== 03. Nice Select Customize CSS End Here =====
================================================*/

/*================================================
===== 04. Mean Menu Customize CSS Start Here =====
================================================*/
.mean-container a.meanmenu-reveal {
	padding: 15px;
}

.mean-container .mean-nav ul li a {
	border-top: none;
	border-bottom: 1px solid var(--primary-color);
}

.mean-container .mean-nav ul li:last-child a {
	border-bottom: none;
}
/*================================================
===== 04. Mean Menu Customize CSS Start Here =====
================================================*/

/*===========================================
===== 05. WordPress Core CSS Start Here =====
===========================================*/
.bypostauthor,
.gallery-caption {
    display: block;
}

.alignnone {
    margin: 10px 10px 10px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 10px 0;
}

.alignright {
    float:right;
    margin: 10px 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}

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

a img.alignnone {
    margin: 10px 10px 10px 0;
}

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

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

.wp-caption {
    text-align: center;
}

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

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

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

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

.wp-caption p.wp-caption-text {
	color: var(--primary-color);
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Skip Link --------------------------------- */
.skip-link,
.logged-in .screen-reader-shortcut {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: none;
}

.skip-link:focus,
.logged-in .screen-reader-shortcut:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 16px;
	font-weight: var(--heading-font-weight);	
}

/*=========================================
===== 05. WordPress Core CSS End Here =====
=========================================*/

/*=============================================
===== 06. WordPress Widget CSS Start Here =====
=============================================*/
/** 01. Archive Widget List Format */
.widget_archive ul,
.wp-block-archives-list {
    padding-left: 0;
}

.widget_archive ul li,
.wp-block-archives-list li {
    list-style: none;
	display: block;
	text-align: right;
	overflow: hidden;
}

.widget_archive ul li a,
.wp-block-archives-list li a {
	position: relative;
	float: left;
    text-decoration: none;
	color: var(--black-color);
}

.widget_archive ul li a:hover,
.widget_archive ul li a:focus,
.wp-block-archives-list li a:hover,
.wp-block-archives-list li a:focus {
	text-decoration: underline;
	color: var(--primary-color);	
    background-color: transparent;
}

.widget_archive ul li a::before,
.wp-block-archives-list li a::before {
	position: absolute;
	content: "\f07c";
    font-family: "FontAwesome";
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--primary-color);
}

/** 02. Archive Widget Dropdown Format */
.single-post-item .wp-block-archives-dropdown {
	margin-bottom: 10px;
}

.wp-block-archives__label {
    display: block;
}

.widget_archive .wp-block-archives-dropdown li {
    list-style: none;
}

/** 03. Calendar Widget */
.wp-block-calendar,
.calendar_wrap {
    list-style: none;
}

.wp-block-calendar table caption,
.calendar_wrap table caption {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: var(--white-color);
	background-color: var(--primary-color);
}

.wp-block-calendar table,
.calendar_wrap table {
	width: 100%;
	text-align: center;
}

.wp-block-calendar table th,
.calendar_wrap table th {
	color: var(--white-color);
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.wp-block-calendar tbody td,
.calendar_wrap tbody td {
	color: var(--black-color);
	border: 1px solid var(--primary-color);
}

.wp-block-calendar tbody td#today,
.calendar_wrap tbody td#today {
	color: var(--white-color);
	background-color: var(--primary-color);
}

.wp-block-calendar tbody td#today a,
.calendar_wrap tbody td#today a {
	color: var(--white-color);
}

.wp-block-calendar a,
.calendar_wrap a {
	text-decoration: none;
	color: var(--primary-color);
}

.wp-block-calendar a:hover,
.wp-block-calendar a:focus,
.calendar_wrap a:hover,
.calendar_wrap a:focus {
    background-color: transparent;
	text-decoration: underline;
}

.wp-calendar-nav {
	overflow: hidden;
	margin-top: 10px;
}

.wp-calendar-nav-prev {
	float: left;
}

.wp-calendar-nav-next {
	float: right;
}

/** 04. Categroy Widget List Format */
.wp-block-categories-list,
.widget_categories nav > ul {
    padding-left: 0;
}

.wp-block-categories-list li,
.widget_categories ul li {    
    list-style: none;
	display: block;
	text-align: right;
	overflow: hidden;
}

.wp-block-categories-list li a,
.widget_categories ul li a {
	position: relative;
	float: left;
    text-decoration: none;
	color: var(--black-color);
}

.wp-block-categories-list li a:hover,
.wp-block-categories-list li a:focus,
.widget_categories ul li a:hover,
.widget_categories ul li a:focus {
	text-decoration: underline;
	color: var(--primary-color);
    background-color: transparent;
}

.wp-block-categories-list li a::before,
.widget_categories ul li a::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 7px;
	height: 7px;
	background-color: var(--primary-color);
	border-radius: 50%;
}

.widget_categories ul li .children .children .children {
	padding-left: 0;
}

/** 05. Lastest Comments Widget */
ol.wp-block-latest-comments,
.widget_recent_comments nav > ul {
	padding-left: 0;
}

.wp-block-latest-comments__comment,
.recentcomments {
	list-style: none;
	margin-bottom: 0;
}

.wp-block-latest-comments__comment a,
.recentcomments a {
    text-decoration: none;
}

.wp-block-latest-comments__comment a:hover,
.wp-block-latest-comments__comment a:focus,
.recentcomments a:hover,
.recentcomments a:focus {
    text-decoration: underline;
}

.wp-block-latest-comments__comment-date {
    color: var(--grey-text);
}

/** 06. Lastest Post Widget */
.widget_recent_entries ul {
	padding-left: 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list li,
.widget_recent_entries li {
	list-style: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a,
.widget_recent_entries li a {
	text-decoration: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a:hover,
.wp-block-latest-posts.wp-block-latest-posts__list li a:focus,
.widget_recent_entries li a:hover,
.widget_recent_entries li a:focus {
	text-decoration: underline;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    color: var(--grey-text);
}

/** 07. Page List Widget */
.wp-block-page-list,
.widget_pages nav > ul {
    padding-left: 0;
}

.wp-block-page-list li,
.widget_pages ul li {    
    list-style: none;
}

.wp-block-page-list li a,
.widget_pages li a {
	position: relative;
	display: block;
    text-decoration: none;
}

.wp-block-page-list li a:hover,
.wp-block-page-list li a:focus,
.widget_pages li a:hover,
.widget_pages li a:focus {
    text-decoration: underline;
}

.wp-block-page-list li a::before,
.widget_pages li a::before {
	position: absolute;
	content: "\e494";
    font-family: "FontAwesome";
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--primary-color);
}

.wp-block-page-list li .children .children .children,
.widget_pages li .children .children .children {
	padding-left: 0;
}

/** 08. RSS Widget */
.widget_rss ul {
	list-style: none;
	padding-left: 0;
}

.widget-title .rss-widget-feed,
.widget-title .rss-widget-title {
	display: inline-block;
	color: var(--black-color);
}

.widget-title .rss-widget-title:hover,
.widget-title .rss-widget-title:focus {
	color: var(--primary-color);
}

.wp-block-rss__item-title a,
.rsswidget {
	display: block;
    text-decoration: none;	
}

.wp-block-rss__item-title a:hover,
.wp-block-rss__item-title a:focus,
.rsswidget:hover,
.rsswidget:focus {
	text-decoration: underline;
	color: var(--primary-color);
	background-color: transparent;
}

.wp-block-rss__item-publish-date,
.wp-block-rss__item-author,
.rss-date {
	display: block;
    color: var(--grey-text);
}

/** 09. Search Widget */
.wp-block-search__label {
	display: block;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border: 1px solid var(--primary-color);
}

/** 10. Social Links Widget */

/** 11. Tag Widget */
.widget_tag_cloud a,
.wp-block-tag-cloud a {
	display: inline-block;
	text-decoration: none;
}

/** 12. Meta Widget */
.widget_meta ul {
    padding-left: 0;
}

.widget_meta ul li {    
    list-style: none;
}

.widget_meta ul li a {
	position: relative;
	display: inline-block;
    text-decoration: none;
	color: var(--black-color);
}

.widget_meta ul li a:hover,
.widget_meta ul li a:focus {
    color: var(--primary-color);
	background-color: transparent;
	text-decoration: underline;
}

.widget_meta ul li a::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 7px;
	height: 7px;
	background-color: var(--primary-color);
	border-radius: 50%;
}

/** 13. Nav Menu Widget */
.widget_nav_menu nav > ul {
    padding-left: 0;
}

.widget_nav_menu ul li {    
    list-style: none;
}

.widget_nav_menu ul li a {
	position: relative;
	display: block;
    text-decoration: none;
	color: var(--black-color);
}

.widget_nav_menu ul li a:hover,
.widget_nav_menu ul li a:focus {
	color: var(--primary-color);
	background-color: transparent;
	text-decoration: underline;
}

.widget_nav_menu ul li a::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 7px;
	height: 7px;
	background-color: var(--primary-color);
	border-radius: 50%;
}

.widget_nav_menu i,
.widget_nav_menu button {
	display: none;
}

.widget_nav_menu ul ul ul ul {
	padding-left: 0;
}

/** 14. WordPress LogInOut Button */
.wp-block-loginout a,
.wp-block-loginout #wp-submit {
	display: inline-block;
	text-decoration: none;
}

.wp-block-loginout label {
	display: block;
}

.wp-block-loginout .input {
    width: 100%;
}

/** 15. Text Widget */
.widget_text {
	padding: 18px;
	margin-bottom: 10px;
	background-color: var(--white-color);
	box-shadow: var(--light-shadow);
}

/** 16. Social Icon Widget */
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover,
.wp-block-social-links .wp-social-link a:focus {
    background-color: transparent;
}
/*===========================================
===== 06. WordPress Widget CSS End Here =====
===========================================*/

/*============================================
===== 07. WordPress Block CSS Start Here =====
============================================*/
/** 01. Image Block */
.wp-block-image figcaption {
	color: var(--primary-color);
}

/** 02. Button Block */
.wp-block-button__link {
	margin-bottom: 10px;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	text-decoration: none;
}

.wp-block-file__button {
	display: inline-block;
	text-decoration: none;
}

.wp-block-file__button:hover,
.wp-block-file__button:focus {
	text-decoration: none;
}

.wp-block-file a {
	text-decoration: none;
}

/** 03. Cover Block */
.wp-block-cover .wp-block-cover-text,
.wp-block-cover p:not(.has-text-color) {
	color: var(--white-color);
	background-color: var(--primary-color);
}

.wp-block-cover .wp-block-cover-text strong {
	color: var(--white-color);
}

/** 04. Gallery Block */
.wp-block-gallery:not(.has-nested-images).alignleft {
	max-width: 100%;
}

.gallery-columns-1,
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9,
.gallery-columns-10,
.gallery-columns-11,
.gallery-columns-12 {
	display: flex;
	flex-wrap: wrap;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
	padding: 15px;
}

.gallery-columns-3 .gallery-item {
	width: 33.33%;
	padding: 15px;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
	padding: 15px;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
	padding: 15px;
}

.gallery-columns-6 .gallery-item {
	width: 16.66%;
	padding: 15px;
}

.gallery-columns-7 .gallery-item {
	width: 14.28%;
	padding: 15px;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
	padding: 15px;
}

.gallery-columns-9 .gallery-item {
	width: 11.11%;
	padding: 15px;
}

.gallery-columns-10 .gallery-item {
	width: 10%;
	padding: 15px;
}

.gallery-columns-11 .gallery-item {
	width: 9.09%;
	padding: 15px;
}

.gallery-columns-12 .gallery-item {
	width: 8.33%;
	padding: 15px;
}

.blocks-gallery-caption {
	color: var(--black-color);
	font-size: 16px;	
}

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
	margin-bottom: 10px;
}

.blocks-gallery-grid:not(.has-nested-images):last-child,
.wp-block-gallery:not(.has-nested-images):last-child {
	margin-bottom: 0;
}

/** 05. Blockquote Block */
.wp-block-quote {
	position: relative;
	overflow: hidden;
	border-color: var(--primary-color);
}

.wp-block-quote cite,
.wp-block-quote footer {
	position: relative;
	color: var(--primary-color);
}

.wp-block-pullquote {
	border-color: var(--primary-color);
}

.wp-block-quote.has-text-align-right {
	border-color: var(--primary-color);
}

/** 06. Code Block */
.wp-block-code {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

/** 07. Preformatted Block */
.wp-block-preformatted,
.wp-block-verse {
	color: var(--primary-color);
}

/** 08. Table Block */
.wp-block-table td,
.wp-block-table th {
	border-color: var(--primary-color);
}
/*==========================================
===== 07. WordPress Block CSS End Here =====
==========================================*/

/*=========================================== 
===== 08. Preloader CSS Area Start Here =====
===========================================*/
#preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    clear: none;
}
/*========================================= 
===== 08. Preloader CSS Area End Here =====
=========================================*/

/*=========================================== 
===== 09. Header Top CSS Area Start Here =====
============================================*/
.header-top-area {
    width: 100%;
    height: 100%;
}
/*========================================== 
===== 09. Header Top CSS Area End Here =====
==========================================*/

/*====================================================== 
===== 10. Header Site Branding CSS Area Start Here =====
======================================================*/
.header-site-branding {
    width: 100%;
    height: 100%;
}

.site-branding-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-logo,
.site-title-and-tagline {
    display: inline-block;
}

.header-logo {
    margin-right: 20px;
}

.header-logo img {
    width: auto;
    height: 80px;
}

.header-site-title {
	font-size: var(--h1-font-size);
	text-align: center;
    margin: 0 0 5px 0;
}

.header-site-title a {
    color: var(--primary-color);
    text-decoration: none;
}

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

.header-site-tagline {
	text-align: center;
    margin: 0;
}
/*==================================================== 
===== 10. Header Site Branding CSS Area End Here =====
====================================================*/

/*============================================= 
===== 11. Header Menu CSS Area Start Here =====
=============================================*/

/*=========================================== 
===== 11. Header Menu CSS Area End Here =====
===========================================*/

/*============================================= 
===== 12. Breadcrumbs CSS Area Start Here =====
=============================================*/
.breadcrumbs-area {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.breadcrumbs-area::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.85);
	z-index: 1;
}

.breadcrumbs-content {
	position: relative;
	color: var(--white-color);
	z-index: 2;
}

.breadcrumbs-right-area {
    color: var(--grey-text);
}

.breadcrumbs-nav ul {
	padding: 0;
}

.breadcrumbs-nav a {
    color: var(--primary-color);
    text-decoration: none;
}

.breadcrumbs-nav a:hover,
.breadcrumbs-nav a:focus {
    text-decoration: underline;
    background-color: transparent;
}
/*=========================================== 
===== 12. Breadcrumbs CSS Area End Here =====
===========================================*/

.site-main div {
	clear: both;
}

/*=========================================== 
===== 13. Blog Item CSS Area Start Here =====
===========================================*/
.entry-cat-meta i {
    margin-right: 5px;
}

.entry-cat-meta a:hover,
.entry-cat-meta a:focus {
    text-decoration: underline;
    background-color: transparent;
}

.entry-cat-meta a {
    color: var(--primary-color);
    text-decoration: none;
}

.entry-title a {
    color: var(--black-color);
    background-color: transparent;
    text-decoration: none;    
}

.entry-title a:hover,
.entry-title a:focus {
    color: var(--primary-color);
    text-decoration: underline;
} 

.entry-meta {
    color: var(--dark-grey);
}

.entry-meta i {
    margin-right: 5px;
}

.entry-meta a {
    text-decoration: none; 
}

.entry-meta a:hover,
.entry-meta a:focus {
    color: var(--primary-color);
    background-color: transparent;
    text-decoration: underline; 
}

.entry-author-meta,
.entry-date-meta,
.entry-cat-meta,
.entry-comments-meta,
.entry-meta-edit {
    display: inline-block;
    margin: 10px 20px 0 0;
}

.entry-tag-meta a {
    text-decoration: none;
}

.entry-tag-meta a:hover,
.entry-tag-meta a:focus {
    background-color: transparent;
    text-decoration: underline;
}
/*========================================= 
===== 13. Blog Item CSS Area End Here =====
=========================================*/

/*=============================================
===== 14. Blog Single Item CSS Start Here =====
=============================================*/
.post-password-form input[type="password"] {
    width: 100%;
    border: 1px solid var(--border-color);
}

.post-password-form input[type="password"]:hover,
.post-password-form input[type="password"]:focus {
    border: 1px solid var(--primary-color);
}

.post-password-form input[type="submit"] {
	display: inline-block;
	text-decoration: none;
}
/*===========================================
===== 14. Blog Single Item CSS End Here =====
===========================================*/

/*============================================ 
===== 15. Pagination CSS Area Start Here =====
============================================*/
.navigation.pagination .screen-reader-text {
    display: none;
}

.page-numbers,
.post-page-numbers {
	text-align: center;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
/*========================================== 
===== 15. Pagination CSS Area End Here =====
==========================================*/

/*==================================================
===== 16. Comment Template CSS Area Start Here =====
==================================================*/
/** 01. Total Comments */
.total-comments .comment-title,
.total-comments .comment-count {
	color: var(--primary-color);
}

/** 02. Comments Form */
.comments-form input#author,
.comments-form input#email,
.comments-form input#url {
    display: block;
    width: 100%;
    border: 1px solid var(--border-color);
}

.comments-form textarea,
.comment-form-comment textarea {
    display: block;
    width: 100%;
    height: 180px;
    resize: none;
    border: 1px solid var(--border-color);
}

.comments-form input#author:hover,
.comments-form input#author:focus,
.comments-form input#email:hover,
.comments-form input#email:focus,
.comments-form input#url:hover,
.comments-form input#url:focus,
.comments-form textarea:hover,
.comments-form textarea:focus,
.comment-form-comment textarea:hover,
.comment-form-comment textarea:focus {
    border: 1px solid var(--primary-color);
}

.form-submit input[type="submit"] {
	display: inline-block;
	text-decoration: none;
}

/** 03. Comments List */
.comments-list li {
    list-style: none;
}

.comments-box {
	list-style: none;
}

.comments-avatar {
	float: left;
    margin-right: 15px;
}

.avatar-name a {
    text-decoration: none;
    color: var(--black-color);
}

.avatar-name:hover a,
.avatar-name:focus a {
    text-decoration: underline;
    color: var(--primary-color);
    background-color: transparent;
}

.comments-meta-icon {
    color: var(--primary-color);
}

.comments-text {
	overflow: hidden;
	clear: none;
}

.comment-reply-link,
#cancel-comment-reply-link {
	display: inline-block;
	text-decoration: none;
}
/*================================================
===== 16. Comment Template CSS Area End Here =====
================================================*/

/*============================================ 
===== 17. Error Page CSS Area Start Here =====
============================================*/

/*========================================== 
===== 17. Error Page CSS Area End Here =====
==========================================*/

/*======================================== 
===== 18. Footer CSS Area Start Here =====
========================================*/
.site-footer a {
    text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
    color: var(--primary-color);
    background-color: transparent;
    text-decoration: underline;
}

.site-footer p {
	margin-bottom: 0;
}

.copyright-text {
    text-align: left;
}

.powered-by-text {
    text-align: right;
}
/*====================================== 
===== 18. Footer CSS Area End Here =====
======================================*/

/*=============================================== 
===== 19. Scroll To Top CSS Area Start Here =====
===============================================*/
.scroll-to-top {
	position: absolute;
}
/*============================================= 
===== 19. Scroll To Top CSS Area End Here =====
=============================================*/