/*!
Theme Name: Main News
Theme URI: https://adorethemes.com/downloads/main-news/
Author: Adore Themes
Author URI: https://adorethemes.com/
Description: Main News theme is a modern WordPress design created for news magazines. Its stylish and adaptable structure is well-suited for diverse creative online platforms, including news portals, press journals, online diaries, and gaming periodicals. The theme offers user-friendly functionalities like ready-made examples, widget personalization, and real-time customization through the WordPress interface, making theme setup effortless. Furthermore, the theme's search engine optimized coding enhances discoverability and boosts visits, and its neat and protected coding ensures seamless operation across various devices and systems. You can preview the theme demo here: https://demo.adorethemes.com/main-news/
Version: 1.0.2
Requires at least: 5.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: updated-news
Text Domain: main-news
Tags: custom-background, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, left-sidebar, right-sidebar, blog, one-column, portfolio, photography, theme-options, threaded-comments, translation-ready

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

Main 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
========================================================================== */
:root {
	--primary-color: #0072dd;
}

/* Flash News Ticker
--------------------------------------------- */
.dispay-number .news-ticker-section-wrapper ul.newsticker li .newsticker-outer .newsticker-image .ticker-no {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 100%;
	height: 100%;
	font-weight: 700;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-sm);
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.25);
}

/* Banner Section
--------------------------------------------- */
/* banner featured posts and editor picks */
.main-banner-section .editor-picks .editor-picks-wrapper {
	overflow-y: scroll;
}
@media (max-width: 600px) {
	.main-banner-section .editor-picks .editor-picks-wrapper {
		overflow: hidden;
	}
}
.main-banner-section .editor-picks .editor-picks-wrapper::-webkit-scrollbar {
	width: 5px;
}
.main-banner-section .editor-picks .editor-picks-wrapper::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.dark-mode .main-banner-section .editor-picks .editor-picks-wrapper::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}
.main-banner-section .editor-picks .editor-picks-wrapper::-webkit-scrollbar-thumb {
	background-color: var(--primary-color);
	outline: 1px solid transparent;
	border-radius: 100vmax;
}

.main-banner-section .editor-picks .post-item {
	min-height: 82px;
	padding: 0;
	box-shadow: unset;
}
.main-banner-section .editor-picks .post-item:not(:last-child) {
	margin-bottom: 10px;
}
.main-banner-section .editor-picks .post-item .post-item-image {
	flex: 0 0 25%;
	max-width: 25%;
}
.main-banner-section .editor-picks .post-item .post-item-content {
	padding-block: 0;
	padding-inline-end: 10px;
	padding-inline-start: 10px;
}
.main-banner-section .editor-picks .post-item .post-item-content .entry-title {
	margin-block: 0;
	font-size: var(--font-size-sm);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* banner featured posts */

/* style 2 Start*/

.main-banner-section.style-2 .banner-slider-outer {
	width: 50%;
	order: 2;
}

.main-banner-section.style-2 .banner-slider .post-item {
	height: 567px;
}

.main-banner-section.style-2 .featured-posts {
	width: 25%;
	order: 1;
}

.main-banner-section.style-2 .editor-picks {
	width: 25%;
	order: 3;
}
.main-banner-section.style-2 .editor-picks .editor-picks-wrapper, 
.main-banner-section.style-2 .featured-posts .featured-posts-wrapper{
	height: 567px;
}
@media (max-width: 768px) {

	.main-banner-section.style-2 .banner-slider-outer {
		width: 100%;
		order: 1;
		margin-bottom: 20px;
	}

	.main-banner-section.style-2 .banner-slider .post-item {
		height: 430px;
	}

	.main-banner-section.style-2 .featured-posts ,
	.main-banner-section.style-2 .editor-picks {
		width: 50%;
	}
	.main-banner-section.style-2 .featured-posts {
		order: 2;
	}
	.main-banner-section.style-2 .editor-picks {
		order: 3;
	}
}
@media (max-width: 600px) {
	.main-banner-section.style-2 .featured-posts ,
	.main-banner-section.style-2 .editor-picks {
		width: 100%;
	}
	.main-banner-section.style-2 .editor-picks .editor-picks-wrapper, 
	.main-banner-section.style-2 .featured-posts .featured-posts-wrapper{
		height: auto;
	}
}
/* style 2 End*/

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

.section-header-2.section-header-1 .widget-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.section-header-2.section-header-1 .site-footer .tab-filter-widget .widget-header,
.section-header-2.section-header-1 .secondary-widgets-area .tab-filter-widget .widget-header {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

.section-header-2.section-header-1 .site-footer .widget-header .tab-filter-widget .widget-title,
.section-header-2.section-header-1 .secondary-widgets-area .widget-header .tab-filter-widget .widget-title {
	margin-bottom: 5px;
}

.section-header-2.section-header-1 .widget-title {
	flex-grow: 1;
	text-align: start;
	background: none;
	position: relative;
	margin: 0;
	line-height: 1.2;
	margin-bottom: 15px;
	color: var(--color-text);
	font-size: var(--font-size-base);
	display: flex;
	align-items: center;
	gap: 10px;
	padding-block-end: unset;
	border-bottom: none;
}


@media (max-width: 600px) {

	.section-header-2.section-header-1 .tab-filter-widget .widget-header {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.section-header-2.section-header-1 .tab-filter-widget .widget-title {
		margin-bottom: 5px;
	}
}

.section-header-2.section-header-1 .widget-title::before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--primary-color);
	order: 2;
}

.section-header-2.section-header-1 .widget-title::after {
	display: inline-block;
	content: "";
	width: 10px;
	flex-grow: 1;
	height: 6px;
	border: 1px double rgba(var(--color-text-rgb), 0.15);
	border-width: 1px 0 1px 0;
	order: 3;
	position: unset;
	bottom: unset;
	left: unset;
	background: none;
}

.section-header-2.section-header-1 .site-footer .widget-title::after {
	border: 1px double rgba(255, 255, 255, 0.15);
	border-width: 1px 0 1px 0;
}

.section-header-2.section-header-1 .widget-header>a {
	margin-bottom: 15px;
	position: unset;
    top: unset;
    right: unset;
    padding-block: unset;
}


/*express*/
.above-footer-widget-section .express-list-widget .express-list-widget-wrapper .post-item:first-child,
.main-widget-section-wrap .primary-widgets-area .express-list-widget .express-list-widget-wrapper .post-item:first-child {
	grid-column: span 1;
	grid-row: span 4;
}