/* 

Theme Name: PaperoNews
Description: PaperoNews is a WordPress theme designed for online newspapers and digital magazines, featuring a clean and well-structured layout. Its modern design highlights breaking news, popular articles, and trending topics, making it ideal for news websites. Fully customizable, it includes advanced options such as Google Fonts integration and WooCommerce support, allowing you to combine editorial content with e-commerce features seamlessly.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.0
Requires PHP: 5.3
Tested up to: 7.0
Template: newsweek
Tags: custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, one-column, two-columns, three-columns, four-columns, grid-layout, blog, e-commerce, news
Text Domain: paperonews
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

PaperoNews WordPress Theme is a child theme of Newsweek, Copyright 2025 ThemeinProgress.
PaperoNews is distributed under the terms of the GNU GPLv3.

Newsweek WordPress Theme, Copyright 2025 ThemeinProgress.
Newsweek is distributed under the terms of the GNU GPLv3.

*/

body,
a,
.header-search .search-form #header-searchform input[type=text],
.header-search .search-form a.close-search-form,
.header-cart a.cart-contents,
.header-cart a.cart-contents i,
.header-cart a.cart-contents span,
.open-modal-sidebar i,
#breadcrumb_wrapper #breadcrumb-inner,
#breadcrumb_wrapper #breadcrumb-inner a,
nav.header-menu ul.children li a,
nav.header-menu ul.sub-menu li a,
.site-section-title,
.related-posts h3,
h3#reply-title,
#footer,
.post-article p,
.post-article li,
.post-article address,
.post-article dd,
.post-article blockquote,
.post-article td,
.post-article th,
.post-article span,
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area span,
.textwidget,
.post-container .link a,
.post-container .quote span.dashicons-format-quote,
.post-container .title,
.post-container .wp-block-heading,
footer.tags a,
.post-meta-author,
.post-meta-author a,
.post-meta-date,
.post-meta-category,
.post-meta-icon,
.author-content h5,
.author-content h5 a,
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea,
.woocommerce-product-search input[type=search],
.contact-form input[type=text],
.contact-form textarea,
.searchform input[type=text],
.searchform textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea,
.logged-in-as a,
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.newsweek-pagination span,
.header-cart-widget .widget_shopping_cart,
.header-cart-widget .widget_shopping_cart a,
body.archive.woocommerce .product-category h3,
h3.product-title,
h4.product-title,
.product-title a,
h1.product-title,
.posted_in a,
.woocommerce-review-link,
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	color: #222;
}

.header-search .search-form #header-searchform ::-webkit-input-placeholder {
	color: #222;
}

.header-search .search-form #header-searchform ::-moz-placeholder {
	color: #222;
}

.header-search .search-form #header-searchform :-moz-placeholder {
	color: #222;
}

#topbar-wrapper,
.featured-posts-navigation .slick-arrow,
.featured-posts-overlay-article .category a,
.wpcf7-form input[type=submit] ,
.woocommerce-product-search input[type=submit],
.contact-form input[type=submit] ,
.searchform input[type=submit] ,
.comment-form input[type=submit],
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce a.button,
.woocommerce #respond input#submit, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce input.button#place_order,
.woocommerce .wc-proceed-to-checkout input,
span.button,
.post-article span.button,
.read-more span.button,
.post-article .read-more span.button,
#sidebar .tagcloud a, 
#footer_widgets .tagcloud a,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color:#f3f3f3;
	color: #222;
}

.read-more span.button, .post-article .read-more span.button {
    padding: 7px 21px;
    font-size: 14px;
    color: #222;
	font-weight: 700;
}

.sidebar-area h4.title,
.news_container h4.title,
.sidebar-area .wp-block-heading,
.sidebar-area .post-container .wp-block-heading {
    color: #222;
}

.sidebar-area a ,
#scroll-sidebar a,
#footer a {
	text-decoration:none;
}


/* ===============================================
   Typography
   =============================================== */

body,
#logo a,
.head-site-description span,
nav.header-menu ul li a,
nav.header-menu ul ul li a{
	font-family: "Raleway", sans-serif;
}

#logo a { 
	font-weight:800;
}

