/* BA custom theme. */

.bg-image-cta-box{background-image: url('../img/img01.jpg');}
.bg-image-support-me{background-image: url("../img/img03.jpg");}
.bg-image-support-lovedones{background-image: url("../img/img04.jpg");}
.bg-image-support-pros{background-image: url("../img/img05.jpg");}
.bg-image-support-communities{background-image: url("../img/img06.jpg");}
.bg-image-featured-event{background-image: url("../img/img07.jpg");}



/* ************************* */
/* MASTHEAD				     */
/* ************************* */	
/* internal */
.masthead-internal-section{margin-top:-3.5rem; background: url("../img/bg-masthead-internal.svg") no-repeat center bottom / 100% 100%; padding-top:calc(var(--padding-large) + 0.56rem); padding-bottom:var(--padding-large);}

/* home */
.masthead-home-section{background: url("../img/bg-masthead-home.svg") no-repeat center bottom / 100% 100%; margin-top:-8.62rem; padding-top:10.62rem; padding-bottom:4.25rem;}
/*.masthead-home-section .col-md-5{display: flex; align-items: center;}*/
.masthead-home-section .text-wrap{margin-top:4.06rem; margin-bottom:10rem; margin-right:3rem;}
.masthead-home-section .image-wrap{margin-bottom:5rem; overflow: hidden; margin-left:-4.12rem; margin-right:calc(var(--container)/2 - 50vw); }
.masthead-home-section .image-wrap img {width: 100%;}

.masthead-home-section .row [class*='col-']{display:flex; flex-direction: column; justify-content:center;}



/* ************************* */
/* SUPPORT				     */
/* ************************* */	
.support-section{margin-top:-19rem; background: url("../img/bg-support-top.svg") no-repeat center top / 100% 21rem, url("../img/bg-support-main.svg") no-repeat center bottom / 100% calc(100% - 21rem); padding-bottom:12rem; padding-top:19.5rem;}

