/*

Theme Name: Urban Press Pro
Description: Urban Press Pro is a WordPress theme crafted for online magazines and digital newspapers, offering a clean, intuitive layout that enhances content navigation. Its modern design brings focus to popular articles, featured stories, and real-time updates. It includes advanced customization features, Google Fonts support, and WooCommerce integration to expand your website's capabilities.
Author: ThemeinProgress.
Author URI: https://www.themeinprogress.com
Version: 1.0.0
Requires PHP: 5.3
Tested up to: 6.9
Template: urbanews-pro
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, grid-layout, blog, e-commerce, news
Text Domain: urban-press-pro
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Urban Press Pro WordPress Theme is a child theme of Urbanews Pro, Copyright 2026 ThemeinProgress.
Urban Press Pro is distributed under the terms of the GNU GPLv3.

Urbanews Pro WordPress Theme, Copyright 2026 ThemeinProgress.
Urbanews Pro is distributed under the terms of the GNU GPLv3.

*/

body:not(.is_minimal_layout) #wrapper {
    border:none;
}

body.body_white_bg:not(.is_minimal_layout) #wrapper {
    background: #fff;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

#header {
	background: #262626;
	border-bottom: none;
    padding: 30px 0;
    color: #fff;
	border-bottom: solid 5px #ff6644;
}

#footer {
	border-top: solid 5px #ff6644;
}

nav.header-menu ul.children ,
nav.header-menu ul.sub-menu,
.header-cart-widget {
	background: #262626;
	border: none;
}

.sf-sub-indicator {
	margin-left: 10px;
}

.news-ticker-carousel.newsticker-dark-style,
#breadcrumb_wrapper.breadcrumb-dark-style #breadcrumb-inner {
	background:#262626;
	border:solid 1px #262626;
}

.header-cart-widget .widget_shopping_cart,
.header-cart-widget .widget_shopping_cart a {
	color: #fff;
}

.sidebar-area a,
#footer a,
#footer_widgets a,
.news-ticker-carousel-inner .news-ticker-marquee-init a,
#sidebar-wrapper #scroll-sidebar a {
	text-decoration: none;
}

#logo a,
nav.header-menu ul li a,
.open-modal-sidebar i, 
.header-search a,
.header-cart a.cart-contents,
.header-cart a span {
	color: #fff;
}

body.is_minimal_layout:not(.body_white_bg) .news_container,
body.is_minimal_layout:not(.body_white_bg) .news-ticker-carousel,
body.is_minimal_layout:not(.body_white_bg) .featured-posts-main-column,
body.is_minimal_layout:not(.body_white_bg) .featured-posts-side-column ,
body.is_minimal_layout:not(.body_white_bg) #header_sidebar .post-container,
body.is_minimal_layout:not(.body_white_bg) .trending-articles-wrapper,
body.is_minimal_layout:not(.body_white_bg) .post-article-wrap,
body.is_minimal_layout:not(.body_white_bg) #sidebar .post-article,
body.is_minimal_layout:not(.body_white_bg) #breadcrumb_wrapper #breadcrumb-inner,
body.is_minimal_layout:not(.body_white_bg) .above-posts-homepage-widget-area .above-posts-homepage-widget,
body.is_minimal_layout:not(.body_white_bg) .below-posts-homepage-widget-area .below-posts-homepage-widget,
body.is_minimal_layout:not(.body_white_bg) .product-content,
body.is_minimal_layout:not(.body_white_bg) .masonry .product-content,
body.is_minimal_layout:not(.body_white_bg) .masonry .product-thumbnail,
body.is_minimal_layout:not(.body_white_bg) .woocommerce .woocommerce_cart_details,
body.is_minimal_layout:not(.body_white_bg) .woocommerce .cart-collaterals .cart_totals, 
body.is_minimal_layout:not(.body_white_bg) .woocommerce-page .cart-collaterals .cart_totals,
body.is_minimal_layout:not(.body_white_bg) .woocommerce-error,
body.is_minimal_layout:not(.body_white_bg) .woocommerce-message,
body.is_minimal_layout:not(.body_white_bg) .woocommerce-info,
body.is_minimal_layout:not(.body_white_bg) .woocommerce .woocommerce-error,
body.is_minimal_layout:not(.body_white_bg) .woocommerce .woocommerce-message,
body.is_minimal_layout:not(.body_white_bg) .woocommerce .woocommerce-info {
	border: none;
}

body.is_minimal_layout:not(.body_white_bg) .woocommerce .woocommerce-info {
	outline: none;
}

body.is_minimal_layout:not(.body_white_bg) .post-article.not-found {
	padding:5px 30px 15px 30px;
}

/* ===============================================
   Newsticker / Breadcrumb label
   =============================================== */

.news-ticker-title,
#breadcrumb_wrapper .breadcrumb-position {
    background: #ff6644;
}

