/* BA custom theme. */


/* masthead-internal */
.masthead-internal-section{padding-top:var(--padding-large); padding-bottom:var(--padding-large);}
.masthead-internal-section .section-bg:after{content: ''; 
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.70) 100%),
	linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%) no-repeat left top / 100% 27.6rem;
	position: absolute; top:0; right:0; bottom:0; left:0;}
.masthead-internal-section.compact{padding:var(--padding-normal) 0; background: var(--color-dark-blue);}


/* cta */
.cta-section{padding:var(--padding-large) 0; background: var(--color-dark-blue);}
.cta-section .image{width:calc(var(--page-side-gap) + var(--container)*0.5833 - var(--container)/24); position: absolute; top:0; right:0; bottom:0;}
.cta-section .image:after{content: ''; background: url("../img/shape-curv-right-blue.svg") no-repeat left top / auto 100%; position: absolute; top:0; right:0; bottom:0; left:-1px;}



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

.footer-top{padding:var(--padding-normal) 0;}

.footer-brand img{width:23.68rem; max-width: 100%;}

.footer-title{text-transform: uppercase; font-size: var(--h6);}
.footer-title:after{content: ''; margin-top:var(--margin-normal); background: url("../img/shape-sep.svg") no-repeat center / contain; display: block; width:3.5rem; height:0.375rem;}

.footer-links ul{ display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small); padding:0; list-style-type: none;}
.footer-links a:not(.btn){text-decoration: none; color:var(--color-base);}
.footer-links a:not(.btn):hover, .footer-links a:not(.btn):focus{text-decoration: underline; color:var(--color-hover);}

.footer-middle{padding:1.5rem 0; border-top:1px solid rgba(255,255,255,0.1);}

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



