/* BA components. Based on Bootstrap 5.3. Jan 2023. */
/*	
	1.	main navigation
	2.	aside nav
	3.	anchors nav
	4.	page-content-nav
	5.	section-header
	6.	modals
	7.	megamenu
	8.	masthead-slider-section
	9.	tabs
	10.	accordion
	11.	breadcrumbs
	12.	tables
	13.	main search
	14.	side-col-banner
	15.	items listing
	17. listing-showing-info
	20. post card
	21. tags-listing
	22. listing nav
	23. two-cols-section
	26. resources-card
	34.	image-50-text
*/



/* ************************* */
/* 1. MAIN NAVIGATION		 */
/* ************************* */

/* navbar */
#header{height:0;}

#header .navbar{ position: fixed; top:0px; left:0; width:100vw; padding:0; background:transparent; z-index: 1030; transition:box-shadow 0.8s ease, background 0.8s ease, backdrop-filter 0.8s ease;}
.navbar-brand{z-index: 2; position: absolute; left:0.75rem; top:1.55rem; width:9.5rem; padding:0; flex:none; margin:0.25rem 0; transition:margin-top 0.8s ease, width 0.8s ease; }
.navbar-brand:focus{outline:0;}
.navbar-brand img{width:100%;}

#header .navbar.affix{backdrop-filter:blur(0.5rem); box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2); background-color: rgba(var(--color-dark-blue-rgb),0.8);}
.affix .navbar-brand{margin-top:0; width:7rem;}

/*navigation */
#navigation{justify-content: flex-end;}
#navigation > .inner-wrap{width:100%; height:var(--header-height); top:0; flex:none; display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content:flex-end; transition:height 0.8s ease; }
.affix #navigation > .inner-wrap{height:var(--header-height-sticky);}

.navbar-nav .placeholder-item {cursor: default;}
.navbar-nav li{display: flex; align-items: center;}
.navbar-nav > li > a{line-height:1.2; display: block; text-decoration: none;}
.navbar-nav .dropdown-toggle{z-index: 2; text-align: right;}
.navbar-nav .dropdown-toggle:after{content: '\f078'; font: var(--font-icon); transition:transform 0.4s ease; border:0;}
.navbar-nav .dropdown-toggle.show:after{ transform:rotate(-180deg);}

.navbar-nav .dropdown-menu{top:100%; background: #fff; min-width:14rem; max-width: 15rem; padding:0; margin:0; border:0; border-radius:var(--radius-normal); box-shadow: 0 0.25rem 1.5rem rgba(28,53,94,0.25);}
.navbar-nav .dropdown-menu > li{align-items: flex-start;}
.navbar-nav .dropdown-menu > li > a{line-height: 1.2; display: block; text-decoration: none; flex-grow:1;}
.navbar-nav .dropdown-menu.open-left {left:auto; right:-1px;}
.navbar-nav .dropdown-menu .dropdown-menu{left:100%;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:auto; right:100%;}
.navbar-nav .dropdown-menu .dropdown-toggle:after{transform:rotate(-90deg);}
.navbar-nav .dropdown-menu .dropdown-toggle.show:after{ transform:rotate(90deg);}

/* main-nav */
.main-nav{font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07rem; gap:3.5rem; display: flex; align-items: center;}
.main-nav > .navbar-nav{gap:inherit;}
.main-nav > .navbar-nav > li > a{padding:1.3rem 0; }
.main-nav > .navbar-nav > li > a:before{content: ''; background: var(--color-pale-blue); position: absolute; left:0; width:0; height:2px; bottom:1.25rem; transition:width 0.4s ease;}
.main-nav .navbar-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1.12rem;}
.main-nav .navbar-nav > .dropdown > .dropdown-toggle{padding-left:0; margin-left:-0.81rem;}
.main-nav .navbar-nav > .dropdown > .dropdown-toggle:after{font-size: 0.81rem; vertical-align: 10%;}
.main-nav .navbar-nav > .dropdown > .dropdown-toggle:before{display: none;}

.main-nav .navbar-nav > li > a{color:#fff;}
.main-nav .navbar-nav > .active > a{color:var(--color-pale-blue);}
.main-nav .navbar-nav > li > a:hover, .main-nav .navbar-nav > li > a:focus, .main-nav .navbar-nav > .show > a{color:var(--color-pale-blue);}

.main-nav .navbar-nav > li > a:hover:before, .main-nav .navbar-nav > li > a:focus:before, .main-nav .navbar-nav > .show > a:before, .main-nav .navbar-nav > .active > a:before{width:100%;}

.main-nav .dropdown-menu{font-size:1rem; text-transform: none; letter-spacing: normal; font-weight: 400; padding: 0;}
.main-nav .dropdown-menu > li > a{padding:0.81rem 2.5rem 0.81rem 1rem;}
.main-nav .dropdown-menu .dropdown-menu{top:0;}
.main-nav .dropdown-menu .dropdown-menu > li > a{padding-right:1rem;}
.main-nav .dropdown-menu > .dropdown > a{padding-right:0.5rem;}
.main-nav .dropdown-menu > .dropdown > .dropdown-toggle{ padding-left:0.5rem; padding-right:1rem; flex:none;} 
.main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.75rem; vertical-align: 10%;}

.main-nav .dropdown-menu > li > a{color:var(--color-black);}
.main-nav .dropdown-menu > .active > a{color:var(--color-active);}
.main-nav .dropdown-menu > li > a:hover, .main-nav .dropdown-menu > li > a:focus, .main-nav .dropdown-menu > .show > a{color:var(--color-hover);}
.main-nav .dropdown-menu > li:hover{background: var(--color-grey);}

