/*
Theme Name: NewsCorn
Theme URI: https://themearile.com/newscorn-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: NewsCorn is a multipurpose news and magazine WordPress theme for blogs, newspapers, and publishing websites. It has a unique design for a visually stunning layout that makes your content displays beautiful and easy to read for any media device. It is even user-friendly, SEO-ready, effortless, lightweight, and optimized for top performance and Core Web Vitals. The theme is best suitable for news, magazines, publishers, editors, news portals, newspapers, personal blogs, news editorials, guides, journalism, travel blogs, niche blogs, food blogs, beauty blogs, affiliate blogs, multimedia blogs, guest blogging, and reviews websites. It also has flexible and versatile layouts that are enough for essential needs, with unlimited colors, unlimited Google fonts, typography, responsive design, and Rtl language support. It is designed to be highly SEO-friendly that can help optimize your website on search engine performance, making it easier to find for potential visitors and the theme provides predefined beautiful demos that can be imported with one click in less time. NewsCorn also supports popular free and premium WordPress plugins such as Elementor, Yoast SEO, WooCommerce, Gutenberg, Contact Form 7, Jetpack, Google Analytics, and much more. Check the demo of NewsCorn Pro https://newsexo-pro-four.themearile.com/.
Version: 2.1
Tested up to: 6.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newscorn
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
*/

/*--------------------------------------------------
=>> Body Custom Background Css
--------------------------------------------------*/

body.custom-background .theme-bg-dark,
body.custom-background .theme-bg-default, 
body.custom-background .theme-blog.theme-bg-grey {
    background-color: transparent !important;
}

/*--------------------------------------------------------------
=>> Typography Css
--------------------------------------------------------------*/

.navbar.navbar-dark .nav .menu-item .nav-link {
    font-family: Josefin Sans;
}
.navbar .nav .menu-item .dropdown-item {
	font-family: Josefin Sans;
}

/*--------------------------------------------------------------
=>> Logo and Banner
--------------------------------------------------------------*/

.logo-banner .site-title a { color: #ffffff; } 

/*--------------------------------------------------------------
=>> Owl Slider Next - Prev Buttons
--------------------------------------------------------------*/

#news-slider-fluid.owl-carousel .owl-prev, 
#news-slider-fluid.owl-carousel .owl-next { 
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.1); 
	border: 1px solid #fff;
	opacity: 0.3;
	color: #fff; 
	font-size: 1.000rem; 
	line-height: 1.7;  
	padding: 0 !important;
	margin: 0px;
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	border-radius: 1px;
	position: absolute;
    top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
	text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#news-slider-fluid.owl-carousel .owl-prev { 
	right: 45px; 
} 
#news-slider-fluid.owl-carousel:hover .owl-prev,
#news-slider-fluid.owl-carousel:hover .owl-next { 
	opacity: 1; 
}
#news-slider-fluid.owl-carousel .owl-prev:hover, 
#news-slider-fluid.owl-carousel .owl-prev:focus, 
#news-slider-fluid.owl-carousel .owl-next:hover, 
#news-slider-fluid.owl-carousel .owl-next:focus { 
	background-color: rgba(0, 0, 0, 0.2); 
	color: #fff;
}

/*--------------------------------------------------------------
=>> Site Header
--------------------------------------------------------------*/

.site-header {
    background: #f6f6f6 !important;
}

/*--------------------------------------------------------------
=>> Blog Meta
--------------------------------------------------------------*/

.entry-meta > span { 
	margin: 0 0.875rem 0 0 !important;
}
.entry-meta > span i {
    margin-right: 0.350rem;
}
.entry-meta .avatar-default {
    margin-right: 0.350rem;
}
/*Category Colors*/
.entry-meta .cat-links .links-bg:nth-child(2) {
	background: #d40004;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
	background: #56ca71;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
	background: #6610f2;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
	background: #ff5d20;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
	background: #0263D0;
	color: #fff;
}
/*Pagination*/
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
	border: 1px solid #ebebeb;
}
.pagination a {
	background-color: #fff;
}


/*--------------------------------------------------------------
=>> All Blog Posts Common Classes for Spacing
--------------------------------------------------------------*/

@media (min-width: 200px) and (max-width: 991.98px) {
	#featured-news-slider.owl-carousel.three-three .post.overlay-news-area {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
=>> Sidebar Widgets
--------------------------------------------------------------*/

.sidebar.vrsn-three .widget {
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
	position: relative;
    -webkit-transition: all .1s;
    -ms-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}
.sidebar.vrsn-three .widget:hover {
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
	border-top: 2px solid #13171e;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;	
	transition: all .5s;
	transform : translateY(-5px);
}
/*List View Post Widget*/
.list-view-post-widget .post .entry-header .entry-title {
    line-height: 1.5;
}

/*--------------------------------------------------------------
=>> Theme Breadcrumb Area
--------------------------------------------------------------*/

#wrapper .page-breadcrumb { 
	background-color: #fff;
}


/*--------------------------------------------------------------
=>> Footer Section & Widgets
--------------------------------------------------------------*/

.site-footer-overlay::before {
	background: #f6f6f6;
}

.footer-sidebar .widget, 
.footer-sidebar .widget h1, 
.footer-sidebar .widget h2, 
.footer-sidebar .widget h3, 
.footer-sidebar .widget h4, 
.footer-sidebar .widget h5, 
.footer-sidebar .widget h6, 
.footer-sidebar .widget label, 
.footer-sidebar .widget th, 
.footer-sidebar .widget td, 
.footer-sidebar .widget td a, 
.footer-sidebar .widget .wp-element-caption, 
.footer-sidebar .widget blockquote, 
.footer-sidebar .widget blockquote cite, 
.footer-sidebar .widget details, 
.footer-sidebar .widget details p, 
.footer-sidebar .widget pre, 
.footer-sidebar .widget .entry-content a, 
.footer-sidebar .widget address a {
	color: #333333 !important;
}
.footer-sidebar .widget .wp-block-archives-list li a,
.footer-sidebar .widget .wp-block-categories-list li a,
.footer-sidebar .widget .wp-block-page-list li a, 
.footer-sidebar .widget .widget_meta ul li a, 
.footer-sidebar .widget.widget_meta ul li a, 
.footer-sidebar .widget .wp-block-latest-comments li a, 
.footer-sidebar .widget .wp-block-rss li a, 
.footer-sidebar .widget ul.menu li.menu-item a,
.footer-sidebar .widget .wp-block-latest-posts li a,
.footer-sidebar .widget .wp-block-read-more	{
	color: #333333 !important;
}
.footer-sidebar .list-view-post-widget .post .entry-header .entry-title a {
	color: #333333 !important;
}

.footer-sidebar .widget .wp-block-heading {
	color: #000000 !important;
}

.site-footer .site-info {
	color: #333333;
}
ul.site-info-menu li a {
	color: #333333;
}

/*--------------------------------------------------------------
=>> Default Page Templates 
--------------------------------------------------------------*/

body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post {
	border-bottom: 1px solid #f1f1f1;
	padding: 0.938rem 0 0.938rem 0;
}