/* ************************* */
/* CUSTOM SECTIONS			 */
/* ************************* */
/* services */
.services-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-big) 1.5rem;}
.services-listing .item{display: flex; flex-direction: column; align-items: stretch; width:calc((100% - 1.5rem*3)/4); background: #fff; transition:background 0.4s ease;}
.services-listing .image{}
.services-listing .image img{aspect-ratio:1.275/1; object-fit: cover; width:100%; height:100%;}
.services-listing .content{flex-grow:1; padding:2rem 1.5rem; transition:background 0.2s ease;}
.services-listing .image + .content{padding-top:1rem;}
.services-listing .image + .content .curv{fill:#fff; aspect-ratio:5.2758/1; position: absolute; left:0; right:0; bottom:calc(100% - 1px); transition:fill 0.2s ease;}
.services-listing .item:hover .content{background: var(--color-light-blue);}
.services-listing .item:hover .curv{fill:var(--color-light-blue);}
.services-listing .icon{margin-bottom:var(--margin-normal); height:3.6875rem;}
.services-listing .icon img{height:100%; max-height: 100%;}
.services-listing .title{font-size: var(--h6); text-transform: uppercase; display: flex; flex-direction: column; align-items: flex-start;}
.services-listing .title:after{content: ''; background: url("../img/shape-sep.svg") no-repeat center / contain; display: block; width:3.5rem; height:0.375rem; margin-top:var(--margin-normal);}
.services-listing a:not(.area-link){z-index: 5;}
.services-listing .textbox ul{padding-left:0;}

/* dates */
.dates-block{padding-top:calc(3.5rem + 2.125rem); padding-bottom:3.5rem; display: flex; align-items:stretch; background: var(--color-light-grey);}
.dates-block .db-title{position: absolute; top:0; left:0; color:var(--color-dark-blue); background: var(--color-pale-blue); font-size: var(--h6); font-weight: 700; text-transform: uppercase; height:2.125rem; display: flex; align-items: center; padding:0 1.5rem;}
.dates-block .title{color:var(--color-dark-blue); font-size: var(--h6); margin-bottom:var(--margin-small);}
.dates-block .item{width:50%; padding:0 3.5rem;}
.dates-block .item+.item{border-left:1px solid var(--color-grey);}
.dates-block .date{font-weight: 700; margin-bottom:var(--margin-small); color:var(--color-teal);}

/* benefits */
.benefits-listing{display: flex; flex-wrap:wrap; gap:var(--margin-big) 5rem;}
.benefits-listing .item{background: url("../img/list-marker-gold.svg") no-repeat left 0.5rem; width:calc((100% - 5rem)/2); padding-left:1.88rem;}
.benefits-listing .textbox{font-size: var(--h5); font-weight: 300; line-height: 1.2;}

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

.btn-checks-block{display: flex; align-items: flex-start; justify-content: flex-start; gap:var(--margin-small) 1.5rem;}
.btn-checks-block .block-label{flex:none; white-space: nowrap; }
.btn-checks-block .block-label:after{content: ':';}
.btn-checks-block .checks-group{display: flex; flex-wrap:wrap;}
.btn-checks-block .checks-group .btn-check-label, .btn-checks-block a.checks-toggle{white-space: nowrap; cursor: pointer; display: flex; align-items: center; justify-content: center; text-decoration: none; transition:color 0.2s ease, border 0.2s ease, background 0.2s ease;}
.btn-checks-block .block-label{width:9rem; text-align: left; margin-top:0.3rem; font-size:var(--text-lead); font-weight: 700; color:inherit;}
.btn-checks-block .checks-group{gap:0.75rem;}
.btn-checks-block .checks-group .btn-check-label, .btn-checks-block a.checks-toggle{border-radius:1.44rem; background: transparent; border:2px solid var(--color-grey); font-size: var(--text-lead); font-weight: 700; color:var(--color-dark-blue); padding:0.25rem 1rem; height:2.875rem; }
.btn-checks-block .checks-group .btn-check:checked + .btn-check-label{color:#fff; background-color:var(--color-dark-blue); border-color:var(--color-dark-blue);}
.btn-checks-block .checks-group .btn-check + .btn-check-label:hover, 
.btn-checks-block .checks-group .btn-check:focus + .btn-check-label,
.btn-checks-block .checks-toggle:hover,
.btn-checks-block .checks-toggle:focus{color:var(--color-hover); border-color:var(--color-hover);}
.btn-checks-block .checks-group .btn-check:checked + .btn-check-label:hover, 
.btn-checks-block .checks-group .btn-check:checked:focus + .btn-check-label{border-color:var(--color-hover); color:#fff;}

.tab-pane .btn-checks-block{justify-content: center;}

/* investment */
.invest-members-stat{color:var(--color-dark-blue); display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.invest-members-stat .item{display: flex; align-items: center; gap:1.5rem;}
.invest-members-stat .value{width:5rem; flex:none; text-align: right; font-size: var(--h3); font-weight: 700; text-transform: uppercase; line-height:1.2;}
.invest-members-stat .title{font-size: var(--h6); font-weight: 700; text-transform: uppercase; line-height: 1.2;}

.invest-stat-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:0.12rem;}
.invest-stat-listing .item{line-height: 1.2; color:var(--color-dark-blue); padding:2.75rem 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:0.5rem; text-align: center; width:calc((100% - 0.12rem*3)/4); background: var(--color-light-grey);}
.invest-stat-listing .value{font-size: var(--h1); font-weight: 700;}
.invest-stat-listing .title{font-size: var(--h5); font-weight: 300;}

/* testimonial */
.testi-section .image{aspect-ratio:1.315/1; width:100%;}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	.dates-block{padding-top:calc(3rem + 2.125rem); padding-bottom:3rem;}
	.dates-block .item{padding:0 3rem;}
	
	.benefits-listing{gap:var(--margin-big) 3.5rem;}
	.benefits-listing .item{width:calc((100% - 3.5rem)/2);}
	
	.resources-listing{gap:3.5rem;}
	.resources-listing .item{width:calc((100% - 3.5rem*2)/3);}
	
	.invest-stat-listing .value{font-size: var(--h2);}



}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding-top:calc(var(--header-height) + var(--padding-normal)); padding-bottom:var(--padding-normal);}
	
	.cta-section{padding:var(--padding-normal) 0;}
	.cta-section .image{width:calc(var(--page-side-gap) + var(--container)*0.5833); position: absolute; top:0; right:0; bottom:0;}
	
	.services-listing .item{width:calc((100% - 1.5rem*2)/3);}
	.services-listing .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - (var(--container) - 1.5rem*2)/3/4.78125));}
	
	.dates-block{padding-top:calc(2rem + 2.125rem); padding-bottom:2rem;}
	.dates-block .item{padding:0 2rem;}
	
	.benefits-listing{gap:var(--margin-big) 2rem;}
	.benefits-listing .item{width:calc((100% - 2rem)/2);}
	
	.resources-listing{gap:1.5rem;}
	.resources-listing .item{width:calc((100% - 1.5rem*2)/3);}

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.masthead-internal-section{margin-top:calc(-1*var(--header-height-mobile)); padding-top:calc(var(--header-height-mobile) + var(--padding-normal)); padding-bottom:var(--padding-normal);}
	
	.services-listing{gap:var(--margin-normal) 0.75rem;}
	.services-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.services-listing .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - (var(--container) - 0.75rem*2)/3/4.78125));}
	
	.dates-block{padding-top:calc(1.5rem + 2.125rem); padding-bottom:1.5rem;}
	.dates-block .item{padding:0 1.5rem;}
	
	.benefits-listing{gap:var(--margin-normal); margin-left:3rem;}
	.benefits-listing .item{width:100%;}
	.benefits-listing .item{background-position:left 0.15rem;}
	
	.resources-listing{gap:var(--margin-normal) 0.75rem;}
	.resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.invest-members-stat .item{gap:1rem;}
	
	.cta-section .image{width:calc(var(--container)*0.5833 - var(--container)/24); position: absolute; top:0; right:0; bottom:0;}
	
	.footer-bottom .inner-wrap{flex-direction: column-reverse; align-items: flex-start; gap:var(--margin-small);}



}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.footer-bottom{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	
	.cta-section{padding-top:0;}
	.cta-section .image{margin-bottom:var(--margin-big); position: relative; width:100%; clip-path: none;}
	.cta-section .image img{aspect-ratio:1.777/1;}
	
	#footer{text-align: center;}
	.footer-title{display: flex; flex-direction: column; align-items: center;}
	.footer-links ul{padding:0 10vw; flex-direction: row; flex-wrap:wrap; gap:0.5rem 1.5rem; justify-content: center;}
	.footer-bottom .inner-wrap{align-items: center;}
	
	.services-listing .item{width:calc((100% - 0.75rem)/2);}
	.services-listing .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - (var(--container) - 0.75rem)/2/4.78125));}
	
	.benefits-listing{gap:var(--margin-normal) 1.5rem; margin-left:0;}
	.benefits-listing .item{width:calc((100% - 1.5rem)/2);}
	
	.resources-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.invest-members-stat{gap:var(--margin-small);}
	
	.invest-stat-listing .item{ width:calc((100% - 0.12rem)/2);}
	.invest-stat-listing .value{font-size: var(--h1);}
	
	.cta-section .image:after{display: none;}
	
	

	
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.footer-bottom .footer-group{flex-direction: column-reverse; gap:var(--margin-small); align-items: center;}
	.footer-bottom .footer-group > div + div:before{display: none;}
	
	.services-listing .item{width:100%;}
	.services-listing .image{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--container)/4.78125));}
	
	.dates-block{flex-direction: column; padding:2.125rem 1.5rem 0 1.5rem; align-items: stretch; gap:var(--margin-small);}
	.dates-block .item{width:100%; padding:1.5rem 0;}
	.dates-block .item+.item{border-top:1px solid var(--color-grey); border-left:0;}
	
	.benefits-listing .item{width:100%;}
	
	.resources-listing .item{width:100%;}
	
}

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

}