/*
Theme Name: ProvoNews072025
Theme URI: https://themearile.com/provo-news-theme/
Template: newsexo
Author: ThemeArile
Author URI: https://themearile.com
Description: Provo News is a modern and Professional WordPress theme for blogs, magazines, newspapers, news portals, 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, effortlessly, 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, affiliate 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. Provo News 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 Provo News Pro https://newsexo-pro-five.themearile.com/.
Version: 2.3
Tested up to: 6.8
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: provo-news
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
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1px;
}

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

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

/*--------------------------------------------------------------
=>> Site Header
--------------------------------------------------------------*/
/* .wp-post-image 
{
  width: 100px;
  height: 100px;
  object-fit:cover;
} */

.site-header {
    background: #01012f !important;
}
.head-contact-info li span.newsexo-time {
    background-color: #ff214f !important;
}
.head-contact-info li span.newsexo-time {
    color: #ffffff !important;
}
.head-contact-info li, .site-header .custom-social-icons .followus {
    color: #ffffff !important;
}
.custom-social-icons .followus:before, .custom-social-icons .followus:after {
    background: #ffffff !important;
}
.site-header .custom-social-icons li > a {
    color: #ffffff !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: #01012f;
	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: #ff0000;
	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;
}

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

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

/*--------------------------------------------------------------
=>> 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;
}


/*--------------------------------------------------------------
=>> Sidebar Update Released 
--------------------------------------------------------------*/

.wp-block-latest-posts li {
    padding-bottom: 1rem;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date {
    padding-top: 0.525rem;
}
.wp-block-archives li {
	padding-bottom: 0.625rem;
}
.post .wp-block-categories-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li ul li:first-child {
	padding-top: 0.625rem;
}
.post .wp-block-list li:last-child, 
.post .wp-block-list li ul li:last-child {
	padding-bottom: 0;
}
/* ==============================
   Kafelki – wymuszona wysokość i object-fit
   ============================== */

/* 1) Kontener kafelka: maks. wysokość 110px, szerokość 100%, przycięcie overflow */
/* ==============================
   Kafelki ze zdjęciami – spójne wypełnienie
   ============================== */

/* 1) Kontener kafelka */
article figure.post-thumbnail {
  width: 100%;
  height: 200px !important;
  overflow: hidden;       /* przytnie nadmiar zdjęcia */
  margin: 0;
  padding: 0;
}
article figure.post-thumbnail_glowne {
  width: 100%;
  height: 300px !important;
  overflow: hidden;       /* przytnie nadmiar zdjęcia */
  margin: 0;
  padding: 0;
}

/* 2) Obrazek wewnątrz kafelka */
article figure.post-thumbnail img.wp-post-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px !important;
}

#post-thumbnail-1{
	height: auto !important;
}
.col-lg-4 article.post figure#post-thumbnail-1{
	height: 200px !important;
}

.post-thumbnail {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.post-thumbnail img {
  display: block;
  object-fit: cover;
  object-position: center;
}
span.author{
 display: none !important;
}

/* article figure.post-thumbnail.poprawka{
  height: 200px !important;
}  */

.big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
	height: 448px !important;
}
.big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
	height: 448px !important;
}

.big-news-section .post.overlay-news-area .post-thumbnail {
	background: rgb(228,228,228);
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(151,159,167,1) 80%);
	height: 220px !important; 
}
.big-news-section .post.overlay-news-area .post-thumbnail img{
	background: rgb(228,228,228);
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(151,159,167,1) 80%);
	height: 220px !important; 
}
.poprawka2{
	height: 600px !important;
}
/* 1) Kontener kafelka: maks. wysokość 110px, szerokość 100%, przycięcie overflow */
article figure.post-thumbnail {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
  margin: 0;
  padding: 0;
}

/* 2) Obrazek wewnątrz kafelka: pełne wypełnienie kontenera, zachowanie proporcji */
article figure.post-thumbnail img.wp-post-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

article figure{
  /* wysokość kafelka dokładnie 100px, szerokość wg Twojego layoutu */
  height: auto;
  /* max-height: 100px;  */
  width: 100%;       /* lub inna wartość, np. 30% */
  overflow: hidden;  /* ukryje fragmenty obrazka wykraczające poza box */
}

figure .post-thumbnail {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;     /* zachowa proporcje i przytnie nadmiar */
  object-position: center;
}

.wa article{
	height: 400px !important;
}
.wa article .post-thumbnail{
	height: 100px;
}
@media only screen and (max-width: 1300px) {
  article figure.post-thumbnail.poprawka{
  height: 165px !important;
}
  article figure.post-thumbnail {
    height: 200px !important;     /* mniejsza wysokość na smartfonach */
  }
  article figure.post-thumbnail img.wp-post-image {
  min-height: 165px !important;
}
article figure.post-thumbnail_glowne {
  height: 300px !important;
}
}

@media only screen and (max-width: 767px) {
  article figure.post-thumbnail {
    height: 350px !important;
  }
  article figure.post-thumbnail.poprawka{
  height: 250px !important;
}
}
@media screen and (min-width: 1050px) and (max-width: 1290px) { 
    .big-news-section .post.overlay-news-area .post-thumbnail {
		min-height: 177px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		height: 448px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
		height: 448px !important;
	}
}
@media screen and (min-width: 991px) and (max-width: 1050px) { 
    .big-news-section .post.overlay-news-area .post-thumbnail {
		height: 277px !important;
		min-height: 277px !important;
	}
	.big-news-section .post.overlay-news-area .post-thumbnail img{
		height: 277px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		height: 361px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
		height: 361px !important;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 990px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		max-height: 380px !important;
	}
  .big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
		max-height: 380px !important;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		height: 368px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
		height: 368px !important;
	}
}
@media screen and (min-width: 500px) and (max-width: 600px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		max-height: 335px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
		max-height: 335px !important;
	}
}
@media screen and (min-width: 415px) and (max-width: 500px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		max-height: 280px !important;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail img{
		max-height: 280px !important;
	}	
	.big-news-section #news-slider .post.overlay-news-area .entry-header .entry-title {
		font-size: 1.5rem;
	}	
}