/* BA custom theme. */


/* internal-masthead */
.masthead-internal-section{background: var(--color-light-blue); padding-top:var(--padding-normal); padding-bottom: var(--padding-normal); }
.masthead-internal-section .section-image{position: absolute; width:calc(var(--page-side-gap) + var(--container)*0.4166 - 2.25rem); right:0; bottom:0; top:0;}
.masthead-internal-section .section-image img{border-radius:var(--radius-normal) 0 0 var(--radius-normal); object-fit: cover; width:100%; height:100%;}
.masthead-internal-section .breadcrumbs-section{margin-bottom:var(--margin-normal);}


/* cta-section */
.cta-section .inner-wrap{padding:var(--padding-large) 0; border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1);}
.cta-section .inner-wrap .bg-image{position: absolute; top:0; right:0; bottom:0; left:0;}
.cta-section .inner-wrap .bg-image img{object-fit: cover; width:100%; height:100%;}
.cta-section .inner-wrap .bg-image:after{content: ''; background: var(--color-deep-purple); opacity:0.8; position: absolute; top:0; right:0; bottom:0; left:0;}


/* main-slider */
.main-slider .item{padding-top:9rem; padding-bottom:15.69rem;}
.main-slider .item .image{width:calc(var(--page-side-gap) + var(--container)*0.5833); position: absolute; top:0; bottom:var(--padding-normal); right:0;}
.main-slider .item .image:after{content: ''; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.6) 40%, transparent 100%) no-repeat left top / 75% 100%; position: absolute; top:0; right:0; bottom:0; left:0;}
.main-slider .item .image img, .main-slider .item .image video{object-fit:cover; width:100%; height:100%; border-radius:var(--radius-normal) 0 0 var(--radius-normal);}

.main-slider .swiper-pagination{border-top:1px solid var(--color-light-blue); justify-content: flex-start; gap:0; top:auto; display: flex; align-items: flex-start; left:var(--page-side-gap); bottom:var(--padding-large); width:calc(var(--container)/2 - 4rem); position: absolute; margin:0;}
.main-slider .swiper-pagination .swiper-pagination-bullet{border:0; height:3.18rem; padding-top:1rem; color:var(--color-blue); opacity:0.64; background: transparent; font-size: 0.81rem; font-weight: 400; line-height: 1.5; margin:-3px 0 0 0; flex-basis:5rem; border-radius:0; transition:font-size 0.4s ease, opacity 0.2s ease;}
.main-slider .swiper-pagination .swiper-pagination-bullet:before{content: ''; outline:2px solid transparent; border-radius:0.25rem; background:transparent; position: absolute; left:0; right:0; top:2px; height:1px; transition:background 0.2s ease;}
.main-slider .swiper-pagination .swiper-pagination-bullet:hover{opacity:1; color:var(--color-orange);}
.main-slider .swiper-pagination .swiper-pagination-bullet:hover:before{background:var(--color-orange);}
.main-slider .swiper-pagination .swiper-pagination-bullet-active{font-size:1.25rem; font-weight: 700; opacity:1; color:var(--color-orange);}
.main-slider .swiper-pagination .swiper-pagination-bullet-active:before{outline-color: var(--color-orange); background: var(--color-orange)!important;}


/* help */
.help-section{padding:var(--margin-big) 0;}


/* mission */
.panel-stroke{border-radius:var(--radius-normal); border:2px solid var(--color-yellow); padding:5rem;}
.panel-stroke.compact{padding:3.5rem;}

.mission-section .image-block{width:100%;}
.mission-section .image-block img{object-fit:cover; width:100%; height:100%; border-radius:0;}
.mission-section .panel-stroke{display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}


