/* BA custom theme. */

@import url("framework/ba-framework.css");
@import url("framework/ba-forms.css");
@import url("framework/ba-components.css");
@import url("plugins/ba-slick-slider.css");


/* ************************* */
/* HOME					     */
/* ************************* */	
.btn {height:auto; min-height: 3.5rem; }

/* masthead */
.masthead-home-section{padding-top:var(--padding-large); padding-bottom:var(--padding-large);}

.masthead-home-section .bg{left:calc(50vw - var(--container)/2 + var(--container)*0.25 + var(--container)/24); position: absolute; top:0; right:0; bottom:-8.56rem; overflow:hidden;}
.masthead-home-section .bg .inner{position: absolute; top:0; bottom:0; left:0; width:76.87rem;
	clip-path: polygon(23.812rem 0, 11.875rem 19.937rem, 0 0, 
		24.937rem 0, 45.312rem 34.062rem, 4.625rem 34.062rem, 24.937rem 0,
		26.062rem 0, 51.5rem 42.562rem, 76.875rem 0);}

.bg-image-masthead-home{background-image: url("../img/img04.jpg");}

/* about */
.about-section .image-wrap{width:100%;}
.about-section .text-wrap{padding-top:3rem; padding-bottom:3rem;}
.bg-image-about{background-image: url("../img/img03.jpg");}

/* solutions */
.solutions-section{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal);}
.solutions-section .bg-left{position: absolute; top:0; bottom:0; right:50%; left:0;}
.solutions-section .bg-right{position: absolute; top:0; bottom:0; left:50%; right:0;}
.solutions-section h2{padding:1rem; background: rgba(255, 255, 255, 0.7);}
.solutions-section .text-wrap{width:100%; padding:2rem; text-align: center;}
.solutions-section .text-wrap.bg-color-red{margin-left:1rem;}
.solutions-section .text-wrap.bg-color-dark-blue{margin-right:1rem;}

.bg-image-solutions-left{background-image: url("../img/img05.jpg");}
.bg-image-solutions-right{background-image: url("../img/img06.jpg");}

/* products */
.products-section:before{content: ''; background: var(--color-light-grey); position: absolute; top:0; left:0; right:0; bottom:var(--margin-big);}

.products-listing{display: flex; align-items: stretch; gap:3rem;}
.products-listing .item{flex-basis: 33.33%; padding:3.5rem 2rem; text-align: center; }
.products-listing .item:before{content: ''; position: absolute; top:0; left:0; right:0; bottom:0; background: transparent; transition:background 0.2s ease;}
.products-listing .item:hover:before{background: var(--color-dark-azure);}
.products-listing .item .image img{height:4.75rem;}

/* resources */
.resources-featured .image{width:calc(var(--container)*0.4166 - var(--container)/24); flex:none;}
.resources-featured .content{padding:3rem 5rem; background: var(--color-light-grey);}

.bg-image-resource-featured{background-image: url("../img/img07.jpg");}

.resources-listing{display: flex; align-items: stretch; gap:5rem;}
.resources-listing .item{flex-basis: 33.33%;}

/* testi-section */
.testi-section .bg{background: url("../img/img08.jpg") no-repeat center / cover; position:absolute; top:0; bottom:0; left:0; width:calc(50vw - var(--container)/2 + var(--container)*0.6666);}
.testi-section:before{content: ''; z-index: 2; background: linear-gradient(270deg, var(--color-dark-blue) 52.95%, rgba(36, 63, 100, 0) 95.38%); position: absolute; top:0; right:0; bottom:0; left:0;}
.testi-section .container{z-index: 3;}

/* news */
.news-listing{display:flex; align-items: stretch; gap:2rem;}
.news-listing .item{flex-basis:33.33%; background: #fff; display: flex; flex-direction: column;}
.news-listing .item:after{content: ''; position: absolute; top:100%; height:0.5rem; left:0; width:0; background: var(--color-red); transition:width 0.2s ease;}
.news-listing .item:hover:after{width:100%;}
.news-listing .image{flex:none;}
.news-listing .image img{width:100%; max-width: 100%;}
.news-listing .content{padding:1.5rem; flex-grow:1; display: flex; flex-direction: column; align-items: flex-start;}
.news-listing .content .sp-link{margin-top:auto; z-index: 3;}


/* cta-section */
.cta-section{z-index: 2;}
.cta-section .bg{background: url("../img/img02.jpg") no-repeat center / cover; position:absolute; top:0; bottom:0; right:0; width:calc(50vw - var(--container)/2 + var(--container)*0.5833);}
.cta-section:before{content: ''; z-index: 2; background: linear-gradient(90deg, var(--color-dark-blue) 47.85%, rgba(36, 63, 100, 0) 83.75%); position: absolute; top:0; right:0; bottom:0; left:0;}
.cta-section .container{z-index: 3;}

/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{ margin-top:auto; flex:none; }

/* top */
.footer-top{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal); border-top:1px solid var(--color-light-grey);}

.brand-wrap{display: inline-flex; flex-direction: column;}
.footer-brand img{max-width: 100%;}

