/* BA custom theme. */


/* rounded-edges */
.rounded-top:before{content: ''; z-index: 2; pointer-events: none; background: url("../img/edge-mask-top.svg") no-repeat center top / 100% 100%; height:calc(var(--padding-normal) + 1rem); position: absolute; left:0; right:0; top:-1px;}
.bg-color-light-grey + .rounded-top:before{background-image: url("../img/edge-mask-top-light-grey.svg");}
.bg-color-dark-blue + .rounded-top:before{background-image: url("../img/edge-mask-top-dark-blue.svg");}

.rounded-bottom:after{content: ''; pointer-events: none; background: url("../img/edge-mask-bottom.svg") no-repeat center bottom / 100% 100%; height:calc(var(--padding-normal) + 1rem); position: absolute; left:0; right:0; bottom:-1px;}


/* masthead internal */
.masthead-internal-section{padding-top:calc(var(--padding-normal) + 5.63rem); padding-bottom:var(--padding-normal); text-align: center;}
.masthead-internal-section .section-bg{position: absolute; top:0; right:0; bottom:0; left:0;}
.masthead-internal-section .section-bg img{object-fit: cover; width:100%; height:100%;}
.masthead-internal-section .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 32, 57, 0.56) 0%, rgba(0, 32, 57, 0) 100%) no-repeat center top / 100% 11.12rem, var(--color-dark-blue56); position: absolute; top:0; right:0; bottom:0; left:0;}


/* cta-section */
.cta-section{padding:var(--padding-large) 0;}
.cta-section .section-bg{position: absolute; top:0; right:0; bottom:0; left:0;}
.cta-section .section-bg img{object-fit: cover; width:100%; height:100%;}
.cta-section .section-bg:after{content: ''; background:var(--color-dark-blue56); position: absolute; top:0; right:0; bottom:0; left:0;}


/* main-slider */
#main-slider .item{display: flex; align-items: center; padding-top:16.13rem; padding-bottom:12.75rem; text-align: center;}
#main-slider .item .bg{position: absolute; top:0; right:0; bottom:0; left:0;}
#main-slider .item .bg img{object-fit: cover; width:100%; height:100%;}
#main-slider .item .bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 32, 57, 0.56) 0%, rgba(0, 32, 57, 0) 100%) no-repeat center top / 100% 11.12rem, var(--color-dark-blue56); position: absolute; top:0; right:0; bottom:0; left:0;}

#main-slider .slick-dots{bottom:6rem;}
#main-slider .slick-dots li button{border:1px solid #fff;}
#main-slider .slick-dots li button:hover{ border-color:var(--color-light-yellow);}
#main-slider .slick-dots .slick-active button, #main-slider .slick-dots .slick-active button:hover{background:#fff; border-color:#fff;}


/* expertice */
.expertice-listing{display: flex; flex-wrap:wrap; align-items: stretch;}
.expertice-listing .item{width:33.33%; text-align: center; display: flex; flex-direction: column;}
.expertice-listing .item:nth-child(even){background: var(--color-light-grey);}
.expertice-listing .icon{height:4.75rem; margin-bottom:var(--margin-normal);}
.expertice-listing .icon img{height:100%; max-height: 100%;}
.expertice-listing .title{font-size: var(--h4); margin-bottom:var(--margin-small);}
.expertice-listing .inner-wrap{flex-grow:1; padding:2rem; transition: box-shadow 0.2s ease;}
.expertice-listing .item:hover .inner-wrap{box-shadow:inset 0 0 0 0.5rem var(--color-yellow);}
.expertice-listing a:not(.area-link){z-index: 5;}
.expertice-listing .listing-header{padding:0 3.5rem 3.5rem 0; text-align: left;}


/* testimonials */
.testimonial-block{padding:3.5rem 3.5rem 2rem 3.5rem; background: var(--color-dark-blue80);}
.testimonial-block figcaption{color:var(--color-grey);}


/* advocates */
.advocates-slider{margin-right:calc(-1*var(--page-side-gap));}
.advocates-slider .item{margin-right:3.5rem;  width:13.75rem; text-align: center; transition:color 0.2s ease;}
.advocates-slider .item:hover{color:var(--color-dark-yellow);}
.advocates-slider .photo{display: inline-block; margin-bottom:var(--margin-normal); width:100%; aspect-ratio:1/1;  }
.advocates-slider .photo:after{content: ''; border-radius:50%; position: absolute; top:0; right:0; bottom:0; left:0; transition:box-shadow 0.2s ease;}
.advocates-slider .item:hover .photo:after{box-shadow: inset 0 0 0 0.5rem var(--color-yellow);}
.advocates-slider .photo img{width:100%; max-width: 100%; border-radius:50%;}
.advocates-slider .name{font-size: var(--h5); font-weight: 600; margin-bottom:0.25rem;}
.advocates-slider .slick-dots{bottom:-2rem;}

.advocates-slider-footer{display: flex; align-items: center; justify-content: space-between; gap:3.5rem;}
.advocates-slider-controls{display: flex; gap:1rem;}
.advocates-slider-controls .slick-arrow{position: relative;}


