/* BA custom theme. */


/* masthead-internal */
.masthead-internal-section{padding:var(--padding-large) 0;}
.masthead-internal-section .section-bg:after{content: ''; background: linear-gradient(-90deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.80) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
.masthead-internal-section.compact{padding:var(--padding-normal) 0;}


/* cta full section */
.cta-full-section{padding:var(--padding-normal) 0; display: flex; align-items: flex-end; min-height: 31.5rem;}
.cta-full-section .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.80) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}


/* main-slider */
#main-slider .item{padding-bottom:var(--margin-big); padding-top:29rem;}
#main-slider .item .section-bg:after{content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.80) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
#main-slider .title{margin-left:3.6875rem; padding-right:calc(var(--container)/24);}
#main-slider .textbox{margin-top:0.5rem;}

#main-slider .slick-dots{flex-direction: column; bottom:10rem; height:auto; left:var(--page-side-gap); right:auto;}
#main-slider .slick-dots li button{border-color:#fff;}
#main-slider .slick-dots li button:hover{ background:#fff; border-color:#fff;}
#main-slider .slick-dots .slick-active button, #main-slider .slick-dots .slick-active button:hover{background:#fff;}
#main-slider .slick-dots li:after{content: ''; top:0.3rem; background: #fff; position: absolute; height:1px; width:0; right:0.6875rem; transition:width 0.4s ease;}
#main-slider .slick-dots .slick-active:after{width:var(--page-side-gap);}


/* live */
.live-section{padding:var(--margin-big) 0; background: var(--color-dark-red);}
.live-section .textbox{margin-right:calc(var(--padding-large) - 1.5rem);}


/* about */
.about-section .image-wrap{margin-left:calc(-1*var(--page-side-gap)); flex-grow:1;}
.about-section .image-wrap img{object-fit: cover; width:100%; height:100%;}
.about-section .text-wrap{padding:var(--margin-big) 0;}


/* inductees */
.inductees-section{padding:var(--padding-large) 0; background: url("../img/bg-old-paper.jpg") center top;}

.inductees-details-slider .item .image{width:calc(var(--container)*0.4166 - 1.5rem); margin-bottom:var(--margin-normal);}
.inductees-details-slider .item .image img{aspect-ratio:1.1435/1; object-fit: cover; object-position: top; width:100%; height:100%;}
.inductees-details-slider .item .title{font-size: var(--h4); margin-bottom:var(--margin-small);}

.inductees-slider{clip-path: inset(0 0 0 calc(var(--container)*0.25)); z-index: 2; margin-left:calc(-1*var(--container)*0.5); margin-right:calc(-1*var(--page-side-gap));}
.inductees-slider .item{cursor: pointer; width:calc(var(--container)*0.25 - 1.5rem); margin-right:1.5rem;}
.inductees-slider .item img{aspect-ratio:1.1418/1; object-fit: cover; object-position: top; width:100%; height:100%; margin-bottom:var(--margin-normal);}
.inductees-slider .item .title{font-size: var(--h6); font-weight: 500; line-height: 1.2;}

.inductees-slider-controls{position: absolute; top:calc(var(--container)*0.4166/1.1435); right:0.75rem; display: flex; align-items: center; gap:1rem; justify-content: flex-end;}
.inductees-slider-controls .slick-arrow{position: relative; order:2;}
.inductees-slider-controls .sp-link{order:1; margin-right:2.5rem;}


/* archive */
.archive-listing{display: flex; align-items: stretch; gap:3.5rem; flex-wrap:wrap;}
.archive-listing .item{width:calc((100% - 3.5rem*2)/3); display: flex; align-items: stretch;}


/* involve */
.involve-section{background: var(--color-dark-red);}
.involve-section .text-wrap{padding:var(--padding-large) calc(var(--container)/24) var(--padding-large) 0;}

.involve-listing{display: flex; align-items: stretch; gap:2px;}
.involve-listing .item{width:calc((100% - 2px*2)/3); padding:var(--padding-large) 2rem;}
.involve-listing .icon{height:4.375rem; margin-bottom:var(--margin-big);}
.involve-listing .icon img{height:100%; max-height: 100%;}
.involve-listing .title{font-size: var(--h5); font-weight: 600; text-transform: uppercase;}
.involve-listing .bg{position: absolute; top:0; right:0; bottom:0; left:0; background: var(--color-vine); transition:background 0.2s ease;}
.involve-listing .item:hover .bg, .involve-listing .area-link:focus ~ .bg{background: var(--color-dark-vine);}



/* ************************* */
/* ARCHIVE					 */
/* ************************* */
.masthead-internal-section.archive-details-masthead{padding-bottom:3.5rem;}