.head-site-description span {
	font-weight:600;
}

nav.header-menu ul li a {
	font-weight:800;
}
	
h1,
h2,
h3,
h4,
h5,
h6,
h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a,
h1.title span,
h2.title span,
h3.title span,
h4.title span,
h5.title span,
h6.title span {
	font-family: "Chivo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a,
h1.title span,
h2.title span,
h3.title span,
h4.title span,
h5.title span,
h6.title span {
	font-weight:700;
}

/* ===============================================
   Topbar
   =============================================== */

#topbar-section {
	background: #f3f3f3;
	height: 50px;
	line-height: 50px;
	position: relative;
	z-index: 1002;
	font-weight: 600;
}

#topbar-section .topbar-right-column {
	float: right;
	text-align: right;
	width: 100px;
}

#topbar-section .topbar-left-column {
	float: left;
	width: calc(100% - 100px);
	text-align: left;
}

#topbar-section .social-buttons {
	margin: 0;
}

#topbar-section .social-buttons a {
	display: inline-block;
	margin-right: 16px;
}

#topbar-section .header-cart,
#topbar-section .open-modal-sidebar {
	display: inline-block;
	vertical-align: middle;
}


#header-wrapper {
	position: relative;
	z-index: 1001;
	padding: 0;
	margin-bottom: 50px;
}

#header,
body.home #header {
	background: transparent;
	padding: 50px 0 !important;
	width: 100%;
	position: relative;
}

#logo {
	position: relative;
	padding: 0;
	text-align: center;
	word-break: break-all;
}

#logo a {
	display: block;
	font-size: 70px;
	color:#222;
	line-height: .8em;
	text-align: center;
	text-decoration: none;
}

#logo a:hover,
#logo a:focus {
	color: #d14a2b;
	text-decoration: none;
}

#logo a span {
	display: block;
	margin-top: 25px;
	font-size: 14px;
	line-height: 1.6em;
}

#primary-menu-wrapper {
	position: relative;
	z-index: 999;
	width: 100%;
	padding: 0;
	background: #f3f3f3;
	border: none;
	text-align: left;
}

nav.header-menu {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto;
}

nav.header-menu ul {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	list-style: none;
}

nav.header-menu ul:not(.children):not(.sub-menu) {
	display: flex;
	justify-content: center;
}

nav.header-menu ul li {
	position: relative;
	display: inline-block;
	text-align: left;
}

nav.header-menu ul li a {
	display: block;
	padding: 0 12px;
	margin: 0;
	font-size: 14px;
	color:#222;
	line-height: 53px;
	text-decoration: none;
	text-transform: uppercase;
}

nav.header-menu a:hover,
nav.header-menu a:focus,
nav.header-menu li:hover > a,
nav.header-menu li.focus > a,
nav.header-menu ul li.current-menu-item > a,
nav.header-menu ul li.current_page_item > a {
	color: #d14a2b;
	background:#fff
}

nav.header-menu ul li a .sf-sub-indicator {
	margin-left: 5px;
}

nav.header-menu ul.children,
nav.header-menu ul.sub-menu {
	position: absolute;
	top: 53px;
	left: -9999em;
	width: 100%;
	min-width: 213px;
	padding: 0;
	background: #f3f3f3 !important;
	border-top: 0;
	text-align: left;
	opacity: 0;
	z-index: 10001;
}

nav.header-menu ul.children li,
nav.header-menu ul.sub-menu li {
	display: block;
	width: 100%;
	min-width: 213px;
}

nav.header-menu ul.children li a,
nav.header-menu ul.sub-menu li a {
	padding: 14px;
	line-height: inherit;
	text-transform: none;
}

nav.header-menu li:hover > ul,
nav.header-menu li.focus > ul { left: 0; opacity: 1; }
nav.header-menu li li:hover > ul,
nav.header-menu li li.focus > ul { top: 0; left: 100%; }

#primary-menu-wrapper.fixed {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 54px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	z-index: 1001;
}

body.logged-in #primary-menu-wrapper.fixed { top: 32px; }

