@charset "UTF-8";

/*
Theme Name: RB Portfolio Two
Theme URI: https://github.com/BashirRased/wp-theme-rb-portfolio-two
Author: Bashir Rased
Author URI: https://profiles.wordpress.org/bashirrased2017/ 
Description: RB Portfolio Two is a portfolio website.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rb-portfolio-two
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks

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

/*=========================================
***** Table of CSS Content Start Here *****
===========================================
	01. CSS Reset
	02. WordPress Recommended Classes
	03. WP Blog Page Area
		3.1. Post Item
		3.2. Pagination
	04. WP Single Post Page
		4.1. WP Pages Link
		4.2. Comments Area
			4.2.1. Comments Count
			4.2.2. Comments List
			4.2.3. Comments Form
			4.2.4. Comments Reply Form
	05. WP Search Page
	06. WP 404 Error Page		
=========================================
***** Table of CSS Content End Here *****
=======================================*/

/***********************************
***** 01. CSS Reset Start Here *****
***********************************/
html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
ol ol,
ol ul,
ul ol,
ul ul,
pre,
figure {
	margin-top: 10px;
	margin-bottom: 10px;
}

pre {
	background-color: #ccc;
	padding: 10px;
}

address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}

a,
path {
	transition: all 0.15s linear;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	text-decoration: underline overline;
}

/*********************************
***** 01. CSS Reset End Here *****
*********************************/

/*******************************************************
***** 02. WordPress Recommended Classes Start Here *****
*******************************************************/
figure.wp-caption a:focus img {
	outline-offset: 2px;
}

.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
	margin-bottom: 0;
}

figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
	color: #0d6efd;
	text-align: center;
}

.gallery-caption {
	display: block;
}

.bypostauthor {
	display: block;
}

.aligncenter {
	clear: both;
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

ul.aligncenter,
ol.aligncenter {
	list-style-position: inside;
	padding: 0;
}

ul.alignright,
ol.alignright {
	list-style-position: inside;
	text-align: right;
	padding: 0;
}

.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
	justify-content: center;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.skip-link:focus {
	background-color: #0d6efd;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #fff;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/*****************************************************
***** 02. WordPress Recommended Classes End Here *****
*****************************************************/

/********************************************
***** 03. Common Classes CSS Start Here *****
********************************************/
.btn {
	position: relative;
	display: inline-block;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: transparent;
	text-decoration: none;
	transition: all .3s;
	z-index: 1;
}

.btn:hover,
.btn:focus {
	color: #fff;
}

.btn::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	z-index: -1;
}

.btn:hover::before,
.btn:focus::before {
	width: 100%;
}

/******************************************
***** 03. Common Classes CSS End Here *****
******************************************/


/*****************************************************
***** 04. Header Breadcrumbs Area CSS Start Here *****
*****************************************************/
.header-breadcrumbs-area {
	padding: 15px;
	color: #fff;
	text-align: center;
	min-height: 350px;
	position: relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	z-index: 1;
}

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

.header-breadcrumbs-title {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.header-breadcrumbs-title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 5px;
}

.header-breadcrumbs-title::after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 15px;
	height: 15px;
	background-color: #fff;
}

.header-breadcrumbs-description {
	margin-top: 20px;
}

.header-breadcrumbs-nav {
	margin-top: 10px;
}

.header-breadcrumbs-nav ul li {
	display: inline-block;
	list-style: none;
	margin: 5px;
}

.header-breadcrumbs-nav ul li a {
	text-decoration: none;
}

.header-breadcrumbs-nav ul li a:hover,
.header-breadcrumbs-nav ul li a:focus {
	text-decoration: underline;
}
/***************************************************
***** 04. Header Breadcrumbs Area CSS End Here *****
***************************************************/

/***********************************************
***** 05. WP Blog Page Area CSS Start Here *****
***********************************************/

/* 5.1. Post Item CSS Start Here */
.post-item {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 5px 5px #ccc;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
}

.content-header-entry-title a,
.content-single-entry-header-title a {
	text-decoration: none;
}

.content-header-entry-title a:hover,
.content-header-entry-title a:focus,
.content-entry-meta a:hover,
.content-entry-meta a:focus,
.content-single-entry-meta a:hover,
.content-single-entry-meta a:focus {
	text-decoration: underline;
}

