/* vars */
:root{
	--input-height:4rem;
	
	--color-black:#242521;
	--color-dark-grey:#8B8B8B;
	--color-light-grey:#F0F0F0;
	--color-grey:#A6A6A6;
	--color-blue:#0071B5;
	--color-green:#B3D34E;
	--color-orange:#DD7722;
	--color-brown:#63544A;
	--color-dark-blue:#14243E;
	--color-link:var(--color-blue);
	--color-hover:var(--color-orange);
	
	--font-icon:400 1rem/1 'FontAwesome';
	--text-lead:1.125rem;
	--text-normal:1rem;
	--text-small:0.81rem;
	--h1:3.05rem;
	--h2:2.44rem;
	--h3:1.95rem;
	--h4:1.56rem;
	--h5:1.25rem;
	--h6:1.00rem;
	
	--margin-small:0.5rem;
	--margin-normal:1.5rem;
	--margin-big:3.5rem;
	--header-height-sticky:6rem;
}

.image-fit img, .image-fit video{object-fit: cover; width:100%; height:100%;}

.textbox .buttons-group{display: flex; flex-wrap:wrap; gap:var(--margin-small) 1.5rem;}

.back-link:after{display: none;}
.back-link:before{content: '\f177'; font:var(--font-icon); margin-right:0.5rem;}

.scroll-spy-anchor{position: absolute; top:0; width:100%; bottom:0; z-index: -10; pointer-events: none;}

/* ************************* */
/* 23. RESOURCE CARD		 */
/* ************************* */
.resource-card{display: flex; flex-direction: column; align-items: flex-start; padding:1.5rem; border:2px solid var(--color-light-grey); width:100%;}
.resource-card .tags-listing{margin-bottom:var(--margin-normal);}
.resource-card .title{font-size: var(--h5); margin-bottom:var(--margin-small);}
.resource-card .textbox{margin-bottom:var(--margin-normal);}
.resource-card .sp-link{margin-top:auto;}

.post-info{font-size: var(--text-small); flex-wrap:wrap; display: flex; align-items: center; gap:0.25rem 0.5rem; color:var(--color-dark-grey);}
.post-info > div:not(:last-child):after{content: '•'; margin-left:0.5rem;}
.post-info a:not(:hover):not(:focus){color:inherit;}