.share-wrap{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-small) 3.5rem; justify-content: space-between;}
.share-wrap .share-block{display: flex; align-items: flex-start; gap:0.5rem;}
.share-wrap .share-block .label{margin-top:0.1rem;}
.share-wrap .share-block .listing{display: flex; flex-wrap:wrap; gap:0.5rem; line-height: 1;}
.share-wrap .share-block a{font-size: 1.5rem; }
.share-wrap .tags-listing{margin-top:0.25rem;}

.archive-details-block{background: var(--color-light-grey); padding:1.5rem;}
.archive-details-block .title{font-size: var(--h4); color:var(--color-caribbean); font-weight: 500;}
.archive-details-block ul{padding:0; list-style-type: none; display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.archive-details-block ul li{display: flex; align-items: flex-start; gap:0.5rem;}
.archive-details-block .label{font-weight: 700;}
.archive-details-block .label:after{content: ':';}

.archive-slider .item img{aspect-ratio:1.6/1; object-fit: cover; width:100%; height:100%;}
.archive-slider .slick-arrow{font-size: 1.75rem; width:2.625rem; height:3.75rem; border-radius:0; color:#fff; background: var(--color-overlay-dark-60); border:0; top:50%; transform: translateY(-50%);}
.archive-slider .slick-arrow:not(.slick-disabled):hover{background: var(--color-hover);}
.archive-slider .slick-prev{left:0;}
.archive-slider .slick-next{right:0;}
.archive-slider .slick-dots{position: relative; bottom:0; margin-top:var(--margin-small);}

.archive-video img{aspect-ratio:1.6/1; object-fit: cover; width:100%; height:100%;}
.archive-video .area-link{ text-decoration: none; display: flex; align-items: center; justify-content: center; background: var(--color-overlay-dark-20); }
.archive-video .area-link:after{content: '\f144'; color:#fff; width:3.81rem; height:3.81rem; display: flex; align-items: center; justify-content: center; font:var(--font-icon); font-weight: 900; font-size: 4rem; transition:color 0.2s ease;}
.archive-video .area-link:hover:after, .archive-video .area-link:focus:after{color: var(--color-hover);}



/* ************************* */
/* COLLECTION				 */
/* ************************* */
.collection-listing{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-big);}
.collection-listing .item{padding:2rem 2rem 2rem 3.5rem; background: var(--color-light-grey); display: flex; align-items: center; gap:5rem; flex-direction: row-reverse;}
.collection-listing .title{font-size: var(--h4); font-weight: 500; color:var(--color-caribbean);}
.collection-listing .image{flex:none; width:calc(var(--container)*0.3333 - var(--container)/24);}
.collection-listing .image img{aspect-ratio:1.2/1; object-fit: cover; object-position: top; width:100%; height:100%;}
.collection-listing .content{flex-grow:1;}



/* ************************* */
/* FOOTER					 */
/* ************************* */
#footer{ background: url("../img/bg-old-paper.jpg") center; margin-top:auto; flex:none; padding:var(--margin-big) 0;}

.footer-brand{margin-bottom: var(--margin-big);}
.footer-brand a{display: flex; align-items: flex-start; gap:2rem; text-decoration: none;}
.footer-brand img{flex:none; width:7.28rem;}
.footer-brand .type{margin-top:1.5rem; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; line-height: 1.2; color:var(--color-base); white-space: nowrap;}

.copyright-block{margin-top:auto; font-size: var(--text-small); color:var(--color-dark-grey); display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.copyright-block .group{display: flex; align-items: center;}
.copyright-block .group > div+div:before{content: '|'; margin:0 0.5rem;}
.copyright-block a:not(:hover):not(:focus){color:inherit;}

.footer-contacts a:not(:hover):not(:focus){color:var(--color-base);}

.social-share{display: flex; flex-wrap:wrap; gap:1.5rem;}
.social-share a{text-decoration: none; font-size: 1.25rem; border-radius:50%; border:1px solid var(--color-link); display: flex; width:3.125rem; height:3.125rem; align-items: center; justify-content: center;}
.social-share a:hover, .social-share a:focus{background: var(--color-hover); color:#fff; border-color:var(--color-hover);}

.footer-links{display: flex; flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
.footer-links a{color:var(--color-base); text-decoration: none; font-size: var(--h5); font-weight: 600; line-height: 1.2; text-transform: uppercase;}
.footer-links a:hover, .footer-links a:focus{text-decoration: underline; color:var(--color-hover);}


.sd-abc-filter {display: flex; align-items: center; justify-content: center;}
.sd-abc-filter span{flex-grow:1; text-align:center; margin-bottom: 0.5rem; }
.sd-abc-filter a{display:block; padding:0.25rem 0.5rem; text-decoration: none; cursor: pointer;}
.sd-abc-filter a.disabled{color:var(--color-dark-grey); cursor: default; text-decoration: none; }

.sd-abc-filter {font-size: 1rem; line-height: 1;}
.sd-abc-filter span+span{border-left:1px solid var(--color-light-grey);}
.sd-abc-filter a:not(.disabled):hover, .sd-abc-filter a:not(.disabled):focus {color:var(--color-hover);}
.sd-abc-filter .active a{color:var(--color-hover);}


/* ************************* */
/* RESPONSIVE				 */
/* ************************* */
@media (max-width: 1399.98px) {/* xl */
	#page-wrap{box-shadow:inset 0 0 0 0 black;}
	
	#main-slider .item{padding-top:25rem;}
	
	.live-section .textbox{margin-right:calc(var(--padding-normal) - 1.5rem);}

}

@media (max-width: 1199.98px) {/* lg */
	#page-wrap{box-shadow:inset 0 0 0 0 red;}
	
	.footer-brand a{gap:1rem;}
	.footer-brand .type{font-size: 1.25rem;}
	.footer-brand img {width:6rem;}
	
	#main-slider .item{padding-top:15rem;}
	
	.live-section .textbox{margin-right:var(--margin-big);}
	
	.archive-listing{gap:1.5rem;}
	.archive-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.involve-listing .item{padding:var(--padding-large) 1.5rem;}
	
	.collection-listing{gap:var(--margin-normal)}
	.collection-listing .item{gap:3.5rem; padding-left:2rem;}

	
}

@media (max-width: 991.98px) {/* md */
	#page-wrap{box-shadow:inset 0 0 0 0 green;}
	
	#main-slider .item{padding-top:var(--padding-large);}
	#main-slider .slick-dots{left:2rem; bottom:var(--margin-big); top:var(--margin-big); justify-content: center;}
	#main-slider .slick-dots .slick-active::after {width:2rem;}
	#main-slider .title{margin-left:5rem;}
	
	.inductees-slider-controls .sp-link{margin-right:0;}
	.inductees-details-slider .slick-track{display: block;}
	
	.archive-listing{gap:0.75rem;}
	.archive-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.involve-section .text-wrap{padding-bottom:0;}


}

@media (max-width: 767.98px) {/* sm */
	#page-wrap{box-shadow:inset 0 0 0 0 blue;}
	
	.footer-brand{text-align: center;}
	.footer-brand a{display: inline-flex;}
	.copyright-block{align-items: center; flex-direction: column-reverse;}
	#footer address{ text-align: center;}
	.footer-contacts{text-align: center;}
	#footer .social-share{justify-content: center;}
	.footer-links{padding-left:10vw; padding-right:10vw; flex-direction: row; justify-content: center; flex-wrap:wrap; gap:0.5rem 1.5rem;}
	.copyright-block .group{flex-direction: column; align-items: center; gap:var(--margin-small);}
	.copyright-block .group > div+div:before{display: none;}
	
	#main-slider .item .textbox{margin-left:5rem;}
	#main-slider .item{display: flex; align-items: center; padding-bottom:var(--margin-big);}
	
	.about-section{padding-top:0;}
	.about-section .image-wrap{margin-left:-0.75rem; margin-right:-0.75rem; margin-bottom:var(--margin-big);}
	.about-section .image-wrap img{aspect-ratio:1.618/1;}
	.about-section .text-wrap{padding:0;}
	
	.inductees-slider{display: none;}
	.inductees-slider-controls{margin-bottom:var(--margin-big); position: relative; top:0; right:0; justify-content: flex-start;}
	.inductees-details-slider .item .image{width:100%;}
	
	.archive-listing{gap:1.5rem; flex-wrap:wrap;}
	.archive-listing .item{width:100%;}
	
	.involve-listing{flex-wrap:wrap;}
	.involve-listing .item{width:100%; padding:3.5rem 2rem;}
	.involve-listing .icon{margin-bottom:var(--margin-normal);}
	
	.collection-listing .item{gap:1.5rem; padding:1.5rem;}

	.sd-abc-filter{flex-wrap:wrap; justify-content: flex-start;}
	.sd-abc-filter span{flex-grow:0; width:2rem;}
	.sd-abc-filter a{padding:0.25rem 0.75rem;}
	
}

@media (max-width: 575.98px) {
	#page-wrap{box-shadow:inset 0 0 0 0 yellow;}
	
	.collection-listing .item{flex-direction:column; align-items: stretch;}
	.collection-listing .image{width:100%;}

	.sd-abc-filter{justify-content: center;}
}

@media (max-width: 360px) {
	#page-wrap{box-shadow:inset 0 0 0 0 red;}

}