.content-entry-meta,
.content-single-entry-meta {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.content-entry-meta a,
.content-single-entry-meta a {
	text-decoration: none;
	color: #000;
}

.posted-by,
.posted-on,
.posted-categories,
.posted-comments {
	margin-right: 20px;
}

/* 5.1. Post Item CSS Start Here */

/* 5.2. Post Format CSS Start Here */
.posted-format-meta {
	display: inline-block;
	background-color: #ccc;
	color: #000;
	margin: 20px 0;
	padding: 5px 10px;
	border-radius: 25px;
}

.content-entry-body .wp-block-image {
	display: none;
}

.content-entry-body .wp-block-image:first-child {
	display: block;
}

.content-entry-body .wp-block-video {
	display: none;
}

.content-entry-body .wp-block-video:first-child {
	display: block;
}

.content-entry-body .wp-block-audio {
	display: none;
}

.content-entry-body .wp-block-audio:first-child {
	display: block;
}

.content-entry-body .wp-block-gallery {
	display: none;
}

.content-entry-body .wp-block-gallery:first-child {
	display: flex;
}

.content-entry-body .wp-block-file {
	display: none;
}

.content-entry-body .wp-block-file:first-child {
	display: block;
}

.content-entry-body .wp-block-quote {
	display: none;
}

.content-entry-body .wp-block-quote:first-child {
	display: block;
}

/* 5.2. Post Format CSS Start Here */

/* 3.2. Pagination Area CSS Start Here */
.pagination,
.nav-links {
	margin: 20px 0;
	background-color: #fff;
	box-shadow: 0 0 5px 5px #ccc;
	padding: 15px 10px;
}

.nav-next {
	text-align: right;
}

.nav-previous a,
.nav-next a {
	display: inline-block;
	overflow: hidden;
	margin: 10px;
}

.page-numbers,
.nav-previous a,
.nav-next a {
	padding: 5px 10px;
	text-decoration: none;
}

.page-numbers.current,
.page-numbers:hover,
.page-numbers:focus,
.nav-previous a:hover,
.nav-next a:hover,
.nav-previous a:focus,
.nav-next a:focus {
	color: #fff;
}

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

/* 3.2. Pagination Area CSS End Here */

/*********************************************
***** 03. WP Blog Page Area CSS End Here *****
*********************************************/

/******************************************************
***** 04. WP Single Post Page Area CSS Start Here *****
******************************************************/
.post-single-item {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
}

.content-single-entry-footer {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
}

.posted-tags a {
	text-decoration: none;
}

.posted-tags a:hover,
.posted-tags a:focus {
	text-decoration: underline;
}

/* 4.1. WP Pages Link Area Start Here */
.wp-pages-link-area {
	margin: 10px 0;
	padding: 10px 0;
}

.wp-pages-link-area .post-page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 2px;
}

.wp-pages-link-area .post-page-numbers:hover,
.wp-pages-link-area .post-page-numbers:focus,
.wp-pages-link-area .post-page-numbers.current {
	color: #fff;
}

/* 4.1. WP Pages Link Area End Here */

/* 4.2. Comments Area Start Here */
.comments-area {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
}

/* 4.2.1. Comments Count CSS Start Here */
.comments-count {
	padding: 10px;
	box-shadow: 0 0 5px 5px #ccc;
}

/* 4.2.1. Comments Count CSS End Here */

/* 4.2.2. Comments List CSS Start Here */
.comments-list {
	padding: 10px 0;
}

.comments-list .comment {
	list-style: none;
	margin: 20px 0;
}

.comments-list .comment-body {
	background-color: #ccc;
	padding: 15px;
	margin-left: 30px;
}

.comments-list .parent .comment-body {
	margin-left: 0;
}

.comments-list .comment-author {
	padding: 10px 0;
}

.comments-list .comment-author .url {
	text-decoration: none;
}

.comments-list .comment-author .url:hover,
.comments-list .comment-author .url:focus {
	text-decoration: underline;
}

.comments-list .comment-metadata {
	padding: 10px 0;
}

.comments-list .comment-metadata a {
	color: #000;
	text-decoration: none;
}

.comments-list .comment-reply-link {
	position: relative;
	display: inline-block;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: transparent;
	text-decoration: none;
	transition: all .3s;
	z-index: 1;
}

.comments-list .comment-reply-link:hover,
.comments-list .comment-reply-link:focus {
	color: #fff;
}

.comments-list .comment-reply-link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	z-index: -1;
}