/* impact */
.tabbed-content .nav-pills{display: flex; flex-direction: column; gap:0.5rem;}
.tabbed-content .nav-pills a{font-size: 1.31rem; font-weight: 400; text-decoration: none; color:var(--color-base); border:2px solid transparent; border-radius:0; padding:0.75rem 3rem 0.9rem 0; display: block; line-height:1.2; transition:color 0.2s ease, border 0.2s ease, padding 0.2s ease;}
.tabbed-content .nav-pills a:not(.active):hover, .tabbed-content .nav-pills a:not(.active):focus{color:var(--color-orange); border-color:var(--color-orange); padding-left:1.5rem; padding-right:1.5rem;}
.tabbed-content .nav-pills .active{cursor: default; color:#fff; background: var(--color-orange); padding-left:1.5rem; padding-right:1.5rem;}

.impact-slider .swiper-wrapper{align-items: stretch;}
.impact-slider .item{padding:3.5rem; align-items: center; text-align: center;}
.impact-slider .item .bg-image{position: absolute; top:0; right:0; bottom:0; left:0; transform: scaleZ(1); overflow: hidden; border-radius:var(--radius-normal);}
.impact-slider .item .bg-image img{object-fit: cover; width:100%; height:100%;}
.impact-slider .item .bg-image:after{content: ''; position: absolute; top:0; right:0; bottom:0; left:0; opacity:0.8;}
.impact-slider .item .overlay-color-green:after{background: var(--color-green);}
.impact-slider .item .overlay-color-purple:after{background: var(--color-purple);}
.impact-slider .item .overlay-color-deep-purple:after{background: var(--color-deep-purple);}
.impact-slider .item .overlay-color-orange:after{background: var(--color-orange);}
.impact-slider .item .number{font-size: var(--h1); font-weight: 600; line-height: 1.2; margin-bottom:var(--margin-normal);}
.impact-slider .item .title{font-size: var(--h4);}
.impact-slider .item .textbox img {max-width:100%; }

.impact-slider-controls{display: flex; gap:0.5rem; position: absolute; right:0; top:-4.25rem; }
.impact-slider-controls .swiper-button-next, .impact-slider-controls .swiper-button-prev{position: relative; top:0; left:0; right:0; margin:0;}


/* events */
.event-block{margin-left:-0.75rem; margin-right:4.81rem;}
.event-block img{max-width: 100%;}


/* locator */
.locator-block{height:42.5rem; display: flex; align-items: stretch; margin-right:calc(-1*var(--page-side-gap) + 0.5rem);}
.locator-block .side-panel{display: flex; flex-direction: column; align-items: stretch; border-radius:var(--radius-normal) 0 0 var(--radius-normal); width:calc(var(--container)*0.25); flex:none; background: var(--color-light-blue);}
.locator-block .toolbar{flex:none; padding:1.5rem; color:#fff; background: var(--color-deep-purple); border-radius:inherit;}
.locator-block .toolbar .title{font-size: var(--h4);}
.locator-block .listing{flex-grow:1; overflow: auto;}
.locator-block .listing .item{padding:1.5rem;}
.locator-block .listing .item + .item{border-top:2px solid rgba(var(--color-deep-purple-rgb),0.16);}
.locator-block .listing .title{font-size: var(--h5); margin-bottom:var(--margin-small);}
.locator-block .listing address{font-weight: 700; margin-bottom:var(--margin-small);}
.locator-block .listing .distance{margin-bottom:var(--margin-normal);}
.locator-block .listing .distance:after{content: 'mi'; margin-left:0.25rem;}
.locator-block .map-wrap{flex-grow:1;}
.locator-block .map-wrap iframe{width:100%; height:100%;}



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

/* top */
.footer-top{padding:var(--padding-normal) 0; }
.footer-brand{padding-right:2rem;}
.footer-brand img{width:19rem; max-width: 100%;}
.contact-info{display:flex; flex-direction: column; gap:var(--margin-normal);}
.contact-info .item-label{color:var(--color-grey);}
.contact-info a{text-decoration: none;}
.contact-info a[href*='tel:'], .contact-info a[href*='mailto:']{font-weight:700;}
.contact-info a:not(:hover):not(:focus){color:inherit;}
.footer-top .social-share{display: flex; flex-wrap:wrap; gap:1rem; justify-content: flex-start;}
.footer-top .social-share a{color:var(--color-blue); width:3.125rem; height:3.125rem; border-radius:0; border:2px solid var(--color-blue); display:flex; align-items: center; justify-content: center; font-size: 1.25rem; text-decoration: none;}
.footer-top .social-share a:hover, .footer-top .social-share a:focus{border-color:var(--color-orange); background:var(--color-orange); color:#fff;}

/* middle */
.footer-middle{padding:var(--margin-big) 0; border-top:2px solid rgba(132, 147, 160, 0.10);}
.footer-nav{gap:var(--margin-normal) 3rem; display: flex; align-items: center; justify-content: space-between; line-height: 1.2;}
.footer-nav a{color:var(--color-black); font-size: 0.87rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.0875rem; text-decoration: none;}
.footer-nav a:hover, .footer-nav a:focus{color:var(--color-orange);}

/* bottom */
.footer-bottom{font-size: var(--text-small); color:var(--color-grey); padding:1rem 0; border-top:2px solid rgba(132, 147, 160, 0.10);}
.footer-bottom .container{display: flex; align-items: center; justify-content: space-between; gap:3rem;}
.footer-bottom .footer-group{display: flex;}
.footer-bottom .footer-group > div+div:before{content: '|'; margin:0 0.25rem;}
.footer-bottom a:not(:hover):not(:focus){color:inherit;}



/* ************************* */
/* 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;}
	
	.main-slider .item{padding-top:var(--padding-normal); padding-bottom:calc(var(--padding-large) + 1rem);}
	.main-slider .swiper-pagination{bottom:var(--margin-normal);}
	
	.panel-blue{padding:3rem;}
	.panel-stroke, .panel-stroke.compact{padding:3rem;}
	
	.impact-slider .item{padding:3rem;}
	
	.event-block{margin-left:0;}
	
	.locator-block .toolbar{padding:1rem;}
	.locator-block .listing .item{padding:1rem;}

}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	.main-slider .swiper-pagination .swiper-pagination-bullet{width:3rem;}
	.main-slider .swiper-pagination{width:auto; right:var(--page-side-gap);}
	
	.panel-blue{padding:2rem;}
	.panel-stroke, .panel-stroke.compact{padding:2rem;}
	
	.impact-slider .item{padding:2rem;}
	.impact-slider-controls{display: none;}
	.impact-slider .swiper-pagination.swiper-pagination-bullets{margin-top:var(--margin-normal);}
	
	.event-block{margin-right:0;}
	
	.locator-block{margin-right:-0.75rem;}

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.footer-brand{text-align: center;}
	.contact-info{align-items: center; text-align: center;}
	.footer-nav{flex-wrap:wrap; justify-content: center; padding-left:10%; padding-right:10%;}
	.footer-bottom .container{flex-direction: column-reverse; gap:var(--margin-small);}
	.footer-bottom .footer-group{flex-direction: column-reverse; align-items: center; gap:var(--margin-small);}
	.footer-bottom .footer-group > div+div:before{display: none;}
	.footer-top .social-share{justify-content:center;}
	
	.masthead-internal-section .section-image{margin-top:calc(-1*var(--padding-normal) + 1.5rem); position: relative; top:0; width:auto; margin-bottom:var(--margin-normal); margin-left:0.75rem; margin-right:0.75rem;}
	.masthead-internal-section .section-image img{border-radius:var(--radius-normal);}
	
	.main-slider .item .image{ position: relative; top:0; bottom:0; width:auto; margin:calc(-1*var(--padding-normal) + 1.5rem) 0.75rem var(--margin-normal) 0.75rem;}
	.main-slider .item .image img, .main-slider .item .image video{border-radius:var(--radius-normal); aspect-ratio:1.777/1;}
	.main-slider .swiper-pagination{max-width: 100%;}
	.main-slider .item .image:after{display: none;}
	
	.tabbed-content .nav-pills{flex-direction: row;}
	.tabbed-content .nav-pills a:not(.active){padding-left:1.5rem; padding-right:1.5rem; border-color:var(--color-blue);}
	
	.locator-block{height:auto; flex-direction: column; margin-right:0;}
	.locator-block .side-panel{width:100%;border-radius: var(--radius-normal) var(--radius-normal) 0 0;}
	.locator-block .toolbar{display: flex; gap:3.5rem; align-items: center; justify-content: space-between;}
	.locator-block .toolbar .title{margin:0;}
	.locator-block .listing{max-height:25vh;}
	.locator-block .listing .item{display: flex; align-items:center; gap:1.5rem;}
	.locator-block .listing .title{flex-basis: 0; flex-grow:3; margin:0;}
	.locator-block .listing address{flex-basis: 0; flex-grow:3; margin:0;}
	.locator-block .listing .distance{flex-basis: 0; flex-grow:1; margin:0;}
	.locator-block .map-wrap{width:100%; aspect-ratio:1.777/1;}

}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	
	.cta-section .inner-wrap{padding-left: 1.5rem; padding-right:1.5rem;}
	
	.locator-block .listing .item{flex-wrap:wrap; gap:0.5rem 1.5rem;}
	.locator-block .listing .title{width:100%; flex-basis: auto;}
	.locator-block .listing address{width:50%; flex-basis: auto;}
	.locator-block .listing .distance{flex-basis:auto; width:40%; text-align: right;}
	.locator-block .map-wrap{width:100%; aspect-ratio:1/1;}

}

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

}