/* BA custom theme. */


/* main-slider */
#main-slider .item{display: flex; padding:10rem 0; align-items: center;}

/* services */
.services-listing{display: flex; align-items: stretch;}
.services-listing .item{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-big); padding:var(--margin-big) 2rem; overflow: hidden; width:20%; border-left:1px solid var(--color-grey);}
.services-listing .item:before{content: ''; background: var(--color-green); opacity:0; position: absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.2s ease;}
.services-listing .item:hover:before{opacity:1;}
.services-listing .item:last-child{border-right:1px solid var(--color-grey);}
.services-listing .icon{height:2.8125rem;}
.services-listing .icon img{height:100%; max-height: 100%;}
.services-listing .icon:before{content: ''; opacity:0; background: #257434; clip-path: polygon(0 50%,50% 0, 100% 50%, 50% 100%); transform:translate(-50%, -50%); position: absolute; top:50%; left:50%; width:8.5rem; height:8.5rem; transition:opacity 0.2s ease;}
.services-listing .item:hover .icon:before{opacity:1;}
.services-listing .title{font-size: var(--h6); font-weight: 400; transition:color 0.2s ease;}
.services-listing .item:hover .title{color:#fff;}

/* solutions */
.solutions-intro{display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-right:-1.5rem; background: var(--color-gold); padding:var(--padding-normal) 4rem var(--padding-normal) 0;}
.solutions-intro:before{content: ''; background: inherit; position: absolute; top:0; right:0; bottom:0; left:calc(-1*var(--page-side-gap));}

.solutions-listing{flex-grow:1; display: flex; flex-wrap:wrap; align-items: stretch; margin-right:calc(-1*var(--page-side-gap));}
.solutions-listing .item{min-height: 18.75rem; width:50%; flex-grow:1; display: flex; align-items: stretch;}
.solutions-listing .image{position: absolute; top:0; right:0; bottom:0; left:0;}
.solutions-listing .image:after{content: ''; background: linear-gradient(180deg, rgba(var(--color-black-rgb),0) 0%, rgba(var(--color-black-rgb),0.64) 50%, rgba(var(--color-black-rgb),0.64) 100%) no-repeat left top / 100% 200%; position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.4s ease;}
.solutions-listing .item:hover .image:after{background-position: left bottom;}
.solutions-listing .content{padding:1.5rem 2rem; display: flex; width:100%; align-items: flex-end;}
.solutions-listing .title{font-size: var(--h4);}

/* cta-black */
.cta-black-section{background-color: var(--color-black); padding:var(--padding-large) 0;}

/* featured-listing */
.featured-resources-listing{display: flex; align-items: stretch; gap:1.5rem;}
.featured-resources-listing .item{display: flex; align-items: stretch; width:calc((100% - 1.5rem*2)/3);}

/* pay */
.pay-section{background: var(--color-gold); padding:var(--padding-large) 0;}
.pay-section .image{position: absolute; top:0; left:0; bottom:0; right:calc(50% + 0.75rem);}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; background: var(--color-light-grey);}

.footer-locations{background: var(--color-grey); padding:var(--margin-normal) 0;}
.footer-locations .location .name{font-weight: 600;}
.footer-locations .footer-brand{width:7.125rem; max-width: 100%;}
.footer-locations .footer-brand img{max-width: 100%;}

.footer-map{background: var(--color-light-grey); padding:var(--padding-normal) 0;}
.footer-map .section{display: flex; flex-direction: column; align-items: flex-start;}
.footer-map .section .title{border-bottom:0.375rem solid var(--color-gold);font-size: var(--h5); padding-bottom:0.25rem;}
.footer-map .section ul{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small); padding:0; list-style-type: none;}
.footer-map .section ul a{text-decoration: none; color:var(--color-base);}
.footer-map .section ul a:hover, .footer-map .section ul a:focus{color:var(--color-hover); text-decoration: underline;}

.footer-bottom{font-size:var(--text-small); color: var(--color-dark-grey); background: var(--color-light-grey); padding:1rem 0; border-top:1px solid var(--color-grey);}
.footer-bottom a:not(:hover):not(:focus){color:inherit;}
.footer-group{display: flex; align-items: center;}
.footer-group > div + div:before{content: '|'; margin:0 0.5rem;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding:var(--padding-normal) 0;}
	
	#main-slider .item{padding:var(--padding-large) 0;}
	
	.services-listing .item{padding-left:1.5rem; padding-right:1.5rem;}
	
	.solutions-intro{padding-right:2rem;}
	
	.cta-black-section{padding:var(--padding-normal) 0;}
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}

	.solutions-intro{padding:var(--margin-big) 2rem; margin-right:-0.75rem; margin-left:-0.75rem;}
	.solutions-intro:before{display: none;}
	.solutions-listing{margin-right:-0.75rem; margin-left:-0.75rem;}
	
	.featured-resources-listing{gap:0.75rem;}
	.featured-resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.pay-section{padding:var(--padding-normal) 0;}

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-locations{padding:var(--margin-big) 0;}
	.footer-locations .footer-brand{display: flex; justify-content: center; width:100%;}
	.footer-map{padding:var(--margin-big) 0;}
	.footer-map .section{align-items: center;}
	.footer-map .section ul{padding-left:10vw; padding-right:10vw; flex-direction: row; flex-wrap:wrap; gap:0.5rem 1.5rem; justify-content: center;}
	.footer-group{justify-content: center;}
	
	.services-listing{flex-direction: column; margin-left:-0.75rem; margin-right:-0.75rem;}
	.services-listing .item{border:0; flex-direction: row; align-items: center; width:auto; padding-left:3rem;}
	.services-listing .item+.item{border-top:1px solid var(--color-grey);}
	.services-listing .icon{height:auto; width: 4rem; flex:none;}
	.services-listing .icon img{height:auto; max-height: none; width:100%; max-width: 100%;}
	.services-listing .title{font-size: var(--h5); font-weight: 600;}
	
	.featured-resources-listing{flex-wrap:wrap;}
	.featured-resources-listing .item{width:100%;}
	
	.pay-section{padding-top:0;}
	.pay-section .image{margin-bottom:var(--margin-big); position: relative; right:0; width:100%; aspect-ratio:1.7777/1;}

}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-group{flex-direction: column-reverse; gap:0.5rem;}
	.footer-group > div + div:before{display: none;}
	
	.solutions-listing .item{width:100%;}
	
	

}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}