@media screen and (max-width: 767px) {
	#topbar-section { height: auto; }
	#topbar-section .topbar-left-column { width: calc(100% - 50px); }
	#topbar-section .topbar-right-column { width: 50px; }
	#header-wrapper { margin-bottom: 25px; }
	#primary-menu-wrapper { display: none; }
	#header,
	body.home #header { padding: 35px 0 !important; }
	#logo a { font-size: 42px; }
}

/* ===============================================
   News ticker
   =============================================== */

.news-ticker-carousel {
    margin-bottom: 50px;
}

.news-ticker-carousel-inner .news-ticker-marquee-init a {
	text-decoration: none;
}

/* ===============================================
   News container
   =============================================== */

.news_container {
    padding: 30px;
}

/* ===============================================
   Recent posts
   =============================================== */

.recent-posts-section {
    position: relative;
    margin: 0px 0 30px 0;
    padding: 0;
}

#header_sidebar + .recent-posts-section {
    margin-top:0px;
}

.recent-posts-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
	gap: 30px;
	padding: 0;
}

.recent-posts-grid h2 {
	margin: 16px 0 0 !important;
	font-size: 34px;
	line-height: 1.08;
}

.recent-posts-grid h2 a {
	text-decoration: none;
}

.recent-posts-grid .category {
	margin: 20px 0 0 0 !important;
}

.recent-posts-grid .recent-post h3 {
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}

.recent-posts-section.recent-posts-truncate-post-titles h3 {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-rendering: optimizeLegibility;
}

.recent-posts-grid .recent-post h3 a,
.recent-posts-center-column h2 a {
	text-decoration: none;
	font-weight: 900;
}

.recent-posts-left-column,
.recent-posts-right-column {
	display: block;
}

.recent-posts-center-column {
	position: relative;
	background: transparent;
	border: 0;
	padding: 0;
}

.recent-posts-center-column img {
	display: block;
	width: 100%;
	height: auto;
}

.recent-posts-article-content {
	padding: 0;
}

.recent-posts-article-content .category a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.recent-posts-article-content .author {
	font-size: 12px;
	color: #555;
}

.recent-posts-article-content .description {
	font-size: 15px;
	margin: 10px 0;
}

.recent-post {
	margin: 0;
	padding: 16px 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ddd;
}

.recent-post:last-child {
	border-bottom: 0;
}

.recent-post img {
	width: 100%;
	height: auto;
}

.recent-post .category a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

.recent-post .description {
	font-size: 14px;
	margin: 10px 0;
}

.recent-post .author {
	font-size: 12px;
	color: #555;
}

.recent-posts-permalink {
	position:relative;
	display:block
}

.recent-posts-permalink:after {
	content: '';
	display: block;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	opacity: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 33%, rgba(255,255,255,0.15) 66%);
	z-index:998;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.recent-posts-permalink:hover:after ,
.recent-posts-permalink:focus:after {
	opacity: 0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50);
	filter: alpha(opacity= 50);
}

/* ===============================================
   Post article
   =============================================== */

body.paperonews_archives .post-article-wrap {
    border: 1px solid #ddd;
}

body.paperonews_archives #masonry .post-article-wrap {
    border: none;
}

.post-meta-author ,
.post-meta-author span ,
.post-meta-author a,
.post-meta-date,
.post-meta-category ,
.post-meta-category a,
.post-meta-icon {
	font-size:13px !important;
	font-weight: 600 !important;
	color: #222;
}

/* ===============================================
   Related posts
   =============================================== */

.related-posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 10px;
}

.related-posts a,
.related-posts a:hover,
.related-posts a:active,
.related-posts a:focus {
    text-decoration: none;
}

.related-posts h3 {
	position: relative;
	font-size: 24px;
	margin:30px 0 !important;
	text-align:center;
}

.related-posts h4 {
	position: relative;
	font-size: 18px;
	margin:0;
	text-align:left;
}

.related-posts .meta-info {
    margin-top: auto;
    font-size: 12px;
    text-align: left;
}

.related-posts .wp-post-image {
    height: auto;
}

.related-posts .related-post-permalink {
    position: relative;
    display: block;
}

