/**
 * Elementor Alignment
 *
 * Description: Aligns the Hello Theme header, footer, and page title with Elementor's content width.
 * Author: MIGHTYminnow
 * Version: 1.0.4
 */

/**
 * Layout Settings
 */
body{
	/* Set to the same value as Content Width on Elementor Editor > Site Settings > Layout. */
	--mm-content-width: 1240px;


	--mm--elementor-alignment--vertical-padding: 10px;
	--mm--elementor-alignment--horizontal-padding: 20px;
	--mm--elementor-alignment--content-width: calc( var( --mm-content-width ) - var( --mm--elementor-alignment--horizontal-padding ) );
	--mm--elementor-alignment--content-width-with-padding: calc(
		var( --mm--elementor-alignment--content-width )
		+
		var( --mm--elementor-alignment--horizontal-padding ) * 2
	);
}

/**
 * Site Header (Hello Theme Default)
 */
.site-header .header-inner{
	padding-left: var( --mm--elementor-alignment--horizontal-padding );
	padding-right: var( --mm--elementor-alignment--horizontal-padding );
	max-width: var( --mm--elementor-alignment--content-width-with-padding );
}

/**
 * Main Content (Non-Elementor Pages)
 */
body:not([class*="elementor-page-"]) #content{
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	max-width: var( --mm--elementor-alignment--content-width-with-padding );
}

/**
 * Page Title
 */
.page-header{
	padding-left: var( --mm--elementor-alignment--horizontal-padding );
	padding-right: var( --mm--elementor-alignment--horizontal-padding );
}
.page-header .entry-title{
	padding-left: 0;
	padding-right: 0;
	max-width: var( --mm--elementor-alignment--content-width );
}

/**
 * Page Content (Non-Elementor Pages)
 */
body:not([class*="elementor-page-"]) .page-content,
#tribe-events-content{
	padding: var( --mm--elementor-alignment--vertical-padding ) var( --mm--elementor-alignment--horizontal-padding );
}

/*
 Fix double spacing.
 Remove margins from first/last child elements.
 Padding already added by .page-content
*/
body:not([class*="elementor-page-"]) .page-content *:first-child{
	margin-block-start: 0;
}
body:not([class*="elementor-page-"]) .page-content *:last-child{
	margin-block-end: 0;
}

/**
 * Site Footer (Hello Theme Default)
 */
.site-footer .footer-inner{
	padding-left: var( --mm--elementor-alignment--horizontal-padding );
	padding-right: var( --mm--elementor-alignment--horizontal-padding );
	max-width: var( --mm--elementor-alignment--content-width-with-padding );
}