/* 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					     */
/* ************************* */	

/* main-slider */
#main-slider{background: url(../img/bg-masthead.jpg) no-repeat calc(100% - var(--page-side-gap) - var(--container)*0.1666) bottom / auto 100%;}
#main-slider .item{min-height:35rem; padding:11rem 0 7.62rem 0; display: flex; align-items:center;}
#main-slider .item .image{mask: url('../img/mask-wave.svg') no-repeat left top / auto 100%; position: absolute; top:0; bottom:0; right:0; left:calc(var(--page-side-gap) + var(--container)*0.25);}
#main-slider .item .image img{object-fit: cover; width:100%; height:100%;}

#main-slider .slick-dots{position: absolute; bottom:4.5rem; justify-content: flex-start; padding-left:var(--page-side-gap);}


/* manufacturers */
.manufs-listing{display: flex; align-items: stretch; gap:1.5rem;}
.manufs-listing .item{min-height:15rem; overflow: hidden; display: flex; align-items: stretch; width:calc((100% - 1.5rem*4)/5); background-color: #fff; border:1px solid var(--color-light-grey);}
.manufs-listing .content{ position: absolute; inset:0; display: flex; flex-direction: column; align-items: stretch;}
.manufs-listing .image{flex-basis:50%; padding:1.5rem;}
.manufs-listing .image img{width:100%; max-width: 100%;}
.manufs-listing .content .name{min-height: 3lh; display: flex; align-items: center; padding:0.63rem 1.5rem 1rem 1.5rem;}
.manufs-listing .overlay{top:100%; width:100%; background-color: #fff; transition:top 0.4s ease;}
.manufs-listing .item:hover .overlay{top:0;}
.manufs-listing .overlay .textbox{padding:2rem 1.5rem;}
.manufs-listing .overlay .name{margin-bottom:var(--margin-small);}
.manufs-listing .item .area-link:after{content: '\f0da'; background-color: var(--color-light-grey); color:var(--color-orange); width:2rem; height:2rem; position: absolute; right:0; bottom:0; display: flex; align-items: center; justify-content: center; font:var(--font-icon); transition:background 0.2s ease, color 0.2s ease;}
.manufs-listing .item:hover .area-link:after{color:#fff; background-color: var(--color-link);}

/* directions */
.directions-section{background-image: url('../img/bg-circle.png'); background-position: right bottom; background-repeat: no-repeat;}
.dir-listing{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.dir-listing .item{display: flex; align-items: flex-start; gap:1.5rem;}


/* products */
.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-blue);}
.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-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-orange); 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; left:0;}
.cta-section:before{content: ''; z-index: 2; background: linear-gradient(90deg, rgba(0, 97, 128, 0.80) 0%, rgba(0, 97, 128, 0.00) 100%); 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{width:14.125rem; max-width: 100%; display: inline-flex; flex-direction: column;}
.footer-brand img{max-width: 100%;}

.footer-nav .contact-block{color:var(--color-dark-grey);}
.footer-nav a{color:var(--color-black); text-decoration: none;}
.footer-nav a:hover, .footer-nav a:focus{color:var(--color-hover); text-decoration: underline;}

.footer-links ul{list-style-type: none; padding:0; display: flex; flex-direction: column; align-items: flex-start; gap: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");}
.masthead-internal-section{background-color: var(--color-azure);}

.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;}

	#main-slider{background-position:calc(100% - var(--page-side-gap) - var(--container)/12);}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{border-left:0px dotted red;}
	
	.products-listing{gap:1.5rem;}
	
	.resources-featured .content{padding-left:3rem; padding-right:3rem;}
	.resources-listing{gap:3rem;}
	
	.news-listing{gap:1.5rem;}

	#main-slider .item .image{mask-size:200vw 100%;}
	#main-slider .item{min-height:34rem; padding:var(--padding-normal) 0;}
	#main-slider .slick-dots{bottom:3rem;}

	.manufs-listing{flex-wrap:wrap; justify-content: center;}
	.manufs-listing .item{width:calc((100% - 1.5rem*2)/3);}


	
}

@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;}
	
	.products-listing{gap:0.5rem;}
	.products-listing .item{padding:2.5rem 1.5rem;}
	
	.news-listing{gap:0.5rem;}
	
	.resources-listing{gap:2rem;}

    .internal-row { display:flex; flex-direction: column-reverse;}
    .internal-row > .col-lg-8 {margin-bottom: var(--padding-normal);}

	 .manufs-listing .item{flex-direction: column; align-items: stretch;}
	 .manufs-listing .content{position: relative;}
	 .manufs-listing .overlay{top:0; }
	 .manufs-listing .overlay .textbox{padding-top:0;}
	 .manufs-listing .content .name{display: none;}
	 .manufs-listing .image{flex-basis: auto;}
	 .manufs-listing{gap:0.75rem;}
	.manufs-listing .item{width:calc((100% - 0.75rem*2)/3);}
}

@media (max-width: 767.98px) {/* sm */
	.btn {min-height: auto; }

	#page-wrap{border-left:0px dotted blue;}
	
	.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:var(--margin-small);}
	#footer{text-align: center;}
	#footer .brand-wrap{margin-left:auto; margin-right:auto;}
	.footer-links ul{flex-direction: row; flex-wrap:wrap; justify-content: center; padding-left:10vw; padding-right:10vw;}
	
	.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-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-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);}

	#main-slider .item{flex-direction: column; min-height: auto;}
	#main-slider .item .image{margin-top:calc(-1*var(--padding-normal)); margin-bottom:var(--margin-normal); position: relative; left:0; width:auto; mask:none;}
	#main-slider .item .image img{aspect-ratio: 1.7777/1;}
	#main-slider .slick-track{display:block;}
	#main-slider .slick-dots{bottom:2.25rem;}
	#main-slider{background-image: none;}

	.manufs-listing .item{width:calc((100% - 0.75rem)/2);}


}

@media (max-width: 575.98px) {
	#page-wrap{border-left:0px dotted yellow;}
	
	.footer-bottom > div{flex-direction: column-reverse; align-items: center; gap:var(--margin-small); }
	.footer-bottom span + span::before{display: none;}
	
	.footer-links ul{padding-left:5vw; padding-right:5vw;}

	.manufs-listing .item{width:100%;}
	.manufs-listing .image{width:60%;}
	

}

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

}