/**
Theme Name: Major News
Theme URI: https://ascendoor.com/themes/major-news/
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: world-news
Text Domain: major-news
Description: Major News ( child theme of World News ) is a WordPress theme designed specifically for various types of websites related to news, including magazines, publishers, blogs, editors, online and gaming magazines, and personal blogs. It provides impressive demos for a quick start, featuring a flexible layout with numerous color options and diverse blog designs. The theme is optimized for SEO, utilizing a widget-based design that allows extensive customization for easy content management. With full responsiveness, it ensures seamless functionality across a range of devices, including mobile devices, tablets, laptops, and desktops. This WordPress magazine theme is known for its simplicity, user-friendly interface, contemporary appearance, and creative elements. Explore the demo at: https://demos.ascendoor.com/major-news/
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.

Major News 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: #0072dd;
}

/* Banner Section
--------------------------------------------- */
.banner-section.style-3 .banner-adver {
	text-align: center;
	font-size: 0;
	margin-bottom: 20px;
}

.banner-section.style-3 .banner-adver a {
	display: block;
	font-size: 0;
}
.banner-section.style-3 .banner-section-wrapper {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1023px) {
	.banner-section.style-3 .banner-section-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.banner-section.style-3 .banner-section-wrapper {
		display: flex;
		flex-direction: column;
	}
}

.banner-section.style-3 .banner-section-wrapper .banner-editor-picks-section:nth-child(1) {
	grid-column: span 2;
	width: 100%;
	counter-reset: editor-pick-counter;
}

@media (max-width: 768px) {
	.banner-section.style-3 .banner-section-wrapper .banner-editor-picks-section:nth-child(1) {
		grid-column: span 1;
		grid-row-start: 1;
	}
}

.banner-section.style-3 .banner-section-wrapper .banner-editor-picks-section:nth-child(1) .mag-post-single {
	align-items: center;
	counter-increment: editor-pick-counter;
}

.banner-section.style-3 .banner-section-wrapper .banner-editor-picks-section:nth-child(1) .mag-post-single:not(:last-child) {
	margin-bottom: 20px;
}

.banner-section.style-3 .banner-section-wrapper .banner-editor-picks-section:nth-child(1) .mag-post-single .mag-post-img::after {
	content: counter(editor-pick-counter);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
	z-index: 1;
	color: #fff;
	display: flex;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-sm);
	background-color: var(--primary-color);
}

.banner-section.style-3 .banner-section-wrapper .banner-editor-picks-section:nth-child(1) .mag-post-single .mag-post-detail .mag-post-title {
	font-size: var(--font-size-sm);
}

.banner-section.style-3 .banner-section-wrapper .mag-post-single.tile-design {
	grid-column: span 2;
	min-height: 280px;
}

/* Post Grid Section
--------------------------------------------- */
.magazine-grid-section.style-1 .magazine-grid-section-wrapper {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 480px) {
	.magazine-grid-section.style-1 .magazine-grid-section-wrapper {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
aside#secondary.widget-area .magazine-grid-section.style-1 .magazine-grid-section-wrapper,
.footer-widget-single .magazine-grid-section.style-1 .magazine-grid-section-wrapper,
.secondary-widgets-section .magazine-grid-section.style-1 .magazine-grid-section-wrapper {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* Post Small List Section
--------------------------------------------- */
.magazine-small-list-section.style-2 .magazine-list-section-wrapper {
	gap: 20px;
}

.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single .mag-post-img {
	display: none;
}

.magazine-small-list-section.style-2 .magazine-list-section-wrapper .mag-post-single .mag-post-detail {
	padding: 15px;
	background: var(--light-bg-color);
	border-radius: 5px;
	width: 100%;
	display: flex;
	align-items: center;
}
aside#secondary.widget-area .magazine-small-list-section.style-2 .magazine-list-section-wrapper,
.footer-widget-single .magazine-small-list-section.style-2 .magazine-list-section-wrapper,
.secondary-widgets-section .magazine-small-list-section.style-2 .magazine-list-section-wrapper {
	gap: 20px;
}

/* Post Tile Section
--------------------------------------------- */
.magazine-tile-section.style-2 .magazine-tile-section-wrapper {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 767px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single {
	grid-column: span 2;
}

@media (max-width: 480px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single {
		grid-column: span 1;
	}
}

.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child {
	grid-row: span 2;
	grid-column: span 3;
}

@media (max-width: 480px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child {
		grid-column: span 1;
		grid-row: span 1;
	}
}

@media (min-width: 481px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child .mag-post-detail .mag-post-title {
		font-size: var(--font-size-md);
	}
}

.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3),
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) {
	grid-column: span 3;
}

@media (max-width: 480px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3),
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) {
		grid-column: span 1;
	}
}

@media (min-width: 481px) {
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3) .mag-post-detail .mag-post-title,
	.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) .mag-post-detail .mag-post-title {
		font-size: var(--font-size-md);
	}
}

body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 767px) {
	body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single {
		grid-column: span 1;
	}
}

@media (max-width: 480px) {
	body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child {
		grid-column: span 1;
		grid-row: span 1;
	}
}

@media (max-width: 480px) {
	body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3),
	body:not(.no-sidebar) .primary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) {
		grid-column: span 1;
	}
}

aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper,
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper,
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single,
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single,
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single {
	grid-column: span 1;
}

aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child,
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child,
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child {
	grid-row: span 1;
	grid-column: span 1;
}

aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child .mag-post-detail .mag-post-title,
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child .mag-post-detail .mag-post-title,
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child .mag-post-detail .mag-post-title {
	font-size: var(--font-size-base);
}

aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3),
aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2),
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3),
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2),
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3),
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) {
	grid-column: span 1;
}

aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3) .mag-post-detail .mag-post-title,
aside#secondary.widget-area .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) .mag-post-detail .mag-post-title,
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3) .mag-post-detail .mag-post-title,
.footer-widget-single .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) .mag-post-detail .mag-post-title,
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(3) .mag-post-detail .mag-post-title,
.secondary-widgets-section .magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) .mag-post-detail .mag-post-title {
	font-size: var(--font-size-base);
}

/* Archive List 
--------------------------------------------- */
.magazine-archive-layout.list-layout {
	display: grid;
	grid-gap: 30px;
}

.magazine-archive-layout.list-layout article {
	margin-bottom: 0;
}

.magazine-archive-layout.list-layout .mag-post-single {
	display: flex;
	gap: 20px;
}

.magazine-archive-layout.list-layout .mag-post-single .mag-post-img {
	width: 30%;
}

.magazine-archive-layout.list-layout .mag-post-single .mag-post-detail {
	padding: 20px 0 0;
}

.magazine-archive-layout.list-layout .mag-post-single .mag-post-img + .mag-post-detail {
	padding: 0;
	width: calc(70% - 20px);
}

@media (max-width: 480px) {
	.magazine-archive-layout.list-layout .mag-post-single {
		flex-direction: column;
	}
	.magazine-archive-layout.list-layout .mag-post-single .mag-post-img {
		width: 100%;
	}
	.magazine-archive-layout.list-layout .mag-post-single .mag-post-img + .mag-post-detail,
	.magazine-archive-layout.list-layout .mag-post-single .mag-post-detail {
		width: 100%;
	}
}