/**
Theme Name: Radiant Blog
Theme URI: https://ascendoor.com/themes/radiant-blog/
Author: Ascendoor
Author URI: https://ascendoor.com/
Version: 1.0.0
Requires PHP: 7.4
Tested up to: 6.7
Requires at least: 5.0
Template: dazzling-blog
Text Domain: radiant-blog
Description: Radiant Blog ( child of Dazzling Blog ) is a great theme for bloggers who want a simple and fast experience. It works well on different browsers and devices. It's made for professional bloggers and content creators, focusing on being easy to use and good for search engines. With Radiant Blog, you can focus on creating content without worrying about technical stuff. Its clean design and easy-to-use interface are perfect for bloggers who want a polished look. The theme has good features and works well on all screens. It also has nice typography to keep readers interested. Check out the theme documentation at: https://docs.ascendoor.com/docs/radiant-blog/ and see the demo at: https://demos.ascendoor.com/radiant-blog/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, footer-widgets, full-width-template, left-sidebar, right-sidebar, news, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Radiant Blog is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--primary-color: #3763e8;
}

/* -----------------------------------------
Flash Articles
----------------------------------------- */
.flash-article-section .section-wrapper .flash-article-wrapper {
	display: flex;
	align-items: center;
	row-gap: 6px;
	column-gap: 20px;
}

@media (max-width: 768px) {
	.flash-article-section .section-wrapper .flash-article-wrapper {
		flex-direction: column;
	}
}

