/*!
Theme Name: Latest News
Theme URI: https://adorethemes.com/downloads/latest-news/
Author: Adore Themes
Author URI: https://adorethemes.com/
Description: Latest News is the the child theme of Adore News, Which is perfect WordPress theme for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative websites. 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/latest-news/
Version: 1.0.3
Requires at least: 5.0
Requires PHP: 7.4
Tested up to: 6.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: adore-news
Text Domain: latest-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.

Latest 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: #2196f3;
}

/* Root
	========================================================================== */

/* Random Posts Icon Css */
.header-end{
	display: flex;
	align-items: center;
	gap: 10px;
}
.display-random-post a{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text);
	text-decoration: none;
}
.display-random-post a:focus,
.display-random-post a:hover{
	color: var(--primary-color);
}
/* End Random Posts Icon Css */


/* Start Recent Posts CSS */
.recentpost-wrapper {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, 1fr);
}

.post-item.overlay-post {
	min-height: 380px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.post-item.overlay-post::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0)), color-stop(80%, rgba(17, 17, 17, 0.6)), to(#111111));
	background-image: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.6) 80%, #111111 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.post-item.overlay-post .post-overlay {
	position: relative;
	z-index: 1;
}

.post-item.overlay-post .post-item-content .entry-cat .post-categories li a {
	display: block;
	text-decoration: none;
	font-weight: 500;
	text-transform: capitalize;
	color: #eee;
	background-color: transparent;
	border: 1px solid #d0d0d0;
	transition: all 0.4s ease-in-out;
	border-radius: 3px;
}

.post-item.overlay-post .post-item-content .entry-cat .post-categories li a:focus,
.post-item.overlay-post .post-item-content .entry-cat .post-categories li a:hover {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	opacity: 1;
}

.post-item.overlay-post .post-item-content .entry-cat .post-categories li a:focus {
	outline-color: #fff;
}

