/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra with a custom static homepage.
Author: ArchMasters
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Global content offset so every page clears the header area. */
:root {
	--archmasters-header-offset: 84px;
}

.site-content {
	padding-top: var(--archmasters-header-offset) !important;
}

/* Transparent/sticky header overlays content by default in Astra. */
body.ast-theme-transparent-header .site-content,
body.ast-theme-transparent-header.ast-header-break-point .site-content,
body.ast-theme-transparent-header.ast-desktop .site-content {
	padding-top: calc(var(--archmasters-header-offset) + 28px) !important;
}

@media (min-width: 768px) {
	:root {
		--archmasters-header-offset: 96px;
	}
}

@media (min-width: 1024px) {
	:root {
		--archmasters-header-offset: 108px;
	}
}

/* Primary footer: four equal columns with a little space between (hb-footer-layout 4-equal). */
#colophon.site-footer .site-primary-footer-wrap.ast-builder-grid-row-4-equal .site-primary-footer-inner-wrap.ast-builder-grid-row {
	gap: 1.25rem 1.75rem;
}


/* Keep footer typography consistent across all pages. */
#colophon.site-footer,
#colophon.site-footer p,
#colophon.site-footer span,
#colophon.site-footer a,
#colophon.site-footer .ast-footer-copyright,
#colophon.site-footer .ast-footer-copyright p {
	/* font-family: Arial, sans-serif; */
	/* font-size: 0.72rem; */
	line-height: 1.55;
}

/* Shared typography scale for Home and About pages. */
:root {
	--archmasters-heading-xl: clamp(2.35rem, 5.4vw, 4.3rem);
	--archmasters-heading-lg: clamp(1.85rem, 3.6vw, 3rem);
	--archmasters-heading-md: 1.08rem;
	--archmasters-heading-sm: 0.84rem;
	--archmasters-text-sm: 0.72rem;
	--archmasters-text-xs: 0.66rem;
}


body p,
body li{
	/* font-size: var(--archmasters-text-sm) !important; */
	line-height: 1.55 !important;
	font-family: Arial, sans-serif !important;
}

/* Global button style for page content only (does not affect header/menu). */
body .site-content .cta,
body .site-content .ast-button,
body .site-content .ast-custom-button,
body .site-content button,
body .site-content input[type="button"],
body .site-content input[type="submit"],
body .site-content .wp-block-button__link,
body .site-content .elementor-button.elementor-size-sm,
body .site-content .elementor-button.elementor-size-xs,
body .site-content .elementor-button.elementor-size-md,
body .site-content .elementor-button.elementor-size-lg,
body .site-content .elementor-button.elementor-size-xl,
body .site-content .elementor-button {
	display: inline-block !important;
	color: #ece7df !important;
	text-decoration: none !important;
	border: 1px solid #766f66 !important;
	background: transparent !important;
	padding: 22.5px 60px !important;
	font-size: 16px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1em !important;
	border-radius: 0 !important;
	font-weight: 500 !important;
	font-family: Arial, sans-serif !important;
}

body .site-content .cta:hover,
body .site-content .cta:focus,
body .site-content .ast-button:hover,
body .site-content .ast-button:focus,
body .site-content .ast-custom-button:hover,
body .site-content .ast-custom-button:focus,
body .site-content button:hover,
body .site-content button:focus,
body .site-content input[type="button"]:hover,
body .site-content input[type="button"]:focus,
body .site-content input[type="submit"]:hover,
body .site-content input[type="submit"]:focus,
body .site-content .wp-block-button__link:hover,
body .site-content .wp-block-button__link:focus,
body .site-content .elementor-button.elementor-size-sm:hover,
body .site-content .elementor-button.elementor-size-sm:focus,
body .site-content .elementor-button.elementor-size-xs:hover,
body .site-content .elementor-button.elementor-size-xs:focus,
body .site-content .elementor-button.elementor-size-md:hover,
body .site-content .elementor-button.elementor-size-md:focus,
body .site-content .elementor-button.elementor-size-lg:hover,
body .site-content .elementor-button.elementor-size-lg:focus,
body .site-content .elementor-button.elementor-size-xl:hover,
body .site-content .elementor-button.elementor-size-xl:focus,
body .site-content .elementor-button:hover,
body .site-content .elementor-button:focus {
	background-color: var(--ast-global-color-0) !important;
	border-color: var(--ast-global-color-0) !important;
	color: #000 !important;
}

/* Footer logo placement shared across pages. */
#colophon.site-footer .archmasters-footer-logo-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0 14px;
	}
	
	#colophon.site-footer .archmasters-footer-logo-wrap .custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	}
	
	#colophon.site-footer .archmasters-footer-logo-wrap .custom-logo,
	#colophon.site-footer .archmasters-footer-logo-wrap .archmasters-footer-logo-image {
	display: block;
	width: 220px;
	height: 140px;
	max-width: 100%;
	object-fit: contain;
	}

	#colophon.site-footer .site-footer-primary-section-1 .archmasters-footer-logo-wrap {
		justify-content: flex-start;
		padding: 0;
		}

		#ast-hf-menu-1 .sub-menu {
			background-color: #050505 !important;
		}

.main-header-menu .sub-menu .menu-link {
	padding: 1.2em 1em !important;
}
	

/* Default - Desktop */
.mobile-accordion {
    display: none;
}

.desktop-accordion {
    display: block;
}

.mobile-readmore-para--mobile-readmore {
	display: none;
}

.mobile-readmore-para--mobile-readmore .readmore-extra {
	display: none;
}

.mobile-readmore-para--mobile-readmore .readmore-toggle {
	display: inline;
	color: #ece6df;
	text-decoration: underline;
	cursor: pointer;
}

.mobile-readmore-para--mobile-readmore.is-expanded .readmore-extra {
	display: block;
	margin-top: 1em;
}

.mobile-readmore-para--inline-flow .readmore-extra {
	display: none;
	margin-top: 0;
}

.mobile-readmore-para--inline-flow .readmore-toggle--less {
	display: none;
}

.mobile-readmore-para--inline-flow.is-expanded .readmore-extra--inline {
	display: inline;
}

.mobile-readmore-para--inline-flow.is-expanded .readmore-extra--block {
	display: block;
	margin-top: 1em;
}

.mobile-readmore-para--inline-flow.is-expanded .readmore-toggle--more {
	display: none;
}

.mobile-readmore-para--inline-flow.is-expanded .readmore-toggle--less {
	display: inline;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .desktop-accordion {
        display: none;
    }

    .mobile-accordion {
        display: block;
    }

	.mobile-readmore-para--full {
		display: none !important;
	}

	.mobile-readmore-para--mobile-readmore {
		display: block;
	}

	.hero-summary-paragraph-2,
	.about-intro-paragraph-2 {
		display: none;
	}

	/* Hide "Gifts By Use Case" and "Gifts By Sector" footer columns on mobile only. */
	#colophon.site-footer .site-footer-primary-section-3,
	#colophon.site-footer .site-footer-primary-section-4 {
		display: none !important;
	}
}

/* Contact page forms.app embed: fit the column and show the full form. */
body.page-id-872 .elementor-element-1653d55 .elementor-widget-container,
body.page-id-872 .elementor-element-1653d55 iframe {
	max-width: 100%;
}

body.page-id-872 .elementor-element-1653d55 iframe {
	display: block;
	width: 100% !important;
	border: 0;
	overflow: hidden;
}