.comments-list .comment-reply-link:hover::before,
.comments-list .comment-reply-link:focus::before {
	width: 100%;
}

/* 4.2.2. Comments List CSS End Here */

/* 4.2.3. Comments Form CSS Start Here */
.comments-form {
	padding: 10px 0;
}

.comments-form .logged-in-as a {
	position: relative;
	display: inline-block;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: transparent;
	text-decoration: none;
	transition: all .3s;
	z-index: 1;
}

.comments-form .logged-in-as a:hover,
.comments-form .logged-in-as a:focus {
	color: #fff;
}

.comments-form .logged-in-as a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	z-index: -1;
}

.comments-form .logged-in-as a:hover::before,
.comments-form .logged-in-as a:focus::before {
	width: 100%;
}

.comments-form .required-field-message {
	display: block;
}

.comments-form .comments-form label {
	display: block;
	margin: 10px 0;
}

.comments-form input[type='text'],
.comments-form input[type='email'],
.comments-form input[type='url'] {
	width: 100%;
	padding: 10px;
}

.comments-form textarea {
	width: 100%;
	margin: 10px 0;
	padding: 20px;
}

.comments-form .comment-form .submit {
	display: inline-block;
	margin: 10px 0;
	padding: 10px;
	cursor: pointer;
	background-color: transparent;
	transition: .3s all ease-in-out;
}

.comments-form .comment-form .submit:hover,
.comments-form .comment-form .submit:focus {
	color: #fff;
}

/* 4.2.3. Comments Form CSS End Here */

/* 4.2.4. Comments Reply Form CSS Start Here */
.comments-list .comment-respond {
	box-shadow: 0 0 5px 5px #ccc;
	margin: 20px 0;
	padding: 20px;
}

.comments-list #cancel-comment-reply-link {
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	margin: 10px;
	padding: 5px 10px;
	background-color: transparent;
	text-decoration: none;
	transition: all .3s;
	z-index: 1;
}

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

.comments-list #cancel-comment-reply-link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	z-index: -1;
}

.comments-list #cancel-comment-reply-link:hover::before,
.comments-list #cancel-comment-reply-link:focus::before {
	width: 100%;
}

/* 4.2.4. Comments Reply Form CSS End Here */

/* 4.2. Comments Area End Here */

.post-navigation {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
}

.post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	width: 50%;
}

.post-navigation .nav-next {
	text-align: right;
}

@media all and (max-width: 991px) {

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 100%;
		margin: 10px 0;
	}

	.post-navigation .nav-next {
		text-align: left;
	}
}

.post-navigation a {
	text-decoration: none;
	color: #0d6efd;
}

.post-navigation a:hover,
.post-navigation a:focus {
	text-decoration: underline;
}

.post-navigation a i {
	padding: 5px 10px;
}

.post-navigation a i:hover,
.post-navigation a i:focus {
	color: #fff;
}

.author-bio {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
	display: flex;
}

.author-bio .avatar {
	padding: 5px;
	margin: 0 20px 20px 0;
	height: 100%;
	width: auto;
}

.author-title {
	text-transform: capitalize;
}

/****************************************************
***** 04. WP Single Post Page Area CSS End Here *****
****************************************************/

/***********************************************
***** 05. WP Search Page Area CSS End Here *****
***********************************************/

.no-result {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 5px 5px #ccc;
}

.search-page-header {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
}

/***********************************************
***** 05. WP Search Page Area CSS End Here *****
***********************************************/

/**************************************************
***** 06. WP 404 Error Page Area CSS End Here *****
**************************************************/

.error-404-page-content {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 5px #ccc;
}

.error-page-header-title {
	text-align: center;
	font-size: 120px;
	margin: 0;
}

.error-page-header-subtitle,
.error-page-body {
	text-align: center;
}

/**************************************************
***** 06. WP 404 Error Page Area CSS End Here *****
**************************************************/

/*****************************************
***** 07. Widget Area CSS Start Here *****
*****************************************/

.widget-item {
	margin: 20px 0;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 5px 5px #ccc;
}