/* ************************* */
/* 21. TAGS LISTING 		 */
/* ************************* */
.tags-listing{display: flex; flex-wrap:wrap; gap:0.25rem; line-height: 1.2;}
.tags-listing a{color:#fff; font-size: var(--text-small); min-height:1.37rem; display: flex; align-items: center; padding:0 0.38rem; background: var(--color-grey); text-decoration: none; transition:border 0.2s ease, color 0.2s ease, background 0.2s ease;}
.tags-listing a:hover, .tags-listing a:focus{color:#fff; background: var(--color-hover);}
.text-center .tags-listing, .tags-listing.text-center{justify-content:center;}
.color-white .tags-listing a:not(.btn):not(:hover):not(:focus){color:var(--color-link);}


/* ************************* */
/* 5. SECTION HEADER 		 */
/* ************************* */
.section-header{display: flex; align-items:baseline ; justify-content: space-between; gap:3.5rem;}
.section-header > h2{margin-bottom:0;}
.section-header .options{display: flex; align-items: center; gap:1.5rem;}
.section-header .slick-arrow{position: relative;}
.section-header .slick-prev{order:10;}
.section-header .slick-next{order:11;}
@media (max-width: 991px) {
	.section-header .options [class*='-slider-controls']{display: none;}
}
@media (max-width: 767px) {
	.section-header{flex-direction: column; gap:0;}
	.section-header .options{margin-top:var(--margin-small);}
}


/* ************************* */
/* 4. PAGE-CONTENT-NAV 		 */
/* ************************* */
.sticky-side-column{position: sticky; top:calc(var(--header-height-sticky) + var(--margin-big));}
#page-content-nav .content-nav-wrap{font-size:var(--text-lead); font-weight: 300;}
#page-content-nav .content-nav-wrap ol{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:1rem;}
#page-content-nav .content-nav-wrap .item a{color:var(--color-link); display:inline-block; padding:0; line-height: 1.2;}
#page-content-nav .content-nav-wrap .active a{color:var(--color-orange);}
#page-content-nav .content-nav-wrap .item a:hover{color:var(--color-hover);}
#page-content-nav .content-nav-wrap ol ol{padding-left:1.5rem;}
#page-content-nav .nav-title{font-size: var(--h4);}
@media (max-width: 991.98px) {
	.sticky-side-column{top:var(--margin-normal);}	
}



/* filter */
.btn-checks-block{display: flex; align-items: flex-start; justify-content: flex-start; gap:var(--margin-small) 1.5rem;}
.btn-checks-block .block-label{width:9rem; flex:none; text-align: right; white-space: nowrap; margin-top:0.3rem; font-size:var(--text-lead); font-weight: 700; color:var(--color-dark-grey);}
.btn-checks-block .block-label:after{content: ':';}
.btn-checks-block .checks-group{display: flex; flex-wrap:wrap; gap:0.5rem;}
.btn-checks-block .checks-group .btn-check-label{white-space: nowrap; cursor: pointer; font-size: var(--text-normal); color:var(--color-black); border:2px solid var(--color-light-grey); 
	padding:0.25rem 0.75rem; display: flex; align-items: center; justify-content: center; height:2.25rem; transition:color 0.2s ease, border 0.2s ease, background 0.2s ease;}
.btn-checks-block .checks-group .btn-check:checked + .btn-check-label{color:#fff; border-color:var(--color-blue); background-color:var(--color-blue);}
.btn-checks-block .checks-group .btn-check + .btn-check-label:hover, .btn-checks-block .checks-group .btn-check:focus + .btn-check-label{color:#fff; border-color:var(--color-hover); background:var(--color-hover);}
.btn-checks-block .checks-toggle{ font-size: var(--text-normal); color:var(--color-dark-grey); border:2px solid var(--color-light-grey); padding:0.25rem 0.75rem; 
	display: flex; align-items: center; justify-content: center; height:2.25rem; text-decoration: none; transition:color 0.2s ease, border 0.2s ease, background 0.2s ease;}
.btn-checks-block .checks-toggle:hover, .btn-checks-block .checks-toggle:focus{color:#fff; border-color:var(--color-hover); background:var(--color-hover);}

/* featured */
.ba-resources-featured-slider .slick-list{}
.ba-resources-featured-slider .item{display: flex; align-items: stretch;}
.ba-resources-featured-slider .image{width:38.5%; aspect-ratio:1.255/1; flex:none; overflow: hidden; transform: scaleZ(1);}
.ba-resources-featured-slider .image img{transition:transform 2s ease;}
.ba-resources-featured-slider .item:hover .image img,
.ba-resources-featured-slider .area-link:focus ~ .image img{transform: scale(1.2);}
.ba-resources-featured-slider .content{background: var(--color-light-grey); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-grow:1; padding:3.5rem 3.5rem 6.12rem var(--margin-big);}
.ba-resources-featured-slider .textbox{font-size:var(--text-lead); font-weight: 300;}
.ba-resources-featured-slider .slick-dots{bottom:2.62rem; justify-content: flex-start; padding-left:calc(38.5% + var(--margin-big));}
.ba-resources-featured-slider a:not(.area-link){z-index: 5;}
.ba-resources-featured-slider .title{font-size: var(--h3); text-transform: none!important; transition:color 0.2s ease;}
.ba-resources-featured-slider .item:hover .title,
.ba-resources-featured-slider .area-link:focus ~ .content .title{color:var(--color-hover);}
.ba-resources-featured-slider .tags-listing{margin-bottom:var(--margin-small);}
.ba-resources-featured-slider .btn [class*='fa']{margin-left:0.5rem;}

.ba-resources-featured-slider .slick-dots{transform: none; left:0;}
.ba-resources-featured-slider .slick-dots li button{border-color:var(--color-grey);}
.ba-resources-featured-slider .slick-dots li button:hover{border-color:var(--color-hover); background:var(--color-hover);}
.ba-resources-featured-slider .slick-dots .slick-active button, .ba-resources-featured-slider .slick-dots .slick-active button:hover{background:var(--color-grey); border-color:var(--color-grey);}

/* listing */
.ba-resources-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:var(--margin-big);}
.ba-resources-listing .item{display: flex; align-items: stretch; width:calc((100% - var(--margin-big)*2)/3);}
.download-link:after{content: '\f019';}
.play-link:after{content:'\f04b';}

/* details */
.ba-resource-article header{display: flex; align-items: center; margin-bottom:var(--margin-normal); gap:1.5rem;}
.ba-resource-article header .ba-resource-share-block{margin-left:auto;}
.ba-resource-share-block {color: var(--color-dark-grey); display: flex; align-items: center; gap: 0.5rem;}
.ba-resource-share-block [class*='fa']{font-size: 1.5rem;}
.ba-resource-share-block a:not(:hover):not(:focus){color:var(--color-link);}

/* related */
.ba-resource-related-slider{margin-left:-1.75rem; margin-right:-1.75rem;}
.ba-resource-related-slider .item{margin:0 1.75rem; display: flex; align-items: stretch;}
.resource-related-slider-controls{display: flex; gap:0.5rem;}
.resource-related-slider-controls .slick-arrow{color:var(--color-blue); background:transparent;; width:auto; height:auto; border:0; border-radius:0;}
.resource-related-slider-controls .slick-arrow:hover{background: transparent; color:var(--color-hover);}
.resource-related-slider-controls .slick-arrow.slick-disabled{color:var(--color-grey); cursor: default;}
.ba-resource-related-slider .slick-dots{bottom:-1.5rem;}
.ba-resource-related-slider .slick-dots li button{border-color:var(--color-grey);}
.ba-resource-related-slider .slick-dots li button:hover{border-color:var(--color-hover); background:var(--color-hover);}
.ba-resource-related-slider .slick-dots .slick-active button, .ba-resource-related-slider .slick-dots .slick-active button:hover{background:var(--color-grey); border-color:var(--color-grey);}


/* search-control */
.search-control .btn-search{z-index: 12; border:0; color:var(--color-dark-grey); position: absolute; top:0; right:0; width:var(--input-height); height:var(--input-height); background: transparent;}
.search-control .btn-search:hover, .search-control .btn-search:focus{color:var(--color-hover);}
.search-control .btn-search:before{content: '\f002'; font: var(--font-icon); font-size: 1.18rem;}
.search-control .form-control{padding-right:calc(var(--input-height) + 1rem);}
.search-control .input-label{right:var(--input-height);}


@media (max-width: 1199px){
	.ba-resources-featured-slider .content{padding:2rem 2rem 5rem 2rem;}
	.ba-resources-featured-slider .slick-dots{padding-left:calc(38.5% + 2rem);}
	
	.ba-resources-listing{gap:1.5rem;}
	.ba-resources-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.ba-resource-related-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
	.ba-resource-related-slider .item{margin:0 0.75rem;}

}

@media (max-width: 991px){
	.ba-resources-featured-slider .content{padding:var(--margin-big) var(--margin-normal) calc(var(--margin-normal) + 2.5rem) var(--margin-normal);}
	.ba-resources-featured-slider .slick-dots{bottom:1.62rem; padding-left:calc(38.5% + var(--margin-normal));}
	
	.ba-resources-listing{gap:0.75rem;}
	.ba-resources-listing .item{width:calc((100% - 0.75rem)/2);}
	
	.ba-resource-related-slider{margin-left:-0.37rem; margin-right:-0.37rem;}
	.ba-resource-related-slider .item{margin:0 0.37rem;}
}

@media (max-width: 767px) {
	
:root{
	--margin-small:0.5rem;
	--margin-normal:1rem;
	--margin-big:2.5rem;
}
	.ba-resources-featured-slider{padding-bottom:var(--margin-normal);}
	.ba-resources-featured-slider .item{flex-direction: column; gap:0;}
	.ba-resources-featured-slider .image{width:100%; border-radius:var(--radius-big) var(--radius-big) 0 0;}
	.ba-resources-featured-slider .content{padding:var(--margin-normal); display: block;}
	.ba-resources-featured-slider .slick-dots{bottom:0; padding-left:0; justify-content: center;}
	.ba-resources-featured-slider .slick-track{display: block;}
	
	.btn-checks-block{flex-direction: column;}
	.btn-checks-block .checks-toggle{ margin-left:0;}
	.btn-checks-block .checks-group .btn-check-label, .btn-checks-block .checks-toggle{font-size: 1rem; height:2.25rem;}
	.btn-checks-block .block-label{width:auto; text-align: left;}
	
	.ba-resources-listing .item{width:100%;}
	
	.ba-resources-filter .filter-row { gap:1rem; }

	.ba-resource-article header{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.ba-resource-article header .ba-resource-share-block{margin-left:0;}
}

@media (max-width: 479px){
	
}