/* top-nav */
.secondary-nav{margin-bottom:1rem; margin-top:1.65rem; gap:3.5rem; font-size:1rem; display: flex; align-items: center; transition:margin 0.8s ease;}
.affix .secondary-nav{margin-bottom:0; margin-top:1rem;}
.secondary-nav > .navbar-nav{gap:inherit;}
.secondary-nav > .navbar-nav > li > a{padding:0;}
.secondary-nav > .navbar-nav > li > a:after{content: ''; background: var(--color-pale-blue); position: absolute; left:0; width:0; height:1px; bottom:-1px; transition:width 0.4s ease;}

.secondary-nav .navbar-nav > li > a{color:#fff;}
.secondary-nav .navbar-nav > .active > a{color:var(--color-pale-blue);}
.secondary-nav .navbar-nav > li > a:hover, .secondary-nav .navbar-nav > li > a:focus{color:var(--color-pale-blue);}
.secondary-nav .navbar-nav > li > a:hover:after, .secondary-nav .navbar-nav > li > a:focus:after{width:100%;}

@media (max-width: 1199.98px) {
	.main-nav{gap:2rem;}
	.secondary-nav{gap:2rem;}
}

@media (max-width: 991.98px) {
	#header{height:var(--header-height-mobile);}
	
	.navbar-toggler {padding:0.7rem 1rem; color:#fff; margin:0.25rem 0; height:3.5rem; width:3.5rem; line-height:1; border:0; border-radius:var(--radius-normal); box-shadow:none!important; transition:color 0.2s ease, background-color 0.2s ease; }
	[aria-expanded='true'].navbar-toggler [class*='fa']:before{ content:'\f00d';}
	.navbar-toggler:hover, [aria-expanded='true'].navbar-toggler{ background-color:var(--color-gold); color:#fff;}
	.navbar-toggler:focus{ background-color:transparent; color:#fff;}
	[aria-expanded='true'].navbar-toggler:focus{ background-color:var(--color-gold); color:#fff;}

	#header .navbar{ position:relative; width:auto; padding:0;}
	#header .navbar > .container{display: flex; align-items: center; flex-wrap: nowrap; padding-left:calc(var(--bs-gutter-x)*0.5); padding-right:calc(var(--bs-gutter-x)*0.5);}
	
	#header .navbar.affix{transition: none; top:0; box-shadow:none; background: transparent; backdrop-filter:none;}
	.affix .navbar-brand, .navbar-brand{position: relative; left:0; top:0; width:5.5rem; margin-top:0.25rem; transition: none;}

	#navigation{position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 1rem 1rem rgba(0,0,0,0.3); background-color: #fff;}
	#navigation > .inner-wrap, .affix #navigation > .inner-wrap{height:auto; display: block;}
	.navbar-nav{margin:0;}
	.navbar-nav li{display: block;}
	.navbar-nav li a:not(.dropdown-toggle){margin-right:3.5rem; display: inline-block;}
	.navbar-nav .dropdown-toggle{margin-left:auto; position: absolute; top:0;}
	.navbar-nav .dropdown-toggle:after{content: '\2b';}
	.navbar-nav .dropdown-toggle.show:after{ transform:rotate(135deg);}
	.navbar-nav .dropdown-menu{width:100%; position:relative; padding:0; float:none; box-shadow:none; min-width:auto; max-width: none; background-color:transparent; margin-top:1px;}
	.navbar-nav .dropdown-menu .dropdown-toggle:after{transform:rotate(0);}
	.navbar-nav .dropdown-menu .dropdown-toggle.show:after{ transform:rotate(135deg);}
	.navbar-nav .dropdown-menu .dropdown-menu{left:0;}
	.navbar-nav .dropdown-menu.open-left {left:0; right:0;}
	.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}

	/* main-nav */
	.main-nav{padding:1rem 0.75rem; gap:0; font-size: 1.2rem; display: block; }
	.main-nav .navbar-nav > li > a{padding:1rem; }	
	.main-nav .navbar-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1rem;}
	.main-nav .navbar-nav > .dropdown > .dropdown-toggle{ width:3.5rem; padding-left:1rem; right:0; text-align: center;}
	.main-nav .navbar-nav > .dropdown > .dropdown-toggle::after{font-size: 1.2rem;}
	
	.main-nav .dropdown-menu{ font-size: 1rem; background-color: transparent; padding:0 0 0 2rem;}
	.main-nav .dropdown-menu > li:hover{background: transparent;}
	.main-nav .dropdown-menu > li > a{padding:1rem; flex:none;}
	.main-nav .dropdown-menu > .dropdown > a{padding-right:1rem;}
	.main-nav .dropdown-menu > .dropdown > .dropdown-toggle{ width:3.5rem; right:0; padding-left:1rem; padding-right:1rem; text-align: center;}
	.main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 1rem;}
	.main-nav .dropdown-menu .dropdown-menu{top:0;}
	
	.main-nav .navbar-nav > li > a,
	.main-nav .dropdown-menu > li > a{color:var(--color-black);}
	
	.main-nav .navbar-nav > .show > a{color:inherit;}
	
	.main-nav .navbar-nav > li > a:hover, 
	.main-nav .navbar-nav > li > a:focus,
	.main-nav .navbar-nav > .active > a,
	.main-nav .dropdown-menu > li > a:focus,
	.main-nav .dropdown-menu > li > a:hover,
	.main-nav .dropdown-menu > .active > a{color:var(--color-blue-grey);}
	
	.main-nav > .navbar-nav > li > a:before{display: none;}

	/* top-nav */
	.secondary-nav{margin:0; gap:0; background-color: var(--color-light-grey); font-size: 1rem; padding:1rem 0.75rem; display: block;}
	.affix .secondary-nav{margin:0;}
	.secondary-nav .navbar-nav > li > a{padding:1rem; color:var(--color-black);}	

	.secondary-nav .navbar-nav > li > a:hover, 
	.secondary-nav .navbar-nav > li > a:focus,
	.secondary-nav .navbar-nav > .active > a{color:var(--color-blue-grey);}
	
	.secondary-nav > .navbar-nav > li > a:after{display: none;}
}



/* ************************* */
/* 2. ASIDE NAV   			 */
/* ************************* */
.side-nav-title{font-size: var(--h4);}
.side-nav-wrap{font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07rem; padding:0.5rem 0 1rem 0.5rem; background: var(--color-light-grey); border-radius: var(--radius-normal);}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{display:block; padding:0.75rem 0.5rem 0.75rem 1rem; text-decoration: none; flex-grow:1;}
.side-nav-wrap .item:not(.has_sublevel) a{padding-right:3rem;}
.side-nav-wrap .sublevel-toggle{margin-top:0.25rem; padding-left:0.5rem; padding-right:1rem; flex:none; }
.side-nav-wrap .sublevel-toggle:focus{outline: 0;}
.side-nav-wrap .sublevel-toggle:after{ content: '\f078'; display: block; font:var(--font-icon); font-size: 0.81rem; transition: transform 0.4s ease; }
.side-nav-wrap .sublevel-toggle[aria-expanded='true']:after{transform:rotate(180deg);}

.side-nav-wrap .item{display: flex; align-items: flex-start;}
.side-nav-wrap .item:hover{background-color:var(--color-grey);}
.side-nav-wrap a{color:inherit;}
.side-nav-wrap .active a{color:var(--color-active);}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:var(--color-hover);}



/* ************************* */
/* 3. ANCHORS NAV			 */
/* ************************* */
#anchors-nav-section{z-index: 1029; background:var(--color-gold);  transition:box-shadow 0.4s ease; }
#anchors-nav-section .anchors-nav{margin-right:1.5rem; padding:1.19rem 0; flex-grow:1; gap:0.5rem 0; display: flex; align-items: center; justify-content: flex-start; }
#anchors-nav-section .anchors-nav:before, #anchors-nav-section .anchors-nav:after{display: none;}
#anchors-nav-section .anchors-nav > li{display: flex; align-items: center;}
#anchors-nav-section .anchors-nav > li:before{content: ''; background: url("../../img/list-div.svg") no-repeat center; margin:0 1rem; width:0.5rem; height:0.5rem;}
#anchors-nav-section .anchors-nav > li:last-child:after{content: ''; background: url("../../img/list-div.svg") no-repeat center; margin:0 1rem; width:0.5rem; height:0.5rem;}
#anchors-nav-section .anchors-nav > li > a{font-weight: 700; letter-spacing: 0.07rem; text-transform: uppercase; padding:0; font-size: 0.87rem; color:var(--color-base); text-align: center; line-height: 1.2; text-decoration: none; }
#anchors-nav-section .anchors-nav > li > a:hover, #anchors-nav-section .anchors-nav > li > a:focus{color:var(--color-hover); text-decoration: underline; background: transparent;}
#anchors-nav-section .anchors-nav > li > .active, #anchors-nav-section .anchors-nav > li > .active:hover, #anchors-nav-section .anchors-nav > li > .active:focus{color:var(--color-hover);}

.anchors-nav-wrap{padding:0; display: flex; align-items:flex-start; transition:background 0.4s ease;}
.anchors-nav-wrap .apply-link{margin-left:auto; flex:none; text-align: center; justify-content: center; color:var(--color-base); text-decoration: none; font-size: 0.87rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07rem; display: flex; align-items: center; align-self: stretch; padding:0.5rem 1rem; border-left:2px solid var(--color-brown); border-right:2px solid var(--color-brown);}
.anchors-nav-wrap .apply-link:hover, .anchors-nav-wrap .apply-link:focus{background: var(--color-hover); border-color:var(--color-hover); color:#fff;}
.anchors-nav-wrap .label{flex:none; margin-top:1.1rem;}

#anchors-nav-section.affix{position: sticky; top:var(--header-height-sticky); box-shadow: 0 0.2rem 1.25rem rgba(0,0,0,0.15);}

@media (max-width: 991.98px) {
	#anchors-nav-section.affix{position: relative; top:0; box-shadow: none;}
}
@media (max-width: 767.98px) {
	#anchors-nav-section .anchors-nav{flex-direction: column; align-items: flex-start;}
	#anchors-nav-section .anchors-nav > li:last-child:after{display: none;}
	.anchors-nav-wrap .apply-link{align-self:center; border:2px solid var(--color-brown);}
}
@media (max-width: 575.98px) {
	.anchors-nav-wrap{flex-wrap:wrap;}
	.anchors-nav-wrap .apply-link{flex-basis: 100%; margin-bottom:1rem;}
}



/* ************************* */
/* 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);}
#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-active); text-decoration: none;}
#page-content-nav .content-nav-wrap .item a:hover, #page-content-nav .content-nav-wrap .item a:focus{color:var(--color-hover);}
#page-content-nav .content-nav-wrap ol ol{padding-left:1.5rem;}
@media (max-width: 991.98px) {
	.sticky-side-column{top:var(--margin-normal);}	
}



/* ************************* */
/* 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: 767.98px) {
	.section-header{flex-direction: column; gap:var(--margin-small);}
}



/* ************************* */
/* 6. MODALS	   			 */
/* ************************* */
.modal-content{padding:3rem; border-radius:var(--radius-normal); border:0; gap:var(--margin-normal); box-shadow: 0 1rem 5rem rgba(0,0,0,0.5);}
.modal-content > form{display: flex; width:100%; flex-direction: column; gap:var(--margin-normal);}
.modal-header{ border:0; padding:0; }
.modal .close{border:0; width:1.5rem; height:1.5rem; font-weight:300; color:inherit; font-size: 1rem; line-height: 0.5; right:0.5rem; top:0.5rem; float:none; position:absolute; z-index:2; opacity:1; filter:alpha(opacity=100); text-shadow:none; transition:color 0.2s ease; background:transparent;}
.modal .close:hover, .modal .close:focus{color:var(--color-hover);}
.modal-body{padding:0;}
.modal-footer{border:0; padding:0.35rem 0; gap:2rem;}
.modal-footer .btn{margin:0;}

@media (max-width: 767.98px) {
	.modal-content{padding:2rem;}
	.modal-footer{gap:1.5rem;}
	.modal .close{right:0.25rem; top:0.25rem;}
}
@media (max-width: 575.98px) {
	.modal-content{padding:1.5rem;}
	.modal-footer{flex-direction: column; gap:var(--margin-normal);}
	.modal-footer .btn:not(.btn-link){width:100%;}
}



/* ************************* */
/* 7. MEGAMENU	   			 */
/* ************************* */
.main-nav, .main-nav > .navbar-nav, .main-nav .has-megamenu{position: static;}
.main-nav .megamenu{max-width: none; width:100%; left:0; top:calc(100% - 0.8rem); transition:top 0.8s ease;}
.affix .main-nav .megamenu{top:calc(100% - 0.15rem);}
.megamenu .mm-top{padding:2rem 3.5rem; display: flex; align-items: flex-start; gap:3.5rem;}
.megamenu .mm-top .mm-col{flex-grow:1; flex-basis:0;}
.megamenu .mm-top .title{margin-bottom:1rem; font-size: var(--h6); font-weight: 700; text-transform: uppercase; line-height: 1.2; color:var(--color-dark-blue);}
.megamenu .mm-top .title:after{content: ''; margin-top:1rem; background: url("../../img/shape-sep.svg") no-repeat center / contain; display: block; width:3.5rem; height:0.375rem;}
.megamenu .mm-top ul{padding:0; display: flex; flex-direction: column; align-items: stretch;}
.megamenu .mm-top ul li a{margin:0; width:100%; padding:0.5rem 1rem; text-decoration: none; color:var(--color-base);}
.megamenu .mm-top ul li a:hover, .megamenu .mm-top ul li a:focus{color: var(--color-hover); background: var(--color-grey);}
.megamenu .mm-bottom{padding:2rem 3.5rem; background: var(--color-light-grey);}
.navbar-nav li .megamenu a{margin:0;}
@media (max-width: 1399.98px) {
	.megamenu .mm-top{gap:2rem;}
}
@media (max-width: 1199.98px) {
	.megamenu .mm-top{padding:2rem; gap:1.5rem;}
	.megamenu .mm-bottom{padding:2rem;}
}
@media (max-width: 991.98px) {
	.affix .main-nav .megamenu, .main-nav .megamenu{top:0;}
	.main-nav, .main-nav > .navbar-nav, .main-nav .has-megamenu{position: relative;}
	.main-nav .megamenu{padding-left:3rem; margin-bottom:1.5rem;}
}
@media (max-width: 767.98px) {
	.megamenu .mm-top{flex-direction: column; gap:var(--margin-big);}
	.megamenu .mm-top ul{align-items: flex-start;}
	.megamenu .mm-top ul li a{width:auto;}
}



/* ************************* */
/* 8. MASTHEAD SLIDER SECTION	 */
/* ************************* */
.masthead-slider{background: var(--color-dark-blue);}
.masthead-slider .item{display: flex; align-items: flex-end; padding-top:calc(var(--padding-large) + var(--header-height) + 3.25rem); padding-bottom:9.38rem;}
.masthead-slider .item .section-bg:after{content: ''; position: absolute; top:0; right:0; bottom:0; left:0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.70) 100%),
	linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%) no-repeat left top / 100% 19.88rem;}