.support-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:1.5rem;}
.support-listing .item{color:#fff; aspect-ratio:1/0.68; display: flex; align-items: flex-end; justify-content: center; text-align: center; padding:1.5rem; width:calc((100% - 1.5rem)/2); border-radius:var(--border-radius); overflow: hidden;}
.support-listing .item:before{content: ''; background: linear-gradient(180deg, rgba(60, 105, 107, 0) 0%, rgba(60, 105, 107, 0) 50%, #0D7478 100%) center bottom / 100% 200%; position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.support-listing .item:hover:before{background-position: center top;}
.support-listing .item:after{ content: ''; z-index: 2; position: absolute; top:0; right:0; bottom:0; left:0; background: linear-gradient(180deg, rgba(250, 201, 106, 0) 0%, rgba(250, 201, 106, 0) 50%, rgba(255, 184, 48, 0.9) 100%) center top / 100% 200%; transition:background 0.2s ease;}
.support-listing .item:hover:after{background-position: center bottom;}
.support-listing .item .title{z-index: 3;}
.support-listing .item .area-link{z-index: 4;}



/* ************************* */
/* EVENTS				     */
/* ************************* */	
.events-section{padding-bottom:8rem; padding-top: 1.5rem;}
.events-section:before{content: ''; background: url("../img/bg-events.svg") no-repeat center bottom / 100% 100%; position:absolute; left:0; right:0; height:8.5rem; bottom:calc(100% - 1px);}

/* featured */
.featured-event{border-radius:var(--border-radius); overflow: hidden;}
.featured-event .header{min-height: 25rem; display: flex; flex-direction: column; justify-content: flex-end; padding:2rem; background-size: cover; background-position: center;}
.featured-event .header:before{content: ''; background: linear-gradient(180deg, rgba(13, 116, 120, 0) 0%, rgba(13, 116, 120, 0.95) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.featured-event .category{text-transform: uppercase; font-size: 0.87rem; font-weight: 500; line-height: 1.2;}
.featured-event .category a{z-index: 3; text-decoration: none;}
.featured-event .category a:hover, .featured-event .category a:focus{color:var(--color-light-yellow);}
.featured-event .location{font-size: var(--text-small); display: flex; flex-wrap:wrap;}
.featured-event .location span:not(:last-child):after{content: '|'; margin:0 0.5rem;}
.featured-event .event-date{border-radius:0 var(--border-radius) var(--border-radius) 0; position: absolute; top:1.5rem; left:0;}

.event-date{width:10.62rem; text-align: center; display: flex; align-items: stretch; background: #fff; border-radius:var(--border-radius); overflow: hidden;  z-index: 2; line-height:1.2;}
.event-date .year{width:2.62rem; transform: scale(-1); writing-mode: vertical-lr; text-orientation: mixed; display: flex; justify-content: center; align-items: center; padding:0.62rem; font-size: 1.12rem; font-weight: 700; background: var(--color-tiffany); color:#fff;}
.event-date .month{line-height: 1.5;}
.event-date .day{font-size: 1.88rem; font-weight: 700;}
.event-date .day-wrap{padding:0.62rem 1.12rem; flex-grow:1; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.featured-event .description{ background: linear-gradient(90deg, #12969E 0%, #12969E 50%, #00BD9B 100%) right top / 200% 100%; display: flex; align-items: stretch; transition:background 0.2s ease;}
.featured-event .description .textbox{flex-grow:1; margin:0; padding:1rem 1.5rem 1rem 2rem;}
.featured-event .description .arrow{flex:none; display: flex; align-items: center; border-left:1px solid rgba(255,255,255,0.4); font-size: 1.12rem; padding:1rem; color:rgba(255,255,255,0.6);}
.featured-event:hover .description{background-position: left top;}

/* listing */
.events-home-listing{display: flex; flex-direction: column; gap:var(--margin-big);}
.events-home-listing .item{display: flex; align-items: flex-start; gap:1.5rem;}
.events-home-listing .image{flex:none; width:14.75rem;}
.events-home-listing .image img{width:100%; max-width: 100%; border-radius:var(--border-radius);}
.events-home-listing .category{font-size: 0.87rem; font-weight: 500; text-transform: uppercase; color:var(--color-tiffany);}
.events-home-listing .category a{text-decoration: none;}
.events-home-listing .location{font-size: var(--text-small); color:var(--color-dark-grey);}
.events-home-listing .location span:not(:last-child):after{content: '|'; margin:0 0.5rem;}
.events-home-listing .event-date{margin:-3rem auto 0 auto;}



/* ************************* */
/* FORCE				     */
/* ************************* */	
.force-section{ padding-top:11rem; padding-bottom:11.5rem;}
.force-section .image-wrap{overflow: hidden; position: absolute; top:0; right:0; left:calc(50vw - var(--container)/2 + var(--container)*0.4166 - 2rem); opacity: 0.9; }
.force-section .bg{background: url("../img/bg-force.svg") no-repeat center bottom / 100% 100%; position: absolute; top:0; right:0; bottom:0; left:0;}

.logos-slider{margin:-1.5rem 4.12rem 0 4.12rem;}
.logos-slider .item{padding-top:1.5rem;}
.logos-slider .item img{max-width: 100%; top:0; transition:top 0.2s ease;}
.logos-slider .item:hover img{top:-1.5rem;}
.logos-slider .slick-prev{left:-4.12rem;}
.logos-slider .slick-next{right:-4.12rem;}



/* ************************* */
/* NEWS 				     */
/* ************************* */	
.news-section{padding-bottom:13rem;}
.news-section:before{content: ''; background: url("../img/bg-news.svg") no-repeat center bottom / 100% 100%; position:absolute; left:0; right:0; height:8rem; bottom:calc(100% - 1px);}

.news-block{display: flex; align-items: flex-start; gap:1.5rem;}
.news-block .image{background: url("../img/img12.jpg") no-repeat center / cover; border-radius: var(--border-radius); overflow: hidden; flex:none; width:12.25rem; aspect-ratio:1/0.816;}
.news-block .image img{object-fit: cover; min-width: 100%; max-width: 100%; min-height: 100%;}
.news-block .image .news-label{position: absolute; left:0; top:calc(50% - 1.31rem); background: var(--color-tiffany); border-radius:0 2rem 2rem 0; color:#fff; font-size: 1.12rem; font-weight: 700; text-transform: uppercase; line-height: 1; padding:0.62rem 0.87rem 0.62rem 0.62rem;}
.news-block .image img + .news-label{display: none;}
.news-block .content{flex-grow:1;}
.news-block .title{color:var(--color-dark-cyan); transition:color 0.2s ease;}
.news-block:hover .title{color:var(--color-tiffany);}
.news-block .sp-link{z-index: 4;}



/* ************************* */
/* ACTIONS 				     */
/* ************************* */	
.action-section{padding-bottom:var(--padding-normal); background: url("../img/bg-actions-main.svg") repeat-y center top / 100% 100%;}
.action-section:before{content: ''; background: url("../img/bg-actions-top.svg") no-repeat center bottom / 100% 100%; position:absolute; left:0; right:0; height:8rem; bottom:calc(100% - 1px);}

.actions-listing{display: flex; align-items: stretch; gap:1.5rem;}
.actions-listing .item{ transition:background 0.2s ease; flex-basis: 0; flex-grow:1; text-align: center; padding: 2.31rem 1.5rem; border:2px solid rgba(253, 239, 218, 0.3); border-radius:var(--border-radius); display: flex; flex-direction: column; align-items: center; justify-content: center; gap:var(--margin-normal);}
.actions-listing .item:hover{background: var(--color-cyan);}


/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; }

.footer-top{display: flex; align-items: center; padding:2.5rem 0;}

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

.footer-contact{ display: flex; align-items: center; gap:3.5rem; font-size: 1.5rem; line-height: 1.2;}
.footer-contact a{white-space: nowrap; text-decoration: none;}
.footer-contact a .icon{margin-right: 1rem; vertical-align: -15%;}

.footer-bottom .site-map{padding:var(--margin-big) 0; justify-content: space-between; flex-wrap:nowrap;}
.footer-bottom .site-map ul{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:var(--margin-small);}
.footer-bottom .site-map a{color:var(--color-black); text-decoration: none;}
.footer-bottom .site-map a:hover, .footer-bottom .site-map a:focus{color:var(--color-tiffany);}
.footer-bottom .site-map .title{margin-bottom:var(--margin-small);}
.footer-bottom .site-map [class*='col-']{padding-right:3.5rem;}

.footer-bottom .copyright{display: flex; align-items: center; justify-content: space-between; color:var(--color-dark-grey); padding:1.5rem 0; border-top:1px solid var(--color-light-grey);}
.footer-bottom .copyright > div{display: flex; align-items: center;}
.footer-bottom .copyright > div span+span:before{content: '|'; margin:0 0.5rem;}
.footer-bottom .copyright a{color:inherit; text-decoration: none;}
.footer-bottom .copyright a:hover, .footer-bottom .copyright a:focus{color:var(--color-tiffany);}



/* ************************* */
/* CTA						 */
/* ************************* */
.cta-section{padding-top:var(--padding-large); padding-bottom:var(--padding-normal); background: url("../img/bg-cta.svg") no-repeat center bottom / 100% 100%;}


/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 2500px) {
	.masthead-internal-section{background: url("../img/bg-masthead-internal.svg") no-repeat center bottom / 156rem 100%;}
	
	.cta-section{background: url("../img/bg-cta.svg") no-repeat center bottom / auto 100%;}
	
	.masthead-home-section{background: url("../img/bg-masthead-home.svg") no-repeat center bottom / auto auto;}
	
	.support-section{background: url("../img/bg-support-top.svg") no-repeat center top / 156rem 21rem, url("../img/bg-support-main.svg") no-repeat center bottom / 156rem calc(100% - 21rem);}
	
	.events-section:before{background: url("../img/bg-events.svg") no-repeat center bottom / auto 100%;}
	
	.force-section .bg{background: url("../img/bg-force.svg") no-repeat center bottom / auto 100%;}
	
	.news-section:before{background: url("../img/bg-news.svg") no-repeat center bottom / auto 100%;}
	
	.action-section:before{background: url("../img/bg-actions-top.svg") no-repeat center bottom / auto 100%;}
	.action-section{background: url("../img/bg-actions-main.svg") repeat-y center top / auto 100%;}

}

@media (max-width: 1399.98px) {/* xl */
	#page-wrap{border-left:0px dotted black;}
	
	.masthead-internal-section{background: url("../img/bg-masthead-internal.svg") no-repeat center bottom / 156% auto;}
	
	.masthead-home-section{background: url("../img/bg-masthead-home.svg") no-repeat center bottom / 156% auto;}
	.masthead-home-section .row [class*="col-"]{justify-content: flex-end;}
	.masthead-home-section .image-wrap{}
	
	.cta-section{background: url("../img/bg-cta.svg") no-repeat center bottom / 156% 100%;}
	
	.footer-contact{font-size: 1.25rem; gap:2.5rem;}
	.footer-contact a .icon{vertical-align: -20%; margin-right:0.5rem;}
	
	.events-section:before{background: url("../img/bg-events.svg") no-repeat center bottom / 156% 100%;}
	.events-home-listing .image{width:12.5rem;}
	
	.force-section .bg{background: url("../img/bg-force.svg") no-repeat center bottom / 156% 100%;}
	.logos-slider{margin-left:3rem; margin-right:3rem;}
	.logos-slider .slick-prev{left:-3rem;}
	.logos-slider .slick-next{right:-3rem;}
	.logos-slider .item{padding-left:1rem; padding-right:1rem;}
	
	.news-section:before{background: url("../img/bg-news.svg") no-repeat center bottom / 156% 100%;}
	
	.action-section:before{background: url("../img/bg-actions-top.svg") no-repeat center bottom / 156% 100%;}
	.action-section{background: url("../img/bg-actions-main.svg") repeat-y center top / 156% 100%;}
	
	
	
	

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{border-left:0px dotted red;}
	
	.footer-brand img{width:19rem;}
	.footer-contact{font-size: 1.15rem; gap:1.5rem;}
	.footer-contact a .icon{vertical-align: -28%;}
	
	.event-date{width:9.5rem;}
	.event-date .day-wrap{padding:0.62rem;}
	.events-home-listing .image{width:11.5rem;}
	
	.section-header .buttons-group{flex-wrap:wrap;}
	
	.masthead-home-section{margin-top:-7.5rem; padding-top:10.5rem; padding-bottom:0;}
	.masthead-home-section .text-wrap{margin-top:4rem; margin-bottom:8rem;}
	.masthead-home-section .image-wrap{margin-bottom:3rem;}
	
	.support-section{padding-top:11rem; margin-top:-8rem; background:   url("../img/bg-support-top.svg") no-repeat center top / 156% 10rem, url("../img/bg-support-main.svg") no-repeat center bottom / 156% calc(100% - 10rem);}
	
	.news-block .image{width: 10rem;}
	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{border-left:0px dotted green;}
	
	.footer-bottom .site-map [class*='col-']{padding-right:2rem;}
	
	.masthead-home-section .image-wrap{margin-left:-3rem; margin-bottom:5rem;}
	.masthead-home-section{padding-top:7.5rem;}
		
	
	.support-section{padding-top:8rem; background: url("../img/bg-support-top.svg") no-repeat center top / 156% 7rem, url("../img/bg-support-main.svg") no-repeat center bottom / 156% calc(100% - 7rem);}
	.support-listing{gap:1rem;}
	.support-listing .item{width:calc((100% - 1rem*3)/4); padding:1rem;}
	
	.logos-slider{margin-left:0; margin-right:0;}
	
	.section-header{flex-direction: column; gap:var(--margin-normal); align-items: flex-start;}
	.section-header > div:first-child{margin-right:0;}
	.section-header > div:last-child{margin-left:0;}
	.section-header .buttons-group{gap:1rem;}
	
	.events-home-listing .image{width:33%;}
	.events-section{padding-bottom:4rem;}
	.events-section::before {height:10vw;}
	
	.actions-listing{gap:1rem;}
	.action-section::before {height:10vw;}
	
	.news-section::before {height:10vw;}
	
	.news-section{padding-bottom:10rem;}
	
	
	
	
	

}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{border-left:0px dotted blue;}
	
	.footer-contact{justify-content: center;}
	.footer-top{text-align: center;}
	
	.footer-bottom .site-map{flex-direction: column; align-items: center; text-align: center; gap:var(--margin-normal);}
	.footer-bottom .site-map ul{flex-direction: row; flex-wrap:wrap; justify-content: center; gap:0.75rem 1.5rem;}
	.footer-bottom .site-map [class*="col-"]{padding-right:0.75rem; padding-left:0.75rem;}
	
	.footer-bottom .copyright{flex-direction: column-reverse; gap:var(--margin-small);}
	
	.masthead-home-section .text-wrap{margin-bottom: var(--margin-big);}
	.masthead-home-section .image-wrap{height:auto; margin-left:-1rem; margin-bottom:2rem;}
	.masthead-home-section .image-wrap img{max-width: 100%;}
	
	.support-listing .item{width:calc((100% - 1rem)/2);}
	
	.events-section{padding-bottom:5rem;}
	
	.force-section{background: #fff; padding-bottom:8rem;}
	.force-section .bg{display: none;}
	.force-section .image-wrap{position: relative; left:0; margin-bottom:var(--margin-big); background: var(--color-light-yellow);}
	.force-section .image-wrap:after{content: ''; background: url("../img/bg-force-mobile.svg") no-repeat center bottom / 100% 100%; position:absolute; left:0; right:0; height:10vw; bottom:0;}
	.force-section .image-wrap img{max-width: 100%;}
	.force-section{padding-top:0;}
	
	.news-block .image{width:33%;}
	
	
	

}

@media (max-width: 575.98px) {
	#page-wrap{border-left:0px dotted yellow;}
	
	.footer-bottom .copyright > div{flex-direction: column-reverse; gap:var(--margin-small);}
	.footer-bottom .copyright > div span + span::before {display: none;}
	
	.footer-contact{flex-direction: column; gap:var(--margin-small);}
	
	.support-section{padding-bottom:8rem; margin-top:-6rem;}
	.support-listing .item{width:100%;}
	
	.events-section::before {height:4.5rem;}
	.events-home-listing .item{flex-direction: column;}
	.events-home-listing .image{width:100%;}
	.events-home-listing .event-date{margin:0; position: absolute; top:1.5rem; left:0;}
	
	.news-block{flex-direction: column; gap:var(--margin-normal);}
	.news-block .image{width:100%;}
	.news-section{padding-top:2rem; padding-bottom:6rem;}
	
	.action-section{padding-top:2rem;}
	.actions-listing{flex-direction: column; gap:var(--margin-normal);}
	
	.masthead-home-section .image-wrap{margin-bottom:0;}

}

@media (max-width: 360px) {
	#page-wrap{border-left:0px dotted red;}

}