.news-ticker-title::before,
#breadcrumb_wrapper .breadcrumb-position::before {
    border-left-color: #ff6644
}

/* ===============================================
   Header search
   =============================================== */

.header-search .search-form {
	background: rgba(0,0,0, 0.98) none repeat;
}

.header-search .search-form #header-searchform input[type=text] {
	color:#fff;
}

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

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

.header-search .search-form #header-searchform :-ms-input-placeholder {
	color:#fff;
}

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

.header-search .search-form a.close-search-form {
	color:#fff;
}

.header-search .search-form i.searchform-close-button {
	color:#fff;
}

.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}

.header-search .search-form.is-open i.searchform-close-button:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Main column > Main articles 
   ---- */

.featured-posts-overlay-article {
    min-height: 412px;
}

/* Side column > Small articles 
   ---- */

.featured-posts-side-column .featured-posts-small-article {
	min-height: 89px;
	margin-bottom:10px
}

.featured-posts-side-column .featured-posts-small-article:last-of-type {
	margin-bottom:0
}

.featured-posts-side-column .featured-posts-small-article img {
    width: 95px;
    height: 95px !important;
    object-fit: cover;
    object-position: center center;
}

.featured-posts-side-column .featured-posts-small-article .featured-posts-image-link {
	position: relative;
	width: 95px;
    height: 95px;
    min-width: 95px;
	background: linear-gradient(0deg, rgba(0,0,0,0.3) 33%, rgba(255,255,255,0.15) 66%);
}

.featured-posts-side-column .featured-posts-small-article .featured-posts-image-link a {
	position: absolute;
	top: 0;
	left: 0;
    width: 95px;
    height: 95px;
	-moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.featured-posts-side-column .featured-posts-small-article .featured-posts-image-link a:hover,
.featured-posts-side-column .featured-posts-small-article .featured-posts-image-link a:active,
.featured-posts-side-column .featured-posts-small-article .featured-posts-image-link a:focus {
	opacity: 0.85;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 85);
	filter: alpha(opacity= 85);
}

@media screen and (min-width: 0) and (max-width: 600px) {
	.featured-posts-grid {
		display: block;
	}

	.urban-press-pro-vertical-featured-posts-section,
	.urban-press-pro-overlay-carousel-section {
		padding-bottom: 10px;
	}

	.featured-posts-main-column {
		width: 100%;
		margin-bottom: 5px;
	}

	.featured-posts-side-column {
		width: 100%;
	}
}

@media screen and (min-width: 601px) and (max-width: 992px) {
	.featured-posts-grid {
		display: flex;
	}

	.urban-press-pro-vertical-featured-posts-section {
		padding-bottom: 10px;
	}

	.urban-press-pro-vertical-featured-posts-section.vertical-overlay-carousel-section {
		padding-bottom: 11.5px;
	}

	.featured-posts-main-column {
		width: calc(66.666666% - 5px);
		margin: 0 5px 0 0;
	}

	.featured-posts-side-column {
		width: 33.333334%;
	}
}

@media screen and (min-width: 993px) {
	.featured-posts-grid {
		display: flex;
	}

	.featured-posts-main-column {
		order: 1;
		width: calc(66.666666% - 5px);
		margin: 0 5px 0 0;
	}

	.featured-posts-side-column {
		order: 2;
		width: 33.333334%;
	}
}

/* ===============================================
   Post block
   =============================================== */

.news_container {
	padding:30px;
}

/* ===============================================
   Widgets title
   =============================================== */

.featured-posts-head h4,
.sidebar-area h4.title span,
.news_container h4.title span {
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
    color: #fff !important;
    margin-top: 0px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    margin-right: 10px;
    background-color: #ff6644;
    line-height: 1.4em;
	position:relative
}

.featured-posts-head h4 {
    padding-bottom: 3px;
}

.sidebar-area h4.title,
.news_container h4.title  {
	overflow:hidden;
	position:relative;
	display:block;
}

.sidebar-area h4.title span:after,
.news_container h4.title span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1170px;
    height: 2px;
    background: #ff6644;
    z-index: 998;
}

.featured-posts-head{
    border-bottom:solid 2px #ff6644;
}

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

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

.related-posts-grid section {
	display: block;
	width: auto;
	margin-right: 0;
}

.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;
	font-weight: 600;
	margin: 30px 0 !important;
	text-align: center;
}

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

.related-posts .meta-info {
	margin-top: 10px;
	font-size: 12px;
}

.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 .related_post_details {
	padding: 15px;
	background: #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align: left;
	outline: 0;
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.related-posts-grid {
		grid-template-columns: 1fr;
	}
}

/* ===============================================
   Pagination
   =============================================== */

.urbanews-pro-pagination span.current span {
    background: none;
}

/* ===============================================
   Footer
   =============================================== */

.social-buttons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    font-size: 20px;
}