/* BA custom theme. */

/* masthead-internal */
.masthead-internal-section{ padding-top:calc(var(--padding-normal) + var(--nav-height-main)); padding-bottom:var(--padding-x-large);}
.masthead-internal-section:after{content: ''; background-repeat: no-repeat; background-position: right top; background-size: auto 100%; left:0; width:calc(var(--page-side-gap) + var(--container)/2); position: absolute; bottom:2rem; height:1.1rem;}
.masthead-internal-section.bg-color-blue-deep:after{background-image: url("../img/bg-masthead-pattern-blue-steel.svg");}
.masthead-internal-section.bg-color-blue-light:after{background-image: url("../img/bg-masthead-pattern-blue-steel-50.svg");}
.masthead-internal-section.bg-color-blue-steel:after{background-image: url("../img/bg-masthead-pattern-cream-50.svg");}
.masthead-internal-section.bg-color-cream:after{background-image: url("../img/bg-masthead-pattern-blue-steel-50.svg");}


/* full-height */
.full-height-section{min-height:calc(100vh - var(--nav-height-secondary)); padding-top:calc(var(--padding-x-large) + var(--nav-height-secondary)); padding-bottom:var(--padding-x-large); display: flex; align-items: center;}

/* masthead-home */
.masthead-home{min-height:max(calc(100vh - var(--nav-height-secondary)), calc(100vw/1.995));}
@media (orientation:portrait){
		.masthead-home .section-bg img{object-position: 70% bottom;}
	}


/* specialty */
.specialty-images-set{margin-right:calc(-1*var(--page-side-gap) - var(--container)*0.0833); display: flex; align-items: stretch; gap:1.5rem;}
.specialty-images-set .image{ flex-basis: 0; flex-grow:1;}
.specialty-images-set .image img{border-radius:var(--radius-normal); object-fit: cover; width:100%; height:100%;}
.specialty-section .blueprint{background: url("../img/img04.png") no-repeat left top / contain; position: absolute; top:15%; bottom:0; right:calc(var(--page-side-gap) + var(--container)*0.1666); width:calc(var(--container)*0.4166);}


/* service */
.service-image img{border-radius:var(--radius-normal); aspect-ratio:1.234/1; object-fit: cover; width:100%; height:100%;}
.service-section .blueprint{background: url("../img/img05.png") no-repeat left top / contain; position: absolute; aspect-ratio:1.057/1; top:-9rem; left:calc(-1*var(--container)*0.08); width:calc(var(--container)*0.4166);}


/* markets */
.markets-section{min-height:max(calc(100vh - var(--nav-height-secondary)), calc(100vw/1.5));}
.markets-section .section-bg img{object-position: center;}



/* blueprints */
[class*='internal-blueprint']{position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain;}
.internal-blueprint01{background-image: url("../img/img14.png"); width:calc(var(--container)*0.4166); aspect-ratio:2.855/1; top:calc(-1*var(--padding-large)/2 - 1.5rem); left:calc(-1*var(--container)/12 + 0.75rem);}
.internal-blueprint02{background-image: url("../img/img15.png"); width:calc(var(--container)*0.3333); aspect-ratio:1.062/1; top:calc(-1*var(--padding-large)); left:calc(-1*var(--container)/12 + 0.75rem);}
.internal-blueprint03{background-image: url("../img/img16.png"); width:calc(var(--container)*0.3333); aspect-ratio:1.451/1; top:-1.5rem; right:calc(-1*var(--container)/24);}
.internal-blueprint04{background-image: url("../img/img17.png"); width:calc(var(--container)*0.4166); aspect-ratio:1.062/1; top:7rem; left:calc(var(--container)*0.0833);}
.internal-blueprint05{background-image: url("../img/img18.png"); width:calc(var(--container)*0.4166); aspect-ratio:2.855/1; top:9rem; left:calc(var(--container)*0.0833);}
.internal-blueprint06{background-image: url("../img/img19.png"); width:calc(var(--container)*0.25); aspect-ratio:1.062/1; top:0; right:calc(var(--container)/24 + var(--container)*0.1666);}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{font-size: 1rem; margin-top:auto; flex:none; background: var(--color-blue-deep);}

