/*
Theme Name:   Newsever Pro Child
Theme URI:    https://afthemes.com/products/newsever-pro/
Description:  Child theme for Newsever Pro (Linkage Mag). All site customizations live here so the parent theme stays untouched.
Author:       Metropolitan Wealth Management
Template:     newsever-pro
Version:      1.0.3
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  newsever-pro-child
*/

/*
 * The parent stylesheet is loaded first by functions.php, so rules added
 * below override Newsever Pro. Add custom CSS under this line.
 */

/* Digital Library: issue titles under the DearFlip covers (default is 0.75em). */
.df-popup-thumb.df-tl-book-title-bottom .df-book-title {
	font-size: 1.125rem;
	line-height: 1.3;
	height: auto; /* DearFlip fixes it at 3em, leaving empty space under one-line titles */
	padding: 8px 0 0;
}

/* Digital Library grid: less space between rows (Additional CSS sets 30px on all DearFlip thumbs). */
.linkage-digital-library .df-popup-thumb {
	margin: 0 0 16px !important;
}

/*
 * Mobile header (768px and below, where the theme stacks the header):
 * shorter header with date + social icons on one line, a smaller centered
 * logo, and no subscribe banner under the logo. Desktop is unchanged.
 */
@media screen and (max-width: 768px) {
	/* Top red bar: date left, social icons right, same line. */
	.top-header .top-bar-flex {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.top-header .top-bar-left.col-66,
	.top-header .top-bar-right.col-3 {
		width: auto;
		margin: 0;
	}
	.top-header .top-bar-left .af-secondary-menu:empty {
		display: none;
	}
	.top-header .top-bar-right.col-3 ul {
		text-align: right;
	}

	/* Logo area: less padding, slightly smaller centered logo. */
	.header-style1 .main-header .af-flex-container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.header-style1 .main-header .site-branding img.custom-logo {
		display: block;
		width: 100%;
		max-width: 260px;
		height: auto;
		margin: 0 auto;
	}

	/* Hide the subscribe banner (and its column) below the logo. */
	.header-style1 .main-header .af-flex-container > div:has(> .banner-promotions-wrapper),
	.header-style1 .main-header .banner-promotions-wrapper {
		display: none;
	}
}