.social-share{display: flex; gap:0.5rem; justify-content: center;}
.social-share a{font-size: 1.3rem;  border:1px solid var(--color-red); color:var(--color-red); text-decoration: none; width:2.62rem; height:2.62rem; display: flex; align-items: center; justify-content: center;}
.social-share a:hover, .social-share a:focus{color:#fff; background: var(--color-red);}

.footer-nav{display: flex; gap:2rem;}
.footer-nav .contact-block{color:var(--color-dark-grey);}
.footer-nav a{color:inherit; text-decoration: none;}
.footer-nav a:hover, .footer-nav a:focus{color:var(--color-hover); text-decoration: underline;}
.footer-nav .nav-col:nth-child(1){ flex-basis:34%;}
.footer-nav .nav-col:nth-child(2){flex-basis:20%;}
.footer-nav .nav-col:nth-child(3){flex-basis:13%;}
.footer-nav .nav-col:last-child{flex-basis:auto;}

.footer-links ul{list-style-type: none; padding:0;}
.footer-links ul li+li{margin-top:var(--margin-small);}

/* bottom */
.footer-bottom{display: flex; align-items: center; justify-content: space-between; color:var(--color-dark-grey); padding-top:1.5rem; padding-bottom:1.5rem; border-top:1px solid var(--color-light-grey);}
.footer-bottom > div{display: flex;}
.footer-bottom span+span:before{content:'|'; margin:0 0.5rem;}
.footer-bottom a{color:inherit; text-decoration: none;}
.footer-bottom a:hover, .footer-bottom a:focus{color:var(--color-hover); text-decoration: underline;}


/* ************************* */
/* INTERNALS				 */
/* ************************* */
/* masthead */
.bg-image-masthead-internal{background-image: url("../img/img01.jpg");}

.section-header{display: flex; align-items: center; justify-content: space-between;}
.section-header > div:first-child{margin-right:3rem;}



@media (max-width: 1399.98px) {/* xl */
	#page-wrap{border-left:0px dotted black;}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{border-left:0px dotted red;}
	
	.footer-nav .nav-col:nth-child(1){ flex-basis:35%;}
	.footer-nav .nav-col:nth-child(2){flex-basis:19%;}
	.footer-nav .nav-col:nth-child(3){flex-basis:19%;}
	.footer-nav .nav-col:last-child{flex-basis:27%;}
	
	.products-listing{gap:1.5rem;}
	
	.resources-featured .content{padding-left:3rem; padding-right:3rem;}
	
	.resources-listing{gap:3rem;}
	
	.news-listing{gap:1.5rem;}

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{border-left:0px dotted green;}
	
	.footer-top {padding-top: var(--margin-big); padding-bottom: var(--margin-big);}
	
	.brand-wrap{display: flex;}
	.footer-brand{text-align: center;}
	
	.masthead-home-section .bg{left:calc(50vw - var(--container)/2 + var(--container)*0.4166);}
	.masthead-home-section .bg .inner{width:100%;}
	
	.products-listing{gap:0.5rem;}
	.products-listing .item{padding:2.5rem 1.5rem;}
	
	.news-listing{gap:0.5rem;}
	
	.about-section .image-wrap{height:calc(100vw/1.618);}
	.about-section .text-wrap{padding-top:0; padding-bottom:0;}
	
	.solutions-section .text-wrap.bg-color-red{margin-left:0;}
	.solutions-section .text-wrap.bg-color-dark-blue{margin-right:0;}
	.solutions-section .text-wrap{padding-left:1.5rem; padding-right:1.5rem;}
	
	.resources-listing{gap:2rem;}

    .internal-row { display:flex; flex-direction: column-reverse;}
    .internal-row > .col-lg-8 {margin-bottom: var(--padding-normal);}
}

@media (max-width: 767.98px) {/* sm */
	.btn {min-height: auto; }

	#page-wrap{border-left:0px dotted blue;}
	
	.footer-nav{display: block; text-align: center;}
	.footer-nav .nav-col + .nav-col{margin-top:var(--margin-big);}
	.footer-links ul{display: flex; flex-wrap:wrap; justify-content: center; gap:0.5rem 2rem;}
	.footer-links ul li + li{margin-top:0;}
	
	.footer-bottom{flex-direction: column-reverse; gap:1rem;}
	
	.masthead-home-section .bg{position: relative; bottom:0; left:0; height:27rem; margin-bottom:var(--margin-normal);}
	.masthead-home-section{padding-top:0;}
	.masthead-home-section + .content-section:not([class*='bg-']){padding-top:0;}
	
	.products-listing{flex-direction: column;}
	.products-listing .item{padding-top:1.5rem; padding-bottom:1.5rem;}
	
	.resources-featured .image{height:calc(100vw/1.618); width:100%;}
	.resources-featured .content{padding:1.5rem;}
	.resources-listing{flex-direction: column;}
	
	.testi-section::before {background: linear-gradient(270deg, var(--color-dark-blue) 52.95%, rgba(36, 63, 100, 0.7) 95.38%);}
	
	.news-listing{flex-direction: column; gap:1.5rem;}
	
	.cta-section::before {background: linear-gradient(90deg, var(--color-dark-blue) 47.85%, rgba(36, 63, 100, 0.5) 83.75%);}
	
	.section-header{display: block;}
	.section-header > div:first-child{margin-right:0; margin-bottom:var(--margin-normal);}


}

@media (max-width: 575.98px) {
	#page-wrap{border-left:0px dotted yellow;}
	
	.footer-bottom > div{flex-direction: column-reverse; align-items: center; gap:1rem; }
	.footer-bottom span + span::before{display: none;}
	
	.masthead-home-section .bg .inner{clip-path: none;}
	.masthead-home-section .bg{height:calc(100vw/1.618);}
	
	
	
	

}

@media (max-width: 360px) {
	#page-wrap{border-left:0px dotted red;}

}