.related-posts .related-post-permalink:after {
	content: '';
	display: block;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	opacity: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 33%, rgba(255,255,255,0.15) 66%);
	z-index:999;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.related-posts .related-post-permalink:hover:after ,
.related-posts .related-post-permalink:focus:after {
	opacity: 0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50);
	filter: alpha(opacity= 50);
}

.related-posts section {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.related-posts section .related_post_details {
    display: flex;
    flex-direction: column;
	gap: 15px;
    height: 100%;
    padding: 15px;
    background: #fff;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

/* ===============================================
   Sidebar titles
   =============================================== */

.sidebar-area h4.title,
.sidebar-area .wp-block-heading,
.sidebar-area .post-container .wp-block-heading,
#scroll-sidebar h3.title {
	position: relative;
	border-bottom: 0;
}

.sidebar-area h4.title {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#sidebar.sidebar-area h4.title::after,
#sidebar.sidebar-area .wp-block-heading::after,
#sidebar.sidebar-area .post-container .wp-block-heading::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, #222 0, #222 50px, #f1f1f1 50px, #f1f1f1 100%) !important;
	content: "";
}

/* ===============================================
   News widget
   =============================================== */

.widget_paperonews_news_widget .small_article {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.widget_paperonews_news_widget .small_article:last-of-type {
	margin-bottom: 0;
}

.widget_paperonews_news_widget .article_featured_img {
	flex: 0 0 120px;
	margin-right: 15px;
}

.widget_paperonews_news_widget .article_featured_img img {
	display: block;
	width: 120px;
	height: 100px;
	object-fit: cover;
}

.widget_paperonews_news_widget .article_details {
	flex: 1 1 auto;
	min-width: 0;
}

.widget_paperonews_news_widget .article_details a {
	text-decoration: none;
}

.widget_paperonews_news_widget .article_details h3 {
	margin: 0 0 9px;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.widget_paperonews_news_widget .meta-info {
	font-size: 12px;
}

.widget_paperonews_news_widget .paperonews-news-widget-truncate-post-titles h3 {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.widget_paperonews_news_widget .standard-post-permalink {
	position: relative;
	display: block;
}

.widget_paperonews_news_widget .standard-post-permalink::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .3) 33%, rgba(255, 255, 255, .15) 66%);
	content: "";
	opacity: 0;
	transition: opacity .5s ease;
}

.widget_paperonews_news_widget .standard-post-permalink:hover::after,
.widget_paperonews_news_widget .standard-post-permalink:focus::after {
	opacity: .5;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
.newsweek-pagination span {
	background:#f1f1f1;
	text-decoration: none;
}

@media screen and (max-width: 992px) {

    #logo,
    #logo a,
    #logo a span {
        text-align: center;
        margin-bottom: 25px;
    }

	.recent-post img {
		height: 200px;
	}

	.recent-posts-grid .recent-post {
		padding: 10px 0;
	}

	#topbar-section .header-cart {
		display: none;
	}

	#header-wrapper {
		margin-bottom: 0;
	}

	#primary-menu-wrapper {
		display:none;
	}
}

@media screen and (min-width: 769px) and (max-width: 992px) {

	.recent-posts-grid .recent-post h3 {
		font-size: 12px;
	}

}

@media screen and (max-width: 768px) {

	.recent-posts-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.recent-post.recent-post-large {
		grid-column: span 1;
	}

	.recent-posts-grid .recent-posts-left-column .recent-post:last-child {
		border-bottom: 1px solid #ddd;
	}

	.recent-posts-grid .recent-posts-right-column .recent-post:first-child {
		padding-top: 4px;
	}

	.recent-posts-center-column {
		order: 1;
		padding-bottom: 16px;
		border-bottom: 1px solid #ddd;
	}

	.recent-posts-left-column {
		order: 2;
	}

	.recent-posts-right-column {
		order: 3;
	}

	.recent-posts-grid .recent-post {
		padding: 16px 0;
	}

}

@media screen and (min-width: 993px){

	.featured-posts-secondary-column {
		order:3;
		margin:0
    }

	.featured-posts-side-column {
		order:1;
		margin:0 5px 0 0
    }

    .featured-posts-main-column {
        order:2;
    }

}