.footer-top{padding-top:var(--padding-normal); padding-bottom:1rem;}
.footer-nav ul{padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.color-white .footer-nav ul a{text-decoration: none; color:var(--color-blue-light);}
.color-white .footer-nav ul a:hover, .color-white .footer-nav ul a:focus{color:var(--color-yellow);}

.footer-brand-sign{width:2.7rem;}
.footer-brand-sign img{max-width: 100%;}

.social-share{display: flex; flex-wrap:wrap; gap:0.87rem;}
.social-share a{font-size: 1.375rem;}
.social-share a:hover, .social-share a:focus{color:var(--color-yellow);}

.footer-top .contact-btn{margin-top:var(--padding-normal);}

.footer-bottom{background: url("../img/img-bg05.png") no-repeat left top / 100% 100%; display: flex; align-items: flex-end; aspect-ratio:4.011/1; padding-bottom:var(--padding-normal);}
.footer-bottom .brand-type img{width:100%; max-width: 100%;}





/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	/*#page-wrap:after{content: ''; pointer-events: none; position: absolute; inset:0; box-shadow:inset 0 0 0 0.2rem cyan;}*/
	
	.masthead-home .section-bg img{object-position: 56% bottom;}
	
	@media (orientation:portrait){
		.masthead-home .section-bg img{object-position: 63% bottom;}
		.markets-section{min-height:min(calc(100vh - var(--nav-height-secondary)), calc(100vw/1.5));}
	}
	
	

}

@media (max-width: 1199.98px) {/* lg */
	/*#page-wrap:after{content: ''; pointer-events: none; position: absolute; inset:0; box-shadow:inset 0 0 0 0.2rem red;}*/
	
	.footer-bottom{padding-bottom:var(--margin-big);}
	.footer-top .contact-btn{margin-top:var(--margin-big);}
	
	.specialty-images-set{gap:0.75rem;}
	
	.masthead-home .section-bg img{object-position: 40% bottom;}
	
	.internal-blueprint05{top:5rem; left:auto; right:calc(-1*var(--page-side-gap));}
	.internal-blueprint04{top:0; left:auto; right:calc(-1*var(--page-side-gap));}
	
	@media (orientation:portrait){
		.masthead-home .section-bg img{object-position: 68% bottom;}
		
	}
}

@media (max-width: 991.98px) {/* md */
	/*#page-wrap:after{content: ''; pointer-events: none; position: absolute; inset:0; box-shadow:inset 0 0 0 0.2rem green;}*/
	
	.full-height-section{min-height:100vh; padding-top:var(--padding-x-large);}
	
	.masthead-home .section-bg img{object-position: 45% bottom;}
	
	
	.specialty-section .blueprint{top:35%;}
	
	.forgings-section .section-bg img{object-position: 40% bottom;}
	
	.markets-section{min-height:max(calc(100vh - var(--nav-height-secondary)), calc(100vw/1.5));}
	
	@media (orientation:portrait){
		.masthead-home .section-bg img{object-position: 66% bottom;}
		.markets-section{min-height:min(calc(100vh - var(--nav-height-secondary)), calc(100vw/1.5));}
	}


}

@media (max-width: 767.98px) {/* sm */
	/*#page-wrap:after{content: ''; pointer-events: none; position: absolute; inset:0; box-shadow:inset 0 0 0 0.2rem blue;}*/
	
	.footer-bottom{padding-bottom:var(--margin-normal);}
	.footer-nav ul{flex-direction: row; flex-wrap:wrap; gap:0.5rem 1.5rem;}
	
	.specialty-section .blueprint{right:0; width:50vw;} 
	.service-section .blueprint{top:calc(-1*var(--padding-x-large)); width:60vw; left:-10vw;}
	
	.masthead-home .section-bg img{object-position: 55% bottom;}
		
	.service-bg{top:5%; width:50%;}
	
	.internal-blueprint01{left:0; width:50%;}
	.internal-blueprint02{width:50%;}
	.internal-blueprint04{width:50%;}
	.internal-blueprint03{width:50%;}
	.internal-blueprint05{width:50%; bottom:calc(-1*var(--padding-normal));}
	.internal-blueprint06{width:50%; right:0;}
	
	@media (orientation:portrait){
		.masthead-home .section-bg img{object-position: 70% bottom;}
	}
}

@media (max-width: 575.98px) {
	/*#page-wrap:after{content: ''; pointer-events: none; position: absolute; inset:0; box-shadow:inset 0 0 0 0.2rem yellow;}*/
	
	.footer-bottom{height:25rem; aspect-ratio:auto; background-position: 70% bottom; background-size: auto 100%;}
	
	.masthead-home .section-bg img{object-position: 68% bottom;}
	
	
}

@media (max-width: 360px) {
	/*#page-wrap:after{content: ''; pointer-events: none; position: absolute; inset:0; box-shadow:inset 0 0 0 0.2rem red;}*/
	
	@media (orientation:portrait){
		.masthead-home .section-bg img{object-position: 69% bottom;}
	}
}