.flash-article-section .section-wrapper .flash-article-wrapper .title-part span {
	font-weight: 800;
	font-size: var(--font-large);
	font-style: italic;
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part {
	background: var(--bg-clr-light);
	border-bottom: 1px solid var(--primary-color);
	border-radius: 30px;
	padding: 6px;
	line-height: 0;
	display: flex;
	align-items: center;
	flex-grow: 1;
	width: 80%;
}

@media (max-width: 768px) {
	.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part {
		width: 100%;
	}
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article {
	flex-grow: 1;
	width: 80%;
}

@media (max-width: 600px) {
	.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article {
		width: 100%;
	}
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article .blog-post-container .blog-post-inner {
	display: flex;
	align-items: center;
	gap: 10px;
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article .blog-post-container .blog-post-inner.no-thumbnail .blog-post-detail {
	padding-block: 14px;
	padding-inline-start: 10px;
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article .blog-post-container .blog-post-inner .blog-post-image {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article .blog-post-container .blog-post-inner .blog-post-image img {
	border-radius: 100%;
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article .blog-post-container .blog-post-inner .blog-post-detail {
	padding: 0;
	max-width: 1000px;
}

.flash-article-section .section-wrapper .flash-article-wrapper .flash-article-part .flash-article .blog-post-container .blog-post-inner .blog-post-detail .post-main-title {
	font-size: calc(var(--font-base) - 1px);
	padding: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flash-article-section button,
.flash-article-section .slick-arrow {
	border: none;
	background: var(--bg-clr);
	border-radius: 100%;
	width: 40px;
	height: 40px;
	color: var(--clr-text);
}

.flash-article-section button.fa-angle-left,
.flash-article-section .slick-arrow.fa-angle-left {
	cursor: pointer;
	top: 0;
	inset-inline-end: 50px;
	inset-inline-start: unset;
	transform: unset;
	box-shadow: none;
	margin-inline-end: 6px;
}

.flash-article-section button.fa-angle-right,
.flash-article-section .slick-arrow.fa-angle-right {
	cursor: pointer;
	top: 0;
	inset-inline-end: 0;
	transform: unset;
	box-shadow: none;
}

body.rtl .flash-article-section .slick-arrow.fa-angle-left:before {
	content: "\f105";
}

body.rtl .flash-article-section .slick-arrow.fa-angle-right:before {
	content: "\f104";
}

/* -----------------------------------------
Banner Section
----------------------------------------- */

.banner-style-1 .slick-button .slick-arrow.fa-angle-up {
	cursor: pointer;
	top: unset;
	bottom: -55px;
	inset-inline-end: 16px;
	inset-inline-start: unset;
	transform: unset;
	box-shadow: none;
}

.banner-style-1 .slick-button .slick-arrow.fa-angle-down {
	cursor: pointer;
	top: unset;
	bottom: -55px;
	inset-inline-end: -24px;
	transform: unset;
	box-shadow: none;
}

.banner-style-1 .slick-dots {
	position: unset;
	justify-content: center;
	margin-top: 5px;
}

.banner-style-1 .slick-dots li button {
	background-color: var(--clr-text);
}

.banner-style-1 .slick-dots .slick-active button {
	width: 16px;
	background: var(--primary-color);
	opacity: 1;
	border-radius: 2px;
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper {
	border-radius: var(--radius);
}

@media (min-width: 601px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper {
		display: flex;
		align-items: center;
	}
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper {
	width: 100%;
}

@media (min-width: 601px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper {
		width: 60%;
	}
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner {
	min-height: 520px;
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner.no-thumbnail .blog-post-detail {
	background: none;
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner.no-thumbnail .blog-post-detail .post-main-title a {
	color: var(--clr-text);
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner.no-thumbnail .blog-post-detail .post-excerpt {
	color: var(--clr-text);
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner .blog-post-detail .post-categories li {
	color: #fff;
}

@media (min-width: 601px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner .blog-post-detail .post-main-title {
		display: none;
	}
}

@media (min-width: 601px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt {
		padding-bottom: unset;
	}
}

@media (min-width: 601px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-image-wrapper .banner-slider .blog-post-container .blog-post-inner .blog-post-detail .post-meta {
		display: none;
	}
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper {
	padding: 8px 20px;
	border-start-end-radius: var(--radius);
	border-end-end-radius: var(--radius);
}

@media (min-width: 601px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper {
		width: 40%;
	}
}

@media (max-width: 600px) {
	.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper {
		display: none;
	}
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper .banner-content .blog-post-container .blog-post-inner {
	min-height: 110px;
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper .banner-content .blog-post-container .blog-post-inner .blog-post-detail {
	margin-block-start: 18px;
	padding: 0;
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper .banner-content .blog-post-container .blog-post-inner .blog-post-detail .post-main-title {
	font-size: calc(var(--font-base) + 3px);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-block-end: 10px;
	padding-block-end: unset;
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper .banner-content .slick-current .blog-post-container {
	background: #dddddd6b;
	padding-inline: 6px;
	border-radius: var(--radius);
	box-shadow: 0px 6px 9px 0px var(--bg-shadow);
}

.banner-section.banner-style-1 .section-wrapper .banner-wrapper .banner-content-wrapper .banner-content .slick-current .blog-post-container .blog-post-inner .blog-post-detail .post-main-title  {
	color: var(--primary-color);
}

/* --------------------------------------
Category Section
----------------------------------------- */
.categories-section.categories-style-2 .categories-inner {
	background: var(--bg-clr-light);
	border-radius: 50px;
	display: flex;
	align-items: center;
	padding: 6px;
}

.categories-section.categories-style-2 .categories-inner.no-image {
	min-height: 92px;
	justify-content: center;
}

.categories-section.categories-style-2 .categories-inner.no-image .categories-details {
	text-align: center;
}

.categories-section.categories-style-2 .categories-inner .categories-image {
	line-height: 0;
	overflow: hidden;
	border-radius: var(--radius);
	width: 80px;
	height: 80px;
	border-radius: 100%;
	flex-shrink: 0;
	box-shadow: 1px 0px 8px 2px #5a595969;
}

.categories-section.categories-style-2 .categories-inner .categories-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

@media (max-width: 425px) {
	.categories-section.categories-style-2 .categories-inner .categories-image img {
		height: 320px;
	}
}

.categories-section.categories-style-2 .categories-inner .categories-details {
	padding: 10px 15px 7px;
}

.categories-section.categories-style-2 .categories-inner .categories-details .categories-title {
	font-size: calc(var(--font-base) - 2px);
	line-height: 1.2;
}

.categories-section.categories-style-2 .categories-inner .categories-details .categories-title a {
	color: var(--clr-text);
	font-family: var(--font-heading);
	text-decoration: none;
}

.categories-section.categories-style-2 .categories-inner .categories-details span {
	color: var(--clr-text);
	font-size: var(--font-small);
}

.categories-section.categories-style-2 .categories-inner.no-image .categories-details .categories-title a {
	color: var(--clr-text);
}

.categories-section.categories-style-2 .categories-inner.no-image .categories-details span {
	color: var(--clr-text);
}

.categories-section.categories-style-2 .categories-inner:focus-within .categories-image img, .categories-section.categories-style-2 .categories-inner:hover .categories-image img {
	transform: scale(1.1);
}

.categories-section.categories-style-2 .categories-inner:focus-within .categories-details .categories-title a, .categories-section.categories-style-2 .categories-inner:hover .categories-details .categories-title a {
	color: var(--primary-color);
}

/* -----------------------------------------
Archive List Layout
----------------------------------------- */
.blog-archive-layout.archive-list-layout {
	display: grid;
	gap: 30px;
}

.blog-archive-layout.archive-list-layout article {
	margin: 0;
}

.blog-archive-layout.archive-list-layout article:not(.has-post-thumbnail) .blog-post-container .blog-post-inner {
	gap: 0;
}

.blog-archive-layout.archive-list-layout article:not(.has-post-thumbnail) .blog-post-container .blog-post-inner .blog-post-image {
	width: 0;
}

.blog-archive-layout.archive-list-layout article:not(.has-post-thumbnail) .blog-post-container .blog-post-inner .blog-post-detail {
	width: 100%;
}

.blog-archive-layout.archive-list-layout article .blog-post-container {
	overflow: hidden;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner {
	border-radius: var(--radius);
	display: flex;
	row-gap: 6px;
	column-gap: 26px;
}

@media (max-width: 600px) {
	.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner {
		flex-direction: column;
	}
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-image {
	width: 40%;
	line-height: 0;
	aspect-ratio: 1/0.7;
}

@media (max-width: 600px) {
	.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-image {
		width: 100%;
	}
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius);
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail {
	align-self: center;
	width: 60%;
	padding: 0;
}

@media (max-width: 600px) {
	.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail {
		width: 100%;
	}
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title {
	font-size: calc(var(--font-normal) - 2px);
	line-height: 1.2;
	padding-block-end: 10px;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a {
	color: var(--clr-text);
	font-family: var(--font-heading);
	text-decoration: none;
	transition: all 0.3s ease-in;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:focus-within, .blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .entry-title a:hover {
	color: var(--primary-color);
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories {
	margin: 0;
	padding-block-end: 8px;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a {
	color: var(--primary-color);
	position: relative;
	line-height: 2;
	text-decoration: none;
	display: inline-block;
	font-size: var(--font-xsmall);
	font-weight: 700;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a::before {
	content: "/";
	margin-inline-end: 6px;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-categories .cat-links a:first-child::before {
	display: none;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt {
	color: var(--clr-text);
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p {
	padding-block-end: 10px;
	font-size: var(--font-small);
	margin: 0;
}

.blog-archive-layout.archive-list-layout article .blog-post-container .blog-post-inner .blog-post-detail .post-excerpt p:empty {
	padding-block-end: 0;
}