/* BA custom theme. */


/* internal sections */
.masthead-internal-section + .content-section:not([class*='bg-color-']),
.main-slider + .content-section:not([class*='bg-color-']),
.content-section.bg-color-light-indigo + .content-section:not([class*='bg-color-'])
	{background: linear-gradient(0deg, transparent 0%, var(--color-light-indigo) 100%) no-repeat left top / 100% 14rem;}
.content-section.bg-gradient-bottom{background: linear-gradient(180deg, transparent 0%, var(--color-light-indigo) 100%) no-repeat left bottom / 100% 14rem;}


/* internal-masthead */
.masthead-internal-section{background: var(--color-light-indigo); padding-top:var(--padding-normal); padding-bottom: var(--margin-big); }
.masthead-internal-section .section-image{position: absolute; width:calc(var(--page-side-gap) + var(--container)*0.4166 - 2.25rem); right:0; bottom:0; top:var(--margin-normal);}
.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-indigo); opacity:0.8; position: absolute; top:0; right:0; bottom:0; left:0;}


/* main-slider */
.main-slider{background: var(--color-light-indigo);}
.main-slider .item{padding-top:9rem; padding-bottom:15.69rem;}
.main-slider .item .image{width:calc(var(--page-side-gap) + var(--container)*0.5 - 2.25rem); position: absolute; top:var(--margin-big); bottom:var(--padding-large); right: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{gap:0; top:auto; max-width:calc(var(--container)/2 - 3rem); display: flex; align-items: flex-start; left:calc(var(--page-side-gap)); bottom:var(--padding-large); width:auto; position: absolute; margin:0;}
.main-slider .swiper-pagination .swiper-pagination-bullet{border:0; height:3.18rem; padding-top:1rem; color:var(--color-indigo); opacity:0.64; background: transparent; font-size: 0.81rem; font-weight: 400; line-height: 1.5; margin:0; width: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:rgba(var(--color-indigo-rgb),0.32); position: absolute; left:0; right:0; top:2px; height:1px;}
.main-slider .swiper-pagination .swiper-pagination-bullet:hover{opacity:1;}
.main-slider .swiper-pagination .swiper-pagination-bullet:hover:before{background:rgba(var(--color-indigo-rgb),0.56);}
.main-slider .swiper-pagination .swiper-pagination-bullet-active{font-size:1.25rem; font-weight: 700; opacity:1;}
.main-slider .swiper-pagination .swiper-pagination-bullet-active:before{outline-color: var(--color-indigo); background: var(--color-indigo)!important;}


/* help */
.help-section{padding:var(--margin-big) 0;}


/* shop */
.shop-home-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:1.5rem;}
.shop-home-listing .item{width:calc((100% - 1.5rem*3)/4); display: flex; flex-direction: column; align-items: stretch;}
.shop-home-listing .image{margin:0 1rem; aspect-ratio:1/1.167; z-index: 2;}
.shop-home-listing .image img{object-fit: cover; width:100%; height:100%; border-radius:var(--radius-normal);}
.shop-home-listing .content{margin-top:-7.5rem; display: flex; flex-direction: column; align-items: center; gap:var(--margin-normal); text-align: center; flex-grow:1; padding:7.5rem 1rem 1.5rem 1rem; border-radius:var(--radius-normal); transition:background 0.2s ease, color 0.2s ease;}
.shop-home-listing .price{z-index: 3; border-radius:1.88rem; margin-top:-1.5rem; padding:1rem 1.5rem; color:#fff; background: var(--color-light-blue); font-size: var(--h5); line-height: 1.2; font-weight: 700; transition:color 0.2s ease, background 0.2s ease;}
/*.shop-home-listing .price:before{content: '$';}*/
.shop-home-listing .title{font-size: var(--text-lead);}
.shop-home-listing .item:hover .content{background: var(--color-light-blue); color:#fff;}
.shop-home-listing .item:hover .price{background: #fff; color:var(--color-indigo);}


/* hope */
.panel-blue{background: var(--color-indigo); border-radius:var(--radius-normal); padding:3.5rem;}

.donate-form .btn-group{display: flex;}
.donate-form .form-floating .input-group-text{border:0; justify-content: flex-end; padding:0; height:100%; width:2.5rem; position: absolute; top:0; right:1.5rem; z-index: 2; color:var(--color-dark-grey); background: transparent;}
.donate-form .form-floating .input-group-text + .form-control{padding-right:5rem;}


/* mission */
.panel-stroke{border-radius:var(--radius-normal); border:2px solid var(--color-indigo); 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:var(--radius-normal);}
.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:1.88rem; 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-light-blue); border-color:var(--color-light-blue); padding-left:1.5rem; padding-right:1.5rem;}
.tabbed-content .nav-pills .active{cursor: default; color:#fff; background: var(--color-light-blue); padding-left:1.5rem; padding-right:1.5rem;}

.impact-slider .swiper-wrapper{align-items: flex-start;}
.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-indigo:after{background: var(--color-indigo);}
.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-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-indigo);}
.locator-block .toolbar{flex:none; padding:1.5rem; color:#fff; background: var(--color-indigo); 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-indigo-rgb),0.16);}
.locator-block .listing .title{font-size: var(--h5); color:var(--color-indigo); 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%;}
.locator-block .map-wrap div{ position:unset;}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; background: var(--color-light-indigo); }

