/* The below modification override the Astra Template settings which allow Elementor Sections to fill the entire width of the view screen. This was simpler and more reliable than the Elementor method of using Java Script to accomplish the same feat. */

.ast-container {
	padding:0px;
	max-width:100%;
}

/* For controlling the padding around the header */

.ast-logo-title-inline .ast-site-identity {
	padding:0em 0em 2em 0em;
}

/* The below adds a minor unique flair to the header that neither the Astra Theme or Elementor can do */

.ast-primary-header-bar {
	border-radius:0% 0% 22% 22%;
	z-index:5;
}

/* The below aligns the header text to the right.  No reason other than it was the easiest way to have it clear the above curved header bottom */

.ast-site-title-wrap {
	text-align:right;
}

/* The site image tended to overlap the header border, so contained it this way */

.custom-logo {
	border-radius:10px;
	max-height:100%;
	object-fit:scale-down;
	padding: 5px;
}

/* A nice tight way to include pertinent information in the header. */

.ast-below-header-bar {
	margin:-44px 0px 0px 0px;
	border:0px;
	position:relative;
	z-index:10;
	width:auto;
	text-align:center;
}