/*
 Theme Name:   Palm Beach Child
 Theme URI:    https://www.bets10pro8.com/
 Description:  Child theme for Palm Beach - moves post title below featured image on single posts
 Author:       Bets10pro
 Author URI:   https://www.bets10pro8.com/
 Template:     palm-beach
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  palm-beach-child
*/

/* ==========================================================================
   Custom CSS (migrated from parent theme Additional CSS)
   ========================================================================== */

@media only screen and (min-width: 60em) {
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: 100%;
		left: 245px;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		width: 250px;
	}
}

@media only screen and (min-width: 820px) {
	.before-header-widget-area,
	.after-header-widget-area {
		padding: 0;
	}

	.before-header-widget-area .widget,
	.after-header-widget-area .widget {
		margin-bottom: 0;
	}

	.amp-table-posts {
		margin: 0 auto;
	}
}

/* ==========================================================================
   Single Post: Title below featured image
   ========================================================================== */

/* Remove title overlay from the image on single posts */
.single .header-title-image .header-title-image-container .header-title-wrap {
	display: none;
}

/* Remove the dark overlay on single posts so the image is clear */
.single .header-title-image .header-title-image-container {
	background: transparent;
}

/* Style the title section that appears below the image */
.single-post-title-below {
	padding: 40px 0 20px;
	text-align: center;
	background: #fff;
}

.single-post-title-below .page-header {
	margin: 0;
	padding: 0;
	border: none;
}

.single-post-title-below .post-title.header-title {
	display: inline;
	margin: 0;
	padding: 0;
	color: #242424;
	color: var(--title-color, #242424);
	text-shadow: none;
	font-size: 42px;
	font-size: 2.625rem;
	font-family: Montserrat, verdana, arial, sans-serif;
	font-family: var(--title-font, Montserrat, verdana, arial, sans-serif);
	font-weight: 700;
	font-weight: var(--title-font-weight, 700);
	text-transform: uppercase;
	text-transform: var(--title-text-transform, uppercase);
	line-height: 1.6;
	line-height: var(--title-line-height, 1.6);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.single-post-title-below .entry-meta {
	margin-top: 15px;
}

.single-post-title-below .entry-meta a {
	color: #888;
}

.single-post-title-below .entry-meta a:hover {
	color: #f5346e;
	color: var(--link-color, #f5346e);
}

/* Hide post meta in .single-post-title-below when deactivated in settings */
body.date-hidden .single-post-title-below .entry-meta .meta-date,
body.author-hidden .single-post-title-below .entry-meta .meta-author,
body.categories-hidden .single-post-title-below .entry-meta .meta-category,
body.comments-hidden .single-post-title-below .entry-meta .meta-comments {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

body.date-hidden.author-hidden.categories-hidden.comments-hidden .single-post-title-below .entry-meta {
	display: none;
}

/* Reduce the header image height on single posts for better proportion */
.single .header-title-image {
	height: 480px;
}

.single .header-title-image .header-title-image-container {
	height: 480px;
}

/* Responsive adjustments */
@media only screen and (max-width: 960px) {
	.single .header-title-image,
	.single .header-title-image .header-title-image-container {
		height: 360px;
	}

	.single-post-title-below .post-title.header-title {
		font-size: 32px;
		font-size: 2rem;
	}
}

@media only screen and (max-width: 600px) {
	.single .header-title-image,
	.single .header-title-image .header-title-image-container {
		height: 240px;
	}

	.single-post-title-below {
		padding: 25px 15px 15px;
	}

	.single-post-title-below .post-title.header-title {
		font-size: 24px;
		font-size: 1.5rem;
	}
}