/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 26 2025 | 19:43:39 */
/*************************************/
/*** Nathan's Changes From 9/26/25 ***/
/*************************************/
/* DANIEL, LEAVE THIS SECTION ALONE */
.single-post #qodef-page-outer,
.page-id-6667 #qodef-page-outer,
.postid-7386 #qodef-page-outer,
.post-template-default #qodef-page-outer {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
/*************************************/
/* DANIEL, THIS IS FOR LARGE SCREENS (DESKTOP BREAKPOINT) */
/* Note: Your theme also has a 1441px breakpoint but this is included within our ≥1025px rule below */
@media (min-width: 1025px) {
	.qodef-content-grid-1300 .qodef-content-grid,
	.single-post #qodef-page-inner,
	.page-id-6667 #qodef-page-inner,
	.post-template-default #qodef-page-inner {
		width: 100% !important; /* DANIEL, DO NOT EDIT THIS VALUE */
		padding-top: 80px !important; /* TOP -> This is the amount of whitespace ABOVE your single posts + blog page */
		padding-bottom: 40px !important; /* BOTTOM -> This is the amount of whitespace BELOW your single posts + blog page */
		padding-left: 80px !important; /* LEFT -> Left side whitespace (this value MUST match the RIGHT space value below) */
		padding-right: 80px !important; /* RIGHT -> Right side whitespace (this value MUST match the LEFT space value above) */
		min-width: calc(100% - 160px); /* CONTAINER WIDTH -> This must be EXACTLY DOUBLE the left/right value (Ex: 80px -> 160px) */
	}
	
	/* DANIEL, This controls the maximum height of the light colored section above your single blog posts + blog grid */
	.single-post .qodef-page-title.qodef-m.qodef-title--breadcrumbs.qodef-alignment--left.qodef-vertical-alignment--header-bottom {
		height: 260px !important;
		max-height: 260px !important;
	}
}
/*************************************/
/* DANIEL, THIS IS FOR MEDIUM & SMALL SCREENS (TABLET + MOBILE BREAKPOINTS) */
/* Note this rule is for screens ≤1024px */
@media (max-width: 1024px) {
	.qodef-content-grid-1300 .qodef-content-grid,
	.single-post #qodef-page-inner,
	.page-id-6667 #qodef-page-inner,
	.post-template-default #qodef-page-inner {
		width: 100% !important; /* DANIEL, DO NOT EDIT THIS VALUE */
		padding-top: 30px !important; /* TOP -> This is the amount of additional whitespace ABOVE your single posts + blog page */
		padding-bottom: 50px !important; /* BOTTOM -> This is the amount of whitespace BELOW your single posts + blog page */
		padding-left: 30px !important; /* LEFT -> Left side whitespace (this value MUST match the RIGHT space value below) */
		padding-right: 30px !important; /* RIGHT -> Right side whitespace (this value MUST match the LEFT space value above) */
		min-width: calc(100% - 60px); /* CONTAINER WIDTH -> This must be EXACTLY DOUBLE the left/right value (Ex: 80px -> 160px) */
	}
	
	/* DANIEL, This controls the maximum height of the light colored section above your single blog posts + blog grid */
	.single-post div.qodef-page-title.qodef-m.qodef-title--breadcrumbs.qodef-alignment--left.qodef-vertical-alignment--header-bottom {
		height: 160px !important;
		max-height: 160px !important;
	}
	
	/* Spacing above breadcrumbs (text within top section above content) */
	.single-post .qodef-page-title .qodef-breadcrumbs {
		margin-top: 45px !important;
	}
}
/*************************************/