.widget-item-title {
	padding: 10px 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.widget-item a {
	text-decoration: none;
}

.widget-item a:hover,
.widget-item a:focus {
	text-decoration: underline;
}

/* 7.1. Quotation Widget CSS Start Here */
.wp-block-quote {
	background-color: #ccc;
	padding: 10px;
	overflow: hidden;
}

.wp-block-quote cite {
	float: right;
}

/* 7.1. Quotation Widget CSS End Here */

/* 7.4. Pull Quotation Widget CSS Start Here */
.wp-block-pullquote:not(.is-style-solid-color) {
	background-color: #ccc;
}

.wp-block-pullquote {
	margin: 10px 0;
}
/* 7.4. Pull Quotation Widget CSS End Here */

/* 7.5. Table Widget CSS Start Here */
.wp-block-table {
	margin: 10px 0;
}

.wp-block-table figcaption {
	margin: 10px 0;
	padding: 10px 0;
	color: #fff;
}
/* 7.5. Table Widget CSS End Here */

/* 7.6. Images Widget CSS Start Here */
.wp-block-image {
	margin: 10px 0;
}

.wp-block-image figcaption {
	color: #fff;
	padding: 10px;
}
/* 7.6. Images Widget CSS End Here */

/* 7.7. Gallery Widget CSS Start Here */
.wp-block-gallery {
	margin: 10px 0;
}

/* 7.7. Gallery Widget CSS End Here */

/* 7.8. Audio Widget CSS Start Here */
.wp-block-audio {
	margin: 10px 0;
}

.wp-block-audio audio {
	min-width: 100%;
}

.wp-block-audio figcaption {
	color: #fff;
	padding: 10px;
}
/* 7.8. Audio Widget CSS End Here */

/* 7.8. Cover Widget CSS Start Here */
.wp-block-cover {
	margin: 10px 0;
}

/* 7.8. Cover Widget CSS End Here */

/* 7.9. Files Widget CSS Start Here */
.wp-block-file {
	margin: 10px 0;
	padding: 10px;
	background-color: #ccc;
	word-wrap: break-word;
}

.wp-block-file a {
	display: inline-block;
}

.wp-block-file a.wp-block-file__button {
	background-color: transparent;
}

.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus {
	text-decoration: underline;
	color: #fff;
}

/* 7.9. Files Widget CSS End Here */

/* 7.10. Media & Text Widget CSS Start Here */
.wp-block-media-text {
	margin: 10px 0;
}

/* 7.10. Media & Text Widget CSS End Here */

/* 7.11. Video Widget CSS Start Here */
.wp-block-video {
	margin: 10px 0;
}

.wp-block-video figcaption {
	color: #fff;
	padding: 10px;
}

/* 7.11. Video Widget CSS End Here */

/* 7.12. Button Widget CSS Start Here */
.wp-block-buttons>.wp-block-button {
	margin: 10px 10px 10px 0;
}

.is-style-outline>.wp-block-button__link:not(.has-text-color) {
	background-color: transparent;
}

.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus {
	text-decoration: underline;
	color: #fff;
}

.wp-block-button__link {
	color: #fff;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
	text-decoration: underline;
	background-color: #fff;
}

/* 7.12. Button Widget CSS End Here */

/* 7.13. Separator Widget CSS Start Here */
.wp-block-separator {
	opacity: 1;
}

/* 7.13. Separator Widget CSS End Here */

/* 7.14. Archive List Widget CSS Start Here */
.wp-block-archives-list {
	padding: 0;

}

.wp-block-archives-list li {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	display: block;
	list-style: none;
}

.wp-block-archives-list li::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.wp-block-archives-list li:last-child:nth-child(1) {
	border-bottom: 1px solid #ccc;
}

.wp-block-archives-list li:last-child {
	border-bottom: none;
}

.wp-block-archives-list li a {
	text-decoration: none;
}

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

/* 7.14. Archive List Widget CSS End Here */

/* 7.15. Calendar Widget CSS Start Here */
.wp-block-calendar table {
	caption-side: top;
}

.wp-block-calendar table caption {
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}

.wp-calendar-table #today {
	color: #fff;
}

.wp-calendar-table #today a {
	color: #fff;
}

/* 7.15. Calendar Widget CSS End Here */

/* 7.16. Categories List Widget CSS Start Here */
.wp-block-categories-list {
	padding: 0;
}

.wp-block-categories-list li {
	list-style: none;
}

.wp-block-categories-list a {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	display: block;
	text-decoration: none;
}

.wp-block-categories-list a::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.wp-block-categories-list li:last-child:nth-child(1) a {
	border-bottom: 1px solid #ccc;
}

.wp-block-categories-list li:last-child a {
	border-bottom: none;
}

/* 7.16. Categories List Widget CSS End Here */