.masthead-slider .slick-dots{bottom:calc(var(--margin-big) + 0.75rem); left:var(--page-side-gap); right:auto;}

.masthead-slider-section .breadcrumbs-section{z-index: 2; top:var(--header-height); position: absolute; left:0; right:0;}

@media (max-width: 1199.98px) {
	.masthead-slider .item{padding-top:calc(var(--padding-normal) + var(--header-height) + 3.25rem); padding-bottom:var(--padding-large);}
}
@media (max-width: 991.98px) {
	.masthead-slider{margin-top:calc(-1*var(--header-height-mobile));}
	.masthead-slider .item{padding-top:calc(var(--margin-big) + var(--header-height-mobile) + 2.5rem);}
	.masthead-slider-section .breadcrumbs-section{top:var(--header-height-mobile);}
	.masthead-slider .slick-dots{bottom:var(--margin-big);}
}



/* ************************* */
/* 9. TABS		   			 */
/* ************************* */
.tabs-wrap .tab-content{padding:3.5rem; border:0; background: var(--color-light-grey);}
.tabs-wrap .nav-tabs{background: var(--color-light-grey); display: flex; border-bottom:2px solid var(--color-gold); align-items: stretch; flex-wrap:nowrap;}
.tabs-wrap .nav-tabs > li{margin-bottom:-2px; flex-basis: 0; flex-grow:1; display: flex; align-items: stretch;}
.tabs-wrap .nav-tabs > li+li{margin-left:0;}
.tabs-wrap .nav-tabs > li > a{color:var(--color-base); font-size: 0.87rem; font-weight: 700; letter-spacing: 0.07rem; text-transform: uppercase; padding:0.75rem 1rem; width:100%; background-color: var(--color-light-grey); border:0; border-bottom:2px solid var(--color-gold); transition:background 0.2s ease, border 0.2s ease, color 0.2s ease; display:flex; align-items:center; justify-content:center; text-align:center; margin-right:0; line-height: 1.2; text-decoration: none;}
.tabs-wrap .nav-tabs > li > a:hover, .tabs-wrap .nav-tabs > li > a:focus{ background-color: var(--color-grey); color:var(--color-hover); border-color:var(--color-hover);}
.tabs-wrap .nav-tabs > li > .active, .tabs-wrap .nav-tabs > li > .active:hover, .tabs-wrap .nav-tabs > li > .active:focus{ background-color: var(--color-gold); border-color:var(--color-gold); color:inherit; cursor: default;}
@media (max-width: 1199.98px) {
	.tabs-wrap .tab-content{padding:2rem;}
}
@media (max-width: 767.98px) {
	.tabs-wrap .tab-content{padding:1.5rem;}
	.tabs-wrap .nav-tabs{flex-wrap:wrap; gap:0; align-items: stretch; padding:0; border-width:1px; }
	.tabs-wrap .nav-tabs > li{float:none; flex-basis: auto; flex-grow: 0; margin-bottom:0;}
	.tabs-wrap .nav-tabs > li+li{margin-left:0;}
	.tabs-wrap .nav-tabs > li > a{text-align: center; padding:0.75rem 1rem; border:0;}
	.tabs-wrap .nav-tabs > li > .active, .tabs-wrap .nav-tabs > li > .active:hover, .tabs-wrap .nav-tabs > li > .active:focus{}
}