/* top */
.footer-top{padding:var(--padding-normal) 0; border-top:2px solid rgba(var(--color-indigo-rgb),0.16);}
.footer-brand{padding-right:2rem;}
.footer-brand img{width:32.31rem; max-width: 100%;}
.legal-info{font-size: var(--text-small); color:var(--color-dark-grey);}
.contact-info{display:flex; flex-direction: column; gap:var(--margin-normal);}
.contact-info .item-label{color:var(--color-dark-grey);}
.contact-info a{text-decoration: none;}
.contact-info a:not(:hover):not(:focus){color:inherit;}
.footer-top .social-share{display: flex; flex-wrap:wrap; gap:1rem; justify-content: center;}
.footer-top .social-share a{color:var(--color-indigo); width:3.125rem; height:3.125rem; border-radius:50%; border:2px solid var(--color-indigo); 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{background:var(--color-indigo); color:#fff;}

/* middle */
.footer-middle{padding:var(--margin-big) 0; border-top:2px solid rgba(var(--color-indigo-rgb),0.16);}
.footer-nav{gap:var(--margin-normal) 3rem; display: flex; align-items: center; justify-content: space-between; line-height: 1.2;}
.footer-nav a{font-size: 0.87rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.0875rem; text-decoration: none;}
.footer-nav a:not(:hover):not(:focus){color:var(--color-indigo);}


/* bottom */
.footer-bottom{font-size: var(--text-small); color:var(--color-dark-grey); padding:1rem 0; border-top:2px solid rgba(var(--color-indigo-rgb),0.16);}
.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;}



/* ************************* */
/* CONFERENCE				 */
/* ************************* */
.conference-block .title{font-size: var(--h5); color:var(--color-indigo); margin-bottom:var(--margin-small);}
.conference-block address{color:var(--color-dark-grey); margin-bottom:var(--margin-small);}
.conference-block .phone{margin-bottom:var(--margin-normal); font-size: var(--text-lead); font-weight: 700; color:var(--color-dark-grey);}

.conf-listing .item + .item{margin-top:var(--margin-normal);}
.conf-listing .item{padding:2rem; display: flex; align-items: flex-start; gap:3rem; justify-content: space-between; border:2px solid var(--color-indigo); border-radius:var(--radius-normal);}
.conf-listing .name{display: flex; flex-direction: column; gap:var(--margin-small); align-items: flex-start;}
.conf-listing .contact{text-align:right; display: flex; flex-direction: column; align-items: flex-end; width:30%; flex:none;}
.conf-listing .title{font-size: var(--h5); color:var(--color-indigo); margin:0;}
.conf-listing .phone{font-size: var(--text-lead); font-weight: 700; color:var(--color-dark-grey);}



/* ************************* */
/* 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 .item .image{top:var(--margin-normal); bottom:var(--margin-big);}
	.main-slider .swiper-pagination{bottom:var(--margin-normal);}
	.main-slider .swiper-pagination .swiper-pagination-bullet{width:4rem;}
	
	.shop-home-listing{gap:0.5rem;}
	.shop-home-listing .item{width:calc((100% - 0.5rem*3)/4);}
	
	.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;}
	
	.panel-blue{padding:2rem;}
	.panel-stroke, .panel-stroke.compact{padding:2rem;}
	
	.impact-slider .item{padding:2rem;}
	.impact-slider-controls{display: none;}
	
	.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;}
	.legal-info{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;}
	
	.masthead-internal-section{padding-bottom:0;}
	.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%;}
	
	.shop-home-listing{gap:var(--margin-normal) 0.5rem;}
	.shop-home-listing .item{width:calc((100% - 0.5rem)/2);}
	
	.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-light-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;}
	
	.conf-listing .item{flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
	.conf-listing .contact{text-align: left; align-items: flex-start; width:auto;}

}

@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;}
	
	.shop-home-listing .item{width:100%;}
	
	.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;}

}