/* 7.1. Search Widget CSS Start Here */
.wp-block-search__label {
	text-align: center;
	color: #fff;
	margin: 10px 0;
	padding: 10px;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	padding: 0 0 0 5px;
	min-height: 50px;
}

.wp-block-search__button {
	color: #fff;
}

/* 7.1. Search Widget CSS End Here */


/* 7.3. Recent Post Widget CSS Start Here */
.wp-block-latest-posts {
	padding: 0;
	list-style: none;
}

.wp-block-latest-posts li a {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	display: block;
}

.wp-block-latest-posts li a::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.wp-block-latest-posts li:last-child a {
	border-bottom: none;
}

/* 7.3. Recent Post Widget CSS End Here */

/* 7.4. Recent Comments Widget CSS Start Here */
.wp-block-latest-comments {
	padding: 0;
}

.wp-block-latest-comments__comment {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
}

.wp-block-latest-comments__comment::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.wp-block-latest-comments__comment:last-child {
	border-bottom: none;
}

/* 7.4. Recent Comments Widget CSS End Here */

/* 7.5. Page List Widget CSS Start Here */
.wp-block-page-list {
	padding: 0;
}

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

.wp-block-page-list li a {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	display: block;
}

.wp-block-page-list li a::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.wp-block-page-list li:last-child a {
	border-bottom: none;
}

/* 7.5. Page List Widget CSS End Here */


nav[aria-label="Meta"] ul {
	padding: 0;
}

nav[aria-label="Meta"] ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	list-style: none;
}

nav[aria-label="Meta"] ul li::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

nav[aria-label="Meta"] ul li:last-child {
	border-bottom: none;
}

.wp-block-rss {
	padding: 0;
}

.wp-block-rss li {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	list-style: none;
}

.wp-block-rss li::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.wp-block-rss li:last-child {
	border-bottom: none;
}

.widget-item .menu i {
	display: none;
}

.widget-item .menu .dropdown-menu {
	position: relative;
	right: 0;
	background-color: transparent;
	box-shadow: none;
	padding-left: 10px;
}

.widget-item .menu .dropdown-menu li {
	text-align: left;
	border-bottom: none;
}

.widget-item .menu .multi-dropdown-menu {
	position: relative;
	background-color: transparent;
	box-shadow: none;
	top: 100%;
	right: 0;
	padding-left: 10px;
}

.widget-item .menu li {
	list-style: none;
}

.widget-item .menu li a {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	list-style: none;
	display: block;
}

.widget-item .menu li a::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}


/* 7.8. Tag Widget CSS Start Here */
.tag-cloud-link {
	background-color: transparent;
	padding: 5px 10px;
	text-decoration: none;
}

.tag-cloud-link:hover,
.tag-cloud-link:focus {
	text-decoration: underline;
	color: #fff;
}

/* 7.8. Tag Widget CSS End Here */

/* 7.9. Meta Widget CSS Start Here */
.widget_meta ul {
	padding: 0;
}

.widget_meta ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	list-style: none;
}

.widget_meta ul li::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.widget_meta ul li:last-child {
	border-bottom: none;
}

/* 7.9. Meta Widget CSS End Here */

/* 7.10. List Widget CSS Start Here */
.widget_block ul {
	padding: 0;
}

.widget_block ul li {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	position: relative;
	list-style: none;
}

.widget_block ul li::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%) rotate(45deg);
}

.widget_block ul li:last-child {
	border-bottom: none;
}

/* 7.10. List Widget CSS End Here */

.wp-block-rss {
	margin: 10px 0;
}

.wp-block-social-links {
	margin: 10px 0;
}

.wp-block-search {
	margin: 10px 0;
}

.wp-block-tag-cloud {
	margin: 10px 0;
}

/* 7.14. Image Gallery Widget CSS Start Here */
.blocks-gallery-caption {
	color: #fff;
	padding: 10px;
}

/* 7.14. Image Gallery Widget CSS End Here */

/*****************************************
***** 07. Widget Area CSS End Here *****
*****************************************/

/*****************************************
***** 09. Search Form CSS Start Here *****
*****************************************/
.search-form {
	position: relative;
	margin: 10px 0;
}

.search-box {
	width: 100%;
	padding: 10px;
}

.search-btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	border: none;
	color: #fff;
}

.search-btn i {
	display: block;
	text-align: center;
	line-height: 50px;
}

/***************************************
***** 09. Search Form CSS End Here *****
***************************************/