.entry-content :where(h1, h2, h3, h4, h5, h6) {
	margin-top: 1em;
}

/* ---------------------- */
/* Header fix navigation wrap */
/* ---------------------- */
@media (min-width: 922px) and (max-width: 1010px) {
	.ast-primary-header-bar {
		padding-inline: 0 !important;

		.ast-builder-button-wrap.ast-builder-button-size-default {
			white-space: nowrap;
		}

		.custom-logo-link img {
			max-width: 150px;
		}
	}
}

/* ---------------------- */
/* Hero tag (text with bg color) */
/* ---------------------- */
.custom-tag-style {
	max-width: fit-content !important;
	padding-inline: 10px !important;
	background-color: rgba(255, 255, 255, 0.14);
	@media (max-width: 639px) {
		& {
			padding: 8px 15px!important;
		}
	}
}

/* Intro Panel img aspect ratio fix */
.intro-panel-lg-img-cont {
	aspect-ratio: 7 / 4;
	padding-right: 5%;
	width: 100% !important;

	img {
		height: 100% !important;
		width: 100% !important;
	}
}

.intro-panel-sm-img-cont {
	margin-left: 0px !important;
	aspect-ratio: 7 / 4;
	width: 60% !important;
	height: max-content;
	align-self: flex-end;
	margin-right: -12px !important;

	img {
		height: 100% !important;
		width: 100% !important;
	}
}

/* Hero Section: Fix specings */
.custom-hero-section {
	padding-inline: 20px!important;
	
	& h1.uagb-ifb-title {
		margin-inline: auto !important;
	}
	& p.uagb-ifb-desc {
		margin-inline: auto !important;
		max-width: 55ch;
	}
	
 .uagb-container__shape-bottom.uagb-container__shape > svg {
		width: 102vw;
	}
}
@media (min-width: 640px) {
	.custom-hero-section {
		& p.uagb-ifb-desc {
			max-width: 70ch;
		}
	}
}
@media (min-width: 922px) {
	.custom-hero-section {
		& p.uagb-ifb-desc {
			max-width: 85ch;
		}
	}
}

/* Fix theme css below 544px */
/* Secondary button not receiving padding below the 544px */
@media (max-width: 544px) {
	.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,
	.ast-outline-button,
	.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button {
		padding: 12px 16px;
	}
}

/* ---------------------- */
/* Side by side img aspect ratio fix - Seen in Res and Com */
/* ---------------------- */
@media (min-width: 64em) {
	div.wp-block-uagb-container.side-by-side-fixed {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	div.wp-block-uagb-container.side-by-side-fixed > div.wp-block-uagb-container {
		max-width: 100%;
	}
	div.wp-block-uagb-container.side-by-side-fixed .wp-block-uagb-image {
		height: 100%;
	}
	div.wp-block-uagb-container.side-by-side-fixed .wp-block-uagb-image figure > image {
		width: 100%;
		height: 100%;
	}
}

/* ---------------------- */
/* Side by side custom background position */
/* No direct control from theme editor */
/* ---------------------- */
.side-by-side-dashboard figure img {
	object-position: 86%;
}

.side-by-side-speaker figure img {
	object-position: 14%;
}

.side-by-side-cam figure img {
	object-position: left;
}

/* -------------------- */
/*  Fix post-carousel img aspect-ratio and img size */
/* -------------------- */
.custom-carousel .slick-slide article .uagb-post__image {
	aspect-ratio: 7 / 6;

	& img {
		height: 100%;
		object-fit: cover;
	}
}

/* -------------------- */
/* -------------------- */
.custom-carousel.projects {
	.slick-list {
		pointer-events: none;
		touch-action: none;
	}
	
	.slick-arrow,
	.swiper-button-next,
	.swiper-button-prev {
		pointer-events: auto;
	}
}

/* Remove Box Shadow from bullets and slider arrows */
button,
.ast-button,
.button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	box-shadow: none;
}

/* Staff Section */
.staff-content-section {
	& h3 {
		margin: 0;
		font-size: 2rem;
	}
	& p {
		font-size: 1.3rem;
		font-weight: 500;
	}
}

/* Project grid layout */
.custom-grid-layout .wp-block-uagb-container.custom-img-cont {
	aspect-ratio: auto 400 / 430 !important;
	height: auto;
	
	@media (max-width: 1023px) {
		& {
			aspect-ratio: auto 400 / 300 !important;
		}
	}
}

/* Form Submit button match theme */
.custom-submit-button > button.srfm-button.srfm-submit-button.srfm-btn-frontend.srfm-custom-button {
	--wp--custom--font-weight--medium: 600;
	  border: 0 solid var(--ast-global-color-0);
		color: var(--ast-global-color-2);
		background: var(--ast-global-color-0);
		padding: 15px 30px;
		font-size: 1rem;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-radius: 2em;
		width: max-content !important;
    margin-right: auto;
		transition: border-color .2s linear, background-color .2s linear, color .2s linear;
	
	&:hover {
			color: var(--ast-global-color-4);
			background-color: var(--ast-global-color-1);
			border-color: var(--ast-global-color-1);
	}
}
/* Contact us cta */
.findus-cta {
	text-decoration-color: transparent !important;
	
	&:hover {
		text-decoration-color: var(--ast-global-color-2)!important;
	}
}
/* authorized dealers in the footer */
.custom-authorized-logos {
	figure {
		max-width: 140px;
		margin-right: auto;
	}
	@media (min-width: 64em) {
		& {
			figure {
				max-width: 160px;
				margin-right: auto;
			}
		}
	}
}
/* Footer logos */
.custom-footer-icons {
	max-width: 40px;
}

/* Footer Contact */
.footer-contact a {
	color: inherit;
	transition: color 0.2s ease-in-out;
	
	&:hover {
		color: var(--ast-global-color-0);
	}
}