/**
Theme Name: Excellent Blog
Theme URI: https://ascendoor.com/themes/excellent-blog/
Author: Ascendoor
Author URI: https://ascendoor.com/
Version: 1.0.1
Requires PHP: 7.4
Tested up to: 6.6
Requires at least: 5.0
Template: refine-blog
Text Domain: excellent-blog
Description: Excellent Blog is an ideal template created explicitly for bloggers and writers. Its elegant and responsive design makes it a fantastic selection for individual, life and style, well-being and wellness, culinary, beauty and vogue, travel, and diverse other categories of blogs. There is an extensive array of possibilities for personalization, allowing you to fashion your own magazine, newspaper, or blog using this template. Moreover, the theme offers numerous Google font alternatives, multiple layout choices, and the capacity to display or conceal segments. Additionally, arranging sections on the homepage based on your preferences is effortlessly achievable. Demo link: Check the demo at: https://demos.ascendoor.com/excellent-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.

Excellent 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: #D10045;
}

/* Banner section style 3 */
.banner-section.banner-style-3 .banner-slider {
	border-radius: 20px;
	overflow: hidden;
}

.banner-section.banner-style-3 .mag-post-single {
	height: 600px;
}

@media (max-width: 768px) {
	.banner-section.banner-style-3 .mag-post-single {
		height: 500px;
	}
}

@media (max-width: 600px) {
	.banner-section.banner-style-3 .mag-post-single {
		height: 480px;
	}
}

.banner-section.banner-style-3 .mag-post-single .mag-post-detail {
	padding-block-end: 30px;
	text-align: center;
}

.banner-section.banner-style-3 .mag-post-single .mag-post-detail .mag-post-detail-inner {
	max-width: 800px;
	margin-inline: auto;
}

.banner-section.banner-style-3 .mag-post-single .mag-post-detail .mag-post-title {
	font-size: var(--font-size-lg);
	margin-block: 20px;
}

.banner-section.banner-style-3 .mag-post-single .mag-post-detail .mag-post-meta {
	justify-content: center;
}

.banner-section.banner-style-3 .banner-style-wide {
	max-width: unset;
}
/* Banner section style 3 */

/* Category section */
.excellent-blog-categories-section .categories-wrapper {
	display: grid;
	grid-gap: 20px;
}

.excellent-blog-categories-section.column-2 .categories-wrapper {
	grid-template-columns: repeat(2, 1fr);
}

.excellent-blog-categories-section.column-2 .categories-wrapper .category-single {
	height: 320px;
}

@media (max-width: 480px) {
	.excellent-blog-categories-section.column-2 .categories-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.excellent-blog-categories-section.column-2 .categories-wrapper .category-single {
		height: 220px;
	}
}

.excellent-blog-categories-section.column-3 .categories-wrapper {
	grid-template-columns: repeat(3, 1fr);
}

.excellent-blog-categories-section.column-3 .categories-wrapper .category-single {
	height: 220px;
}

@media (max-width: 600px) {
	.excellent-blog-categories-section.column-3 .categories-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

.excellent-blog-categories-section.column-4 .categories-wrapper {
	grid-template-columns: repeat(4, 1fr);
}

.excellent-blog-categories-section.column-4 .categories-wrapper .category-single {
	height: 180px;
}

@media (max-width: 600px) {
	.excellent-blog-categories-section.column-4 .categories-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.excellent-blog-categories-section.column-4 .categories-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.excellent-blog-categories-section.column-4 .categories-wrapper .category-single {
		height: 220px;
	}
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single .category-img {
	line-height: 0;
	display: block;
	height: 100%;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single .category-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: grid;
	text-decoration: none;
	place-content: center;
	color: var(--clr-foreground);
	font-family: var(--font-heading);
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a span.title {
	font-weight: bold;
	padding: 3px 10px;
	line-height: 1.2;
	opacity: 0.7;
	display: flex;
	gap: 10px;
	border-radius: 7px;
	align-items: center;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: var(--font-size-sm);
	background-color: var(--light-bg-color);
	transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a span.title .number::before {
	content: "(";
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a span.title .number::after {
	content: ")";
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a::before, 
.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a::after {
	position: absolute;
	inset: 10px;
	content: '';
	opacity: 0.5;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	z-index: 5;
	border-radius: 15px;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a::before {
	border-block-start: 1px solid #fff;
	border-block-end: 1px solid #fff;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a::after {
	border-inline-end: 1px solid #fff;
	border-inline-start: 1px solid #fff;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a:hover span {
	opacity: 1;
}

.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a:hover::before, 
.excellent-blog-categories-section.categories-style-1 .categories-wrapper .category-single > a:hover::after {
	opacity: 1;
}
/* Category section */
/* Archive section */
.refine-blog-archive-layout {
	margin-bottom: 30px;
}
.refine-blog-archive-layout.grid-layout {
	display: grid;
	grid-gap: 30px;
}
.refine-blog-archive-layout.grid-layout article {
    margin-bottom: 0;
}
.refine-blog-archive-layout.grid-layout.column-2 {
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 480px) {
    .refine-blog-archive-layout.grid-layout.column-2 {
        grid-template-columns: repeat(1, 1fr);
}
}
.refine-blog-archive-layout.grid-layout.column-3 {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 480px) {
    .refine-blog-archive-layout.grid-layout.column-3 {
        grid-template-columns: repeat(1, 1fr);
}
}
.refine-blog-archive-layout.grid-layout.column-4 {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 480px) {
    .refine-blog-archive-layout.grid-layout.column-4 {
        grid-template-columns: repeat(1, 1fr);
}
}
/* Archive section */