.post-item.overlay-post .post-item-content .entry-title a:focus,
.post-item.overlay-post .post-item-content .entry-title a:hover,
.post-item.overlay-post .post-item-content .entry-title a {
	color: #fff;
	background-image: linear-gradient(rgba(25, 27, 29, 0) calc(99% - 1px), #fff 1px);
}

.post-item.overlay-post .post-item-content .entry-meta li {
	color: #fff;
}

.post-item.overlay-post .post-item-content .entry-meta li a {
	color: #fff;
}

.post-item.overlay-post .post-item-content .entry-meta li span.line {
	background-color: #fff;
}

@media (max-width: 768px) {
	.recentpost-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.post-item.overlay-post {
		min-height: 380px;
	}
}

@media (max-width: 480px) {
	.recentpost-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* End Recent Posts CSS  */

/* list widget start */

.posts-tabs-widget .post-item.post-list,
.posts-tabs-widget .post-item.post-list:nth-child(even),
.list-widget .post-item.post-list,
.list-widget .post-item.post-list:nth-child(even) {
	flex-direction: row;
}

.primary-widgets-area .list-widget .post-item.post-list .post-item-image a img {
	aspect-ratio: 1/0.7;
}

#secondary .posts-tabs-widget .post-item.post-list .post-item-content,
.site-footer .posts-tabs-widget .post-item.post-list .post-item-content,
.secondary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content,
.primary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content,
#secondary .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content,
.site-footer .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content,
.secondary-widgets-area .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content,
.primary-widgets-area .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content {
	text-align: start;
	width: 100%;
}

#secondary .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content,
.site-footer .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content,
.secondary-widgets-area .list-widget .post-list-widget-wrapper .post-item.post-list .post-item-content {
	padding-inline: 0;
	padding-block-end: 0;
}

#secondary .posts-tabs-widget .post-item.post-list .post-item-content .post-exerpt p,
.site-footer .posts-tabs-widget .post-item.post-list .post-item-content .post-exerpt p,
.secondary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content .post-exerpt p,
#secondary .list-widget .post-item.post-list .post-item-content .post-exerpt p,
.site-footer .list-widget .post-item.post-list .post-item-content .post-exerpt p,
.secondary-widgets-area .list-widget .post-item.post-list .post-item-content .post-exerpt p {
	margin-bottom: 0;
}

#secondary .posts-tabs-widget .post-item.post-list .post-item-content .entry-meta,
.site-footer .posts-tabs-widget .post-item.post-list .post-item-content .entry-meta,
.secondary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content .entry-meta,
.primary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content .entry-meta,
#secondary .list-widget .post-item.post-list .post-item-content .entry-meta,
.site-footer .list-widget .post-item.post-list .post-item-content .entry-meta,
.secondary-widgets-area .list-widget .post-item.post-list .post-item-content .entry-meta,
.primary-widgets-area .list-widget .post-item.post-list .post-item-content .entry-meta {
	justify-content: flex-start;
}

#secondary .posts-tabs-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
.site-footer .posts-tabs-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
.secondary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
.primary-widgets-area .posts-tabs-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
#secondary .list-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
.site-footer .list-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
.secondary-widgets-area .list-widget .post-item.post-list .post-item-content .entry-cat .post-categories,
.primary-widgets-area .list-widget .post-item.post-list .post-item-content .entry-cat .post-categories {
	justify-content: flex-start;
}

@media (min-width: 601px) {
	.primary-widgets-area .list-widget .post-list-widget-wrapper {
		display: grid;
	}

	.primary-widgets-area .posts-tabs-widget .post-item.post-list:not(:last-child),
	.primary-widgets-area .list-widget .post-item.post-list:not(:last-child) {
		border-bottom: 1px solid #d9d9d9;
	}

	.dark-mode .primary-widgets-area .posts-tabs-widget .post-item.post-list:not(:last-child),
	.dark-mode .primary-widgets-area .list-widget .post-item.post-list:not(:last-child) {
		border-bottom: 1px solid rgba(var(--color-text-rgb), 0.15);
	}
}

@media (max-width: 600px) {

	.primary-widgets-area .list-widget .post-list-widget-wrapper {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.primary-widgets-area .list-widget .post-item.post-list .post-item-image a img {
		aspect-ratio: 1/0.7;
	}

	.primary-widgets-area .list-widget .post-item.post-list,
	.primary-widgets-area .list-widget .post-item.post-list:nth-child(even) {
		flex-direction: column;
	}

	.primary-widgets-area .post-item.post-list .post-item-image {
		max-width: 100%;
		width: 100%;
	}
}

/* for secondary and footer  */
#secondary .list-widget .post-list-widget-wrapper,
.site-footer .list-widget .post-list-widget-wrapper,
.secondary-widgets-area .list-widget .post-list-widget-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

#secondary .list-widget .post-item.post-list .post-item-image a img,
.site-footer .list-widget .post-item.post-list .post-item-image a img,
.secondary-widgets-area .list-widget .post-item.post-list .post-item-image a img {
	aspect-ratio: 1/0.7;
}

#secondary .list-widget .post-item.post-list,
#secondary .list-widget .post-item.post-list:nth-child(even),
.site-footer .list-widget .post-item.post-list,
.site-footer .list-widget .post-item.post-list:nth-child(even),
.secondary-widgets-area .list-widget .post-item.post-list,
.secondary-widgets-area .list-widget .post-item.post-list:nth-child(even) {
	flex-direction: column;
}

#secondary .post-item.post-list .post-item-image,
.site-footer .post-item.post-list .post-item-image,
.secondary-widgets-area .post-item.post-list .post-item-image {
	max-width: 100%;
	width: 100%;
}

/* for secondary and footer  */
/* list-widget style-2  */
@media (min-width: 600px) {
	.primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper {
		gap: 10px;
	}

	.primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper .post-item.post-list {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-height: 450px;
		padding: 50px 0;
		background: transparent;
		border: none;
	}

	.primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper .post-item.post-list .post-item-image {
		position: absolute;
		height: 100%;
		width: calc(60% - 50px);
		background-size: cover;
		background-position: 50%;
		left: 0;
		top: 0;
		max-width: none;
	}

	.primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper .post-item.post-list .post-item-content {
		flex-grow: 0;
		position: relative;
		z-index: 2;
		width: 50%;
		padding: 30px;
		background-color: #fafafa;
	}

	.dark-mode .primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper .post-item.post-list .post-item-content {
		background-color: var(--color-dark);
	}

	.primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper .post-item.post-list:nth-child(even) {
		flex-direction: row-reverse;
	}

	.primary-widgets-area .list-widget.style-2 .post-list-widget-wrapper .post-item.post-list:nth-child(even) .post-item-image {
		left: unset;
		right: 0;
	}
}

/* list-widget style-2  */
/* list widget end */

/* featured widget start */
.featured-widget .post-item.post-list {
	border: none;
	align-items: center;
	margin-bottom: 10px;
}

.featured-widget .post-item.post-list:nth-child(even) {
	flex-direction: row;
}

.featured-widget .post-item.post-list .post-item-image {
	flex: 0 0 25%;
	max-width: 25%;
	align-self: start;
}

.featured-widget .post-item.post-list .post-item-content {
	flex-grow: 1;
	padding-inline-start: 10px;
	text-align: start;
}

#secondary .featured-widget .post-item .post-item-content,
.site-footer .featured-widget .post-item .post-item-content,
.secondary-widgets-area .featured-widget .post-item .post-item-content {
	padding-block: 0;
	padding-inline-end: 0;
}

.featured-widget .post-item .post-item-content .entry-title {
	margin-block: 10px;
	margin-block-start: 0;
	line-height: 1.3;
}


#secondary .featured-widget .post-item .post-item-content .entry-title,
.site-footer .featured-widget .post-item .post-item-content .entry-title,
.secondary-widgets-area .featured-widget .post-item .post-item-content .entry-title {
	font-size: var(--font-size-sm);
}

.featured-widget .post-item.post-list .post-item-content .entry-meta,
.featured-widget .post-item.post-list .post-item-content .entry-cat .post-categories {
	justify-content: flex-start;
}

.featured-widget .post-item.post-list .post-item-content .entry-meta {
	margin: 0;
}

#secondary .featured-widget .post-item .post-item-content .post-exerpt,
.site-footer .featured-widget .post-item .post-item-content .post-exerpt,
.secondary-widgets-area .featured-widget .post-item .post-item-content .post-exerpt {
	display: none;
}

.featured-widget .entry-meta li {
	border: none;
	padding: 0;
}

@media (max-width: 600px) {

	.featured-widget .post-item.post-list:nth-child(even),
	.featured-widget .post-item.post-list {
		flex-direction: row;
	}
}

/* featured style 2 */
.featured-widget.style-2 .post-item.post-list {
	flex-direction: row-reverse;
}

#secondary .featured-widget.style-2 .post-item .post-item-content,
.site-footer .featured-widget.style-2 .post-item .post-item-content,
.secondary-widgets-area .featured-widget.style-2 .post-item .post-item-content,
.featured-widget.style-2 .post-item.post-list .post-item-content {
	text-align: end;
	padding-inline-end: 10px;
	padding-inline-start: 0;
}

.featured-widget.style-2 .post-item.post-list .post-item-content .entry-meta {
	justify-content: flex-end;
}

/* featured style 2 */
/* featured style 3 */
.featured-widget.style-3 .post-item.post-list {
	position: relative;
	min-height: 150px;
}

.site-footer .featured-widget.style-3 .post-item.post-list,
.secondary-widgets-area .featured-widget.style-3 .post-item.post-list,
#secondary .featured-widget.style-3 .post-item.post-list {
	min-height: unset;
}

.featured-widget.style-3 .post-item.post-list .post-item-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: none;
}

.featured-widget.style-3 .post-item.post-list .post-item-image a {
	position: relative;
}

.featured-widget.style-3 .post-item.post-list .post-item-image a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.6) 40%, #111111 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.featured-widget.style-3 .post-item.post-list .post-item-image a img {
	max-width: none;
	aspect-ratio: unset;
}

.featured-widget.style-3 .post-item.post-list .post-item-content {
	padding: 20px;
	position: relative;
	z-index: 2;
}

.featured-widget.style-3 .post-item.post-list .post-item-content .entry-title a:focus,
.featured-widget.style-3 .post-item.post-list .post-item-content .entry-title a:hover,
.featured-widget.style-3 .post-item.post-list .post-item-content .entry-title a {
	color: #fff;
	background-image: linear-gradient(rgba(25, 27, 29, 0) calc(99% - 1px), #fff 1px);
}

.featured-widget.style-3 .post-item.post-list .post-item-content .entry-meta li,
.featured-widget.style-3 .post-item.post-list .post-item-content .entry-meta li a {
	color: #fff;
}

.featured-widget.style-3 .post-item.post-list .post-item-content .entry-meta li span.line {
	background-color: #fff;
}

.featured-widget.style-3 .post-item.post-list .post-item-content .post-exerpt {
	display: none;
}

/* featured style 3 */
/* featured widget end */