/* ************************* */
/* 10. ACCORDION	 		 */
/* ************************* */
.accordion .accordion-item{border:0; background: transparent;}
.accordion .accordion-item + .accordion-item{margin-top:0.25rem;}
.accordion .accordion-header {margin:0;}
.accordion .accordion-button{border-radius:0!important; color:var(--color-black); background: var(--color-light-grey); box-shadow: none; font-size: var(--h5); font-weight: 300; padding:1rem 1.5rem;}
.accordion .accordion-button::after {content: '\f078'; font:var(--font-icon); font-size: 0.81rem; background: none; width:auto; height:auto; transition-duration:0.4s;}
.accordion .accordion-button[aria-expanded='true']{background-color: var(--color-light-grey); color:var(--color-black);}
.accordion .accordion-button:focus, .accordion .accordion-button:hover{color:#fff; background-color: var(--color-hover); box-shadow: none;}
.accordion .accordion-body {padding:1.5rem var(--bs-gutter-x); position:static;}



/* ************************* */
/* 11. BREABCRUMBS			 */
/* ************************* */
.breadcrumbs-section{font-size: var(--text-small); padding:1rem 0; border-top:2px solid rgba(255,255,255,0.15); border-bottom:2px solid rgba(255,255,255,0.15); }
.breadcrumbs-section ol{padding:0; list-style-type: none; display: flex; align-items: center; flex-wrap:wrap;}
.breadcrumbs-section ol li+li:before{content: '\f054'; font:var(--font-icon); font-size: 0.62rem; margin:0 1rem; color:var(--color-dark-grey);}
.breadcrumbs-section ol li a:not(.btn){color:#fff;}
.breadcrumbs-section ol li a:not(.btn):hover, .breadcrumbs-section ol li a:not(.btn):focus{color:var(--color-pale-blue);}
.breadcrumbs-section .placeholder-item{cursor: default;}
.masthead-internal-section .breadcrumbs-section{margin-top:calc(-1*var(--padding-large)); margin-bottom:var(--padding-large);}
.masthead-internal-section.compact .breadcrumbs-section{margin-top:calc(-1*var(--margin-big)); margin-bottom:var(--margin-big);}
@media (max-width: 1199.98px) {
	.masthead-internal-section .breadcrumbs-section{margin-top:calc(-1*var(--padding-normal)); margin-bottom:var(--padding-normal);}	
}
@media (max-width: 991.98px) {
	.masthead-internal-section .breadcrumbs-section{margin-top:calc(-1*var(--padding-normal)); margin-bottom:var(--margin-big);}	
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
}



/* ************************* */
/* 12. TABLES				 */
/* ************************* */
.textbox table{font-size: inherit; max-width: 100%; width: 100%; border-bottom:1px solid var(--color-grey);}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{ vertical-align:bottom; background-color: var(--color-gold); color:var(--color-dark-blue); }
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even){background-color:var(--color-light-grey);}
.textbox table tr{transition:background 0.2s ease;}
.textbox table tr:hover{background-color:var(--color-grey);} 
.textbox table th{position: sticky; top:calc(var(--header-height-sticky)); z-index: 2;}

.textbox table.content-table{border:0;}
.textbox table.content-table:not(:last-child){margin-bottom:var(--margin-normal);}
.textbox table.content-table tr{background: transparent;}
.textbox table.content-table td{padding:0; vertical-align: middle;}
.textbox table.content-table td img{max-width: 100%;}
@media (max-width: 991.98px) {
	.textbox table th{top:0;}
}
@media (max-width: 767.98px) {
	.textbox table{border-top:1px solid var(--color-grey);}
	.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
	.textbox table thead {display: none;}
	.textbox table tr{ padding-top:0.5rem; padding-bottom:0.5rem; margin:0;}
	.textbox table td {display: flex; padding:0.5rem; text-align: left; border:0; margin:0;}
	.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	
	.textbox table.content-table tr{padding:0;}
	.textbox table.content-table tr:not(:last-child), .textbox table.content-table td:not(:last-child){margin-bottom:var(--margin-normal);}
	.textbox table.content-table td{display: block;}
}



/* ************************* */
/* 13. MAIN SEARCH			 */
/* ************************* */
.main-nav .navbar-nav > li > .main-search-toggle{background: #fff; color:var(--color-black); display: flex; align-items: center; justify-content: center; width:2.25rem; height:2.25rem; padding:0; border:2px solid #fff;}
.main-nav .navbar-nav > li > .main-search-toggle:hover, .main-nav .navbar-nav > li > .main-search-toggle:focus{color:#fff; background:transparent;}
.main-nav .navbar-nav > li > .main-search-toggle:after{content: '\f00d'; font:var(--font-icon); font-size: 0.875rem;}
.main-nav .navbar-nav > li > .main-search-toggle.collapsed:after{content: '\f002'; }
.main-nav .navbar-nav > li > .main-search-toggle:before{display: none;}

#main-search{box-shadow: 0 0.75rem 0.75rem rgba(0,0,0,0.2); background-color: var(--color-grey); position: absolute; top:var(--header-height); left:0; width:100%; transition:top 0.8s ease, height 0.4s ease;}
#main-search .container{height:calc(var(--input-height) + 2rem); border:1px solid transparent;}
.affix #main-search{top:var(--header-height-sticky);}
#main-search .control-wrap{margin:1rem;  display: flex; align-items: center; gap:0.5rem;}
#main-search .control-wrap .buttons-wrap{display: flex; align-items: stretch; gap:0.5rem;}
#main-search input:focus{outline:0; box-shadow:none;}
#main-search input::-ms-clear {display: none;}

.results-listing .item a{ display:inline-block; word-break:break-all;}

@media (max-width: 991.98px) {
	.main-nav .navbar-nav > li > a[href='#main-search']{display: none;}
	#main-search{display:block; position: relative; padding:1rem 0; background: var(--color-grey);}
	#main-search .container{height:auto;}
	#main-search, .affix #main-search{top:0;}
	#main-search .control-wrap{margin:1rem 1.75rem;}
}
@media (max-width: 575.98px) {
	#main-search .control-wrap{flex-direction: column;}
	#main-search .control-wrap .buttons-wrap{flex-direction: column; width:100%;}
	#main-search .control-wrap .buttons-wrap .btn-link{align-self: center;}
}


/* ************************* */
/* 14. SIDE-COL-BANNER		 */
/* ************************* */
.side-col-banner{overflow: hidden; background: var(--color-dark-blue); color:#fff; border-radius:var(--radius-normal); transition:background 0.2s ease;}
.side-col-banner:hover{background: var(--color-gold); color:var(--color-black)}
.side-col-banner .image{z-index: 2; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - (var(--container)*0.3333 - var(--container)/24)/3.292)); width:100%; margin-bottom:calc(-1*(var(--container)*0.3333 - var(--container)/24)/3.292);}
.side-col-banner .image img{aspect-ratio:1.1625/1; object-fit: cover; width:100%; height:100%;}
.side-col-banner .title{font-size: var(--h4); color:inherit; transition:color 0.2s ease;}
.side-col-banner .area-link{ z-index:3;}
.side-col-banner .cta-link{ z-index:4;}
.side-col-banner .content{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; min-height:calc((var(--container)*0.3333 - var(--container)/24)/3.292 + 6rem); padding:6rem 5rem 3.5rem 2rem; }
@media (max-width: 1199.98px) {
	.side-col-banner .content{ padding:5rem 3rem 2.5rem 1.5rem; }
}
@media (max-width: 767.98px) {
	.side-col-banner .image{margin-bottom:calc(-1*(var(--container) - 1.5rem)/3.292 + 15vw); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - (var(--container) - 1.5rem)/3.292));}
	.side-col-banner .content{min-height:calc((var(--container) - 1.5rem)/3.292); padding-right:15vw;}
}



