/*
Theme Name: Jerry Ratcliffe Flash
Theme URI: https://themegrill.com/themes/flash
Description: Flash 1.4.11 Child Theme for Jerry Ratcliffe
Author: Jerry Ratcliffe, ThemeGrill
Author URI: http://themegrill.com
Template: flash
Version: 2025.3
Tested up to: 5.4.1
Requires PHP: 5.6
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flash
*/

* {
	transition: none !important;
}



/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
/* was #000 Flash */
a {
	color: #1E2E5E;
}

/* was #000 Flash */
a:hover {
	color: #D56A00 !important;
}





#content {
	padding-bottom: 30px;
}

@media (max-width: 768px) {
	#content {
		padding-bottom: 0;
	}
}

.entry-meta .entry-date a .updated:not(.published) {
	display: none;
}

/* The parent theme is loaded first. Set Text Domain for kirki, etc. Working with Flash 1.4.11. */

/* Flash has "Montserrat", sans-serif */
pre {
	font-family: monospace;
}

/* not used 2025/08 */
div.jerryr-flash-2col-1024 {
	max-width: 1024px;
}

/* vertical to match logo, Flash has 'center'  */
.header-bottom .tg-container {
	align-items: normal;
}

/* compensate for margins in specific logo, Flash has 0 */
.header-bottom .logo-image {
	margin: -10px 0 0 -28px;
}

.custom-logo {
	width: 340px;
}

/* vertical to match logo, Flash has 0 */
.header-bottom .site-navigation-wrapper,
.header-bottom .header-action-container {
	padding: 21px 0 0 0;
}

/* horizontal for menu, Flash has 'right' */
#site-navigation {
	float: left;
}

/* horizontal for hamburger, revert to Flash 'right' */
@media (max-width: 980px) {

	.header-bottom .logo-image {
		margin: -13px 0 0 -13px;
	}

	#site-navigation {
		float: right;
	}

}

/* horizontal for menu, Flash has 0 */
/* portable, does not depend on menu slug */
/* #site-navigation div.menu-menu-1-container {} */
#site-navigation > div:not( .menu-toggle ) {
	padding: 17px 0 0 22px;
}

/* for multiline menu? Flash has '23px 30px 23px 0' */
#site-navigation ul li {
	padding: 6px 30px 6px 0;
}

/* copy Flash 0 */
@media (max-width: 980px) {

	#site-navigation > div:not( .menu-toggle ) {
		padding: 0;
	}

	#site-navigation ul li {
		padding: 0;
	}

}

#bottom-footer ul.footer-menu {
	list-style: none;
}

div.jerryr-header-contact p {
	padding: 8px 0;
}

div.jerryr-footer-donate figure {
	padding: 0 6px 0 0;
}

div.jerryr-footer-donate p {
	margin: 0 0 14px 0;
}

ul.wp-block-latest-posts {
	margin-left: 0;
}

ul.wp-block-latest-posts a img {
	padding: 0 6px 0 0;
}

/* 'sud' controlled by a rendering filter in this child theme's class */
ul.jerryr-wp-latest-posts-sud-top a.wp-block-latest-posts__post-title {
	font-size: large;
}



.nav-next a .entry-title {
	float: left;
	margin-right: 3px;
}

h4.related-posts-main-title {
	font-size: 16px;
	font-weight: 400;
}

/* Flash: margin-top: 30px */
.related-posts-wrapper {
	margin: 0;
}

.related-posts-wrapper .jerryr-related {
	width: 100%;
	margin-bottom: 28px;
	display: block;
}

.related-posts-wrapper .jerryr-related-inner {
	padding: 12px 20px;
	border: 1px dotted #fe3400;
	border-radius: 3px;
	/* margin: 0 0 10px 0; */
}

.related-posts-wrapper .jerryr-related-inner-head {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.related-posts-wrapper .jerryr-related-inner-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.post .entry-thumbnail,
.related-posts-wrapper .entry-thumbnail {
	float: left;
	margin: -5px 30px 0 0;
	width: 33.7%;
}

.related-posts-wrapper .entry-content-block .entry-header {
	margin: 0;
}

.related-posts-wrapper .entry-content-block .entry-title {
	font-size: 18px;
	/* font-weight: 400; */
}

.related-posts-wrapper .entry-content-block .entry-meta {
	margin: 12px 0 0 0;
}

.related-posts-wrapper .entry-content-block .entry-content {
	border: none;
}
/* match Flash .post .entry-thumbnail */
/* .page .entry-thumbnail { */
	/* float: left; */
	/* margin-right: 30px; */
	/* width: 33.7%; */
/* } */


.search .hentry {
	border: none;
	margin-top: 0;
}

/* tricky percentage just before widgets drop at max width 768 */
.jerryr-entry-content-block {
	float: left;
	width: 58%;
}

.jerryr-entry-content-block p {
	margin: 0 0 12px 0;
}

.post .entry-content-block .entry-meta span:hover {
	color: unset;
}


/* Flash: padding: 10px 15px; margin: 0; */
.navigation .nav-links a,
.bttn,
button {
	margin: 0 2px 10px 0;
}

/* Flash: padding: 0; margin: 0; */
.navigation .nav-links span.current {
	margin: 0 1px 10px 0;
	cursor: pointer;
	font-size: 14px;
	line-height: 13px;
	border: 2px solid #303B5C;
	padding: 8px 13px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	text-shadow: none;
	border-radius: 0;
}

#bottom-footer .copyright {
	padding: 0 10px;
}

/* Flash makes thumbnail 100% here, need some space above title */
@media (max-width: 600px) {
	.blog #primary .post .entry-thumbnail,
	.archive #primary .post .entry-thumbnail {
		margin: 0 0 14px 0;
	}
}

@media (max-width: 768px) {
    #secondary {
		margin-top: 30px;
	}
}