/* resources */
.resources-listing{display: flex; align-items: flex-start; gap:3.5rem;}
.resources-listing .item{width:calc((100% - 3.5rem*2)/3);}
.resources-listing .post-card .title{font-weight: 600;}
.resources-listing .item:hover .post-card:not(.no-hover) .title{color:var(--color-dark-yellow);}
.resources-listing .post-card .image{aspect-ratio:1.372/1;}
.resources-listing .post-card .image:after{content:''; position: absolute; top:0; right:0; bottom:0; left:0; transition:box-shadow 0.2s ease;}
.resources-listing .item:hover .post-card:not(.no-hover) .image:after{box-shadow: inset 0 0 0 0.5rem var(--color-yellow);}


/* quick-contact-form */
.quick-contact-form textarea.form-control{height:auto;}


/* logos */
.logos-listing{display: flex; align-items: center; margin-top: var(--margin-big); gap:1.5rem; justify-content:space-between;}
.logos-listing .item{display: inline-flex;}
.logos-listing .item img{bottom:0; transition: bottom 0.4s ease;}
.logos-listing .item:hover img{bottom:1.25rem;}




/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{margin-top:auto; flex:none; }

.footer-top{padding:var(--margin-big) 0; border-top:1px solid var(--color-grey);}
.footer-links ul{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:var(--margin-normal);}
.footer-links ul ul{padding-left:1.5rem; gap:var(--margin-small); margin-top:var(--margin-small);}
.footer-links a{color:var(--color-black); text-decoration: none;}
.footer-links a:hover, .footer-links a:focus{color:var(--color-dark-yellow); text-decoration: underline;}

.footer-bottom{padding:var(--margin-big) 0; border-top:1px solid var(--color-grey);}
.footer-brand{text-align: center;}
.footer-brand img{width:13.31rem; max-width: 100%;}
.footer-contacts{display:flex; flex-direction: column; gap:1rem;}
.footer-contacts address{font-size: var(--text-small);}
.footer-contacts a{color:var(--color-black); font-family: 'Heading'; font-weight: 600; font-size: 1.12rem; line-height: 1.2; }
.footer-contacts a:hover, .footer-contacts a:focus{color:var(--color-dark-yellow);}
.copyright-block{font-size: var(--text-small); color:var(--color-dark-grey); display: flex; flex-direction: column; gap:var(--margin-small); align-items: flex-end; text-align: right;}
.copyright-block a{color:inherit;}
.copyright-block a:hover, .copyright-block a:focus{color:var(--color-dark-yellow);}



/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	#main-slider .item{padding-top:14rem; padding-bottom:10rem;}
	#main-slider .slick-dots{bottom:5rem;}
	
	.advocates-slider .item{margin-right:2.5rem;}
	
	.logos-listing{justify-content:space-evenly; flex-wrap:wrap;}
}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.masthead-internal-section{padding-top:calc(var(--padding-normal) + 4rem); }
	
	#main-slider .item{padding-top:12rem; padding-bottom:8rem;}
	#main-slider .slick-dots{bottom:4rem;}
	
	.resources-listing{gap:2.5rem;}
	.resources-listing .item{width:calc((100% - 2.5rem*2)/3);}

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	#main-slider .item{padding-top:calc(var(--padding-large) + var(--header-height)); padding-bottom:var(--padding-large);}
	#main-slider .slick-dots{bottom:3rem;}
	
	.expertice-listing .inner-wrap{padding:2rem 1.5rem;}
	
	.advocates-slider-footer{justify-content: center; gap:0;}
	
	.resources-listing{gap:0.75rem;}
	.resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	.resources-listing .post-card .content{padding-right:1.5rem;}
}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	#footer{text-align: center;}
	.footer-contacts{align-items: center;}
	.copyright-block{flex-direction: column-reverse; align-items: center; text-align: center;}
	
	.footer-links ul{flex-direction: row; flex-wrap:wrap; justify-content: center;}
	.footer-links ul ul{gap:var(--margin-small) var(--margin-normal);}
	
	#main-slider .item{padding-top:calc(var(--padding-normal) + var(--header-height)); padding-bottom:var(--padding-normal);}
	#main-slider .slick-dots{bottom:2rem;}
	
	.expertice-listing .item{width:100%; text-align: left;}
	.expertice-listing .listing-header{padding-right:0; padding-bottom:var(--margin-big);}
	.expertice-listing .inner-wrap{display: flex; align-items: flex-start; gap:2rem; padding:2rem;}
	.expertice-listing .icon{height:auto; width:6rem; flex:none; margin-bottom:0;}
	.expertice-listing .icon img{height:auto; max-height:none; width:100%; max-width: 100%;}
	
	.testimonial-block{padding:2rem; margin:0 10vw;}
	
	.resources-listing{flex-wrap:wrap; gap:var(--margin-big) 0.75rem;}
	.resources-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.rounded-top:before{height:calc(var(--padding-normal) - 1rem);}
	.rounded-bottom:after{height:calc(var(--padding-normal) - 1rem);}
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.masthead-internal-section{padding-top:var(--margin-normal); }
	
	#main-slider .item{padding-top:var(--padding-normal);}
	
	.expertice-listing .inner-wrap{gap:1.5rem; padding:2rem 1.5rem;}
	.expertice-listing .icon{width:15vw;}
	
	.testimonial-block{padding:2rem 1.5rem 2rem 1rem; margin:0 5vw;}
	
	.advocates-slider .item{margin-right:1.5rem;}
	
	.resources-listing .item{width:100%;}
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}