/* ************************* */
/* 15. ITEMS LISTING		 */
/* ************************* */
.items-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-normal) 1.5rem;}
.items-listing .item{background-color: #fff; border-radius:var(--radius-normal); display: flex; flex-direction: column; transition:background 0.2s ease; }
.items-listing .item .image{flex:none;}
.items-listing .item .image img{object-fit: cover; aspect-ratio:2.4632/1; width:100%; height: 100%;}
.items-listing .item .content{padding:2rem; flex-grow:1; border:1px solid var(--color-light-grey);}
.items-listing .item .textbox{margin-bottom:var(--margin-normal);}
.items-listing .item .sp-link{z-index: 3;}
.items-listing .item:hover{background: var(--color-light-grey);}

.items-listing.two-cols .item{width:calc((100% - 1.5rem)/2);}

@media (max-width: 991.98px) {
	.items-listing{gap:0.75rem;}
	.items-listing .item .content{padding:1rem;}
}
@media (max-width: 767.98px) {
	.items-listing.two-cols .item{width:100%;}
}



/* ************************* */
/* 17. LISTING-SHOWING-INFO  */
/* ************************* */
.listing-showing-info{font-weight: 700; color:var(--color-dark-grey);}



/* ************************* */
/* 20. POST CARD 			 */
/* ************************* */
.post-card{display: flex; flex-direction: column; gap:var(--margin-normal);}
.post-card .image{width:100%; aspect-ratio:1.35/1; flex:none; overflow: hidden; border-radius:var(--radius-normal); transform: scaleZ(1);}
.post-card .image img{transition:transform 2s ease; }
.post-card:not(.no-hover):hover .image img, .post-card .area-link:focus ~ .image img{transform: scale(1.2);}
.post-card .tags-listing{margin-bottom:var(--margin-small);}
.post-card .title{font-size: var(--h5); transition:color 0.2s ease;}
.post-card:not(.no-hover):hover .title:not(.unclickable), .post-card .area-link:focus ~ .content .title:not(.unclickable){color:var(--color-link);}
.post-card .textbox{margin-bottom:var(--margin-normal);}
.post-card .content{flex-grow:1;}
.post-card a:not(.area-link){z-index: 5;}

.post-card .tags-listing{gap:0;}
.post-card .tags-listing a{background:#ababab; color:var(--color-black); padding:0 1.5rem; height:1.625rem; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.015rem;}
.post-card .tags-listing a:hover, .post-card .tags-listing a:focus{text-decoration: none;  color:var(--color-dark-blue); background: var(--color-light-grey);}
.post-card .tags-listing span:not(:last-child){padding-right:0; border-right:none;}
.post-card .tags-listing span+span{padding-left:0;}

.post-card .tags-listing .bc-community{background: #a99767;}
.post-card .tags-listing .bc-employee{background: #6aaae4;}
.post-card .tags-listing .bc-gov{background: #b6dce1;}


/* post-info */
.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{display: flex; align-items: center;}
.post-info > div:not(:last-child):after{content: ''; background: url("../../img/list-div-brown.svg") no-repeat center; width:0.5rem; height:0.5rem; 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 0; line-height: 1.2;}
.tags-listing a{font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.015rem; height:auto; display: flex; align-items: center; padding:0; background: transparent; text-decoration: none; border-radius:0;}
.tags-listing a:hover, .tags-listing a:focus{text-decoration: underline;}
.tags-listing span:not(:last-child){padding-right:1rem; border-right:1px solid var(--color-indigo);}
.tags-listing span+span{padding-left:1rem;}
.resource-card .tags-listing span:not(:last-child){margin-right:1rem; }
.resource-card .tags-listing span+span{padding-left:0;}
.text-center .tags-listing, .tags-listing.text-center{justify-content:center;}
.color-white .tags-listing a:not(.btn):not(:hover):not(:focus){color:#fff;}
.color-white .tags-listing span:not(:last-child){border-right:1px solid rgba(255,255,255,0.5);}



/* ************************* */
/* 22. LISTING NAV 			 */
/* ************************* */
.listing-nav-section .listing-nav-inner{display: flex; align-items: flex-start; gap:3rem; padding-top:var(--margin-big); padding-bottom:var(--margin-big); border-top:1px solid var(--color-grey); border-bottom:1px solid var(--color-grey);} 
.listing-nav-section .listing-item-link.prev:before, .listing-nav-section .listing-item-link.next:after{content: ''; font:var(--font-icon); font-size: 1.5rem; margin-top:1.45rem;}
.listing-nav-section .listing-item-link{max-width: 50%; text-decoration: none; display: flex; align-items:flex-start; gap:1rem;}
.listing-nav-section .listing-item-link:not(:hover):not(:focus){color:var(--color-link);}
.listing-nav-section .listing-item-link .inner{display: flex; flex-direction: column;}
.listing-nav-section .listing-item-link .nav-label{font-size: var(--text-small); color:var(--color-dark-grey);}
.listing-nav-section .listing-item-link .nav-title{font-size:var(--h5); font-weight: 700;}
.listing-nav-section .listing-item-link.next{margin-left:auto;}
.listing-nav-section .listing-item-link.next .inner{align-items: flex-end; text-align: right;}
.listing-nav-section .listing-item-link.prev:before{content: '\f053';}
.listing-nav-section .listing-item-link.next:after{content: '\f054';}
@media (max-width: 767.98px) {
	.listing-nav-section .listing-item-link .nav-title{font-size: 1.18rem;}
}
@media (max-width: 575.98px){
	.listing-nav-section .listing-item-link.prev::before, .listing-nav-section .listing-item-link.next::after {display: none;}
	.listing-nav-section .listing-nav-inner{ align-items: center; flex-direction: column-reverse; gap:var(--margin-normal);}
	.listing-nav-section .listing-item-link{width:100%; max-width: none; text-align: center; justify-content: center;}
	.listing-nav-section .listing-item-link .inner{align-items: center;}
	.listing-nav-section .listing-item-link.next .inner{text-align: center; align-items: center;}
	.listing-nav-section .listing-item-link.next{margin-left:0;}
}



/* ************************* */
/* 23. TWO-COLS-SECTION		 */
/* ************************* */
.two-cols-section .container{display: flex; align-items: stretch;}
.two-cols-section .side-col{display: flex; flex-direction: column; justify-content: flex-end; padding:var(--padding-normal) 5rem var(--padding-normal) 0; width:calc(var(--container)*0.4166 - 1.5rem); flex:none;}
.two-cols-section .main-col:before{content: ''; background: #fff; position: absolute; top:0; left:0; bottom:0; right:calc(-1*var(--page-side-gap));}
.two-cols-section .main-col{display: flex; flex-direction: column; justify-content: flex-end; padding:var(--padding-normal) 0 var(--padding-normal) 5rem; flex-grow:1; border-bottom:1px solid var(--color-grey);}

.products-listing{display: flex; flex-direction: column; align-items: stretch; gap:var(--margin-big);}
.products-listing .item .header{margin-bottom:var(--margin-small); display: flex; align-items: center; gap:1.5rem;}
.products-listing .item .header .icon{color:var(--color-dark-blue); width:2.5rem; text-align: center; flex:none; font-size: 2rem;}
.products-listing .item .header .title{font-size: var(--h6); text-transform: uppercase;}
.products-listing .item .textbox{margin-bottom:var(--margin-small);}
.products-listing .item .link-wrap{text-align: right;}

@media (max-width: 1399.98px) {
	.two-cols-section .side-col{padding:var(--padding-normal) 3.5rem var(--padding-normal) 0;}
	.two-cols-section .main-col{padding:var(--padding-normal) 0 var(--padding-normal) 3.5rem;}

}
@media (max-width: 1199.98px) {
	.two-cols-section .side-col{padding:var(--padding-normal) 2rem var(--padding-normal) 0;}
	.two-cols-section .main-col{padding:var(--padding-normal) 0 var(--padding-normal) 2rem;}
}
@media (max-width: 991.98px) {
	.two-cols-section .side-col{padding:var(--padding-normal) 1.5rem var(--padding-normal) var(--page-side-gap);}
	.two-cols-section .main-col{padding:var(--padding-normal) var(--page-side-gap) var(--padding-normal) 1.5rem;}
}
@media (max-width: 767.98px) {
	.two-cols-section{padding:var(--padding-normal) 0;}
	.two-cols-section .container{flex-direction:column; align-items:stretch; gap:var(--margin-big);}
	.two-cols-section .side-col{width:auto;}
	.two-cols-section .main-col:before{display:none;}
	.two-cols-section .side-col, .two-cols-section .main-col{padding:0 var(--page-side-gap); border:0;}
	.products-listing{gap:var(--margin-normal);}
}



/* ************************* */
/* 26. RESOURCE CARD		 */
/* ************************* */
.resource-card{display: flex; flex-direction: column; align-items: flex-start; padding:0 1.5rem 1.5rem 1.5rem; border:0; border-radius: var(--radius-big); width:100%; transition:box-shadow 0.4s ease;}
.resource-card:hover{box-shadow:0 0 1.5rem 0 rgba(28,53,94,0.25); background: #fff;}
.resource-card .ba-resource-type{margin-left:-1.5rem; margin-bottom:var(--margin-big); position: static;}
.resource-card .ba-resource-type:after{content: ''; background: inherit; position: absolute; top:0; left:0; right:0; height:2px;}
.resource-card .title{color:var(--color-black); font-size: var(--h5); margin-bottom:var(--margin-small); transition:color 0.2s ease;}
.resource-card .description{display: flex; align-items: flex-start; flex-direction: column; gap:var(--margin-normal);}
.resource-card .textbox{margin-bottom:0;}
.resource-card .tags-listing{margin-top:var(--margin-normal);}
.resource-card a:not(.area-link){z-index: 5;}

.ba-resource-type{color:var(--color-black); font-size: var(--text-small); font-weight: 700; display: flex; align-items: center; gap:0.38rem; padding:0 1.5rem; height:1.62rem; border-radius:var(--radius-small); flex:none;}
.ba-resource-type:before{content: ''; font:var(--font-icon); font-size: 0.75rem;}

.ba-resource-type.rt-video, .ba-resource-type.rt-update, .ba-resource-type.rt-press{background:#ababab;}
.ba-resource-type.rt-video:before{content: '\f03d';}
.ba-resource-type.rt-update:before{content: '\f044';}
.ba-resource-type.rt-press:before{content: '\f1ea';}
.ba-resource-type.rt-form{background:var(--color-resources-gold);}
.ba-resource-type.rt-form:before{content: '\f044';}
.ba-resource-type.rt-manual{background:var(--color-resources-red);}
.ba-resource-type.rt-manual:before{content: '\f02d';}
.ba-resource-type.rt-news{background:var(--color-resources-green);}
.ba-resource-type.rt-news:before{content: '\f1ea';}

.ba-resource-type.rt-pdf{background:var(--color-resources-pdf);}
.ba-resource-type.rt-pdf:before{content: '\f1c1';}
.ba-resource-type.rt-excel{background:var(--color-resources-excel);}
.ba-resource-type.rt-excel:before{content: '\f1c3';}
.ba-resource-type.rt-url{background:var(--color-resources-url);}
.ba-resource-type.rt-url:before{content: '\f0c1';}
.ba-resource-type.rt-word{background:var(--color-resources-word);}
.ba-resource-type.rt-word:before{content: '\f1c2';}
.ba-resource-type.rt-zip{background:var(--color-resources-zip);}
.ba-resource-type.rt-zip:before{content: '\f1c6';}
.ba-resource-type.rt-webinar{background:var(--color-resources-webinar);}
.ba-resource-type.rt-webinar:before{content: '\f144';}

:root{
	--color-resources-blue:#7EC2FF;
	--color-resources-gold:#BDAA78;
	--color-resources-red:#EAA7A1;
	--color-resources-green:#92DEAF;
	--color-resources-pdf:#a99767;
	--color-resources-excel:#6aaae4;
	--color-resources-url:#b6dce1;
	--color-resources-word:#c3ddf3;
	--color-resources-zip:#e1d9c2;
	--color-resources-webinar:#ababab;
}

@media (max-width: 1199.98px) {
	.resource-card .ba-resource-type{margin-bottom:var(--margin-normal);}
	.resource-card .tags-listing{margin-top:var(--margin-normal);}
}



/* ************************* */
/* 34. IMAGE-50-TEXT		 */
/* ************************* */
.image-50-text-block{display: flex; align-items: center; gap:var(--padding-large); }
.image-50-text-block .image-wrap{width:calc(50% - 0.75rem); flex:none;}
.image-50-text-block .image-wrap img{width:100%; max-width: 100%; border-radius:var(--radius-normal);}
.image-50-text-block .text-wrap{flex-grow:1;}

.image-50-text-block.reverse{flex-direction: row-reverse;}

@media (max-width: 1399.98px) {
	.image-50-text-block{gap:var(--padding-normal);}
}
@media (max-width: 1199.98px) {
	.image-50-text-block{gap:var(--margin-big);}
}
@media (max-width: 991.98px) {
	.image-50-text-block{gap:var(--margin-normal);}
}
@media (max-width: 767.98px) {
	.image-50-text-block, .image-50-text-block.reverse{flex-direction: column;}
	.image-50-text-block .image-wrap{width:100%;}
	.image-50-text-block .text-wrap{width:100%;}
}