/* BA components. Based on Bootstrap 5.3. Jan 2023. */
/*	
	1.	anchors nav
	2.	main search
	3.	aside search
	4.	modals
	5.	pagination
	8.	accordion
	9.	breadcrumbs
	10.	tables
	11.	aside nav
	12.	aside CTA banner
	14.	main navigation	
	15. Social-share
	16. section-header
	17. megamenu
	18. separators
	19. blog-internal-slider
	20. resource-card
	21. tags-listing

*/




/* ************************* */
/* 1. ANCHORS NAV			 */
/* ************************* */
#anchors-nav-section{margin-top:-3.5rem; z-index: 1029; transition:box-shadow 0.4s ease; }
#anchors-nav-section .anchors-nav{gap:2.5rem; padding:1.5rem 0; flex-grow:1; display: flex; flex-wrap:nowrap; align-items: center;}
#anchors-nav-section .anchors-nav:before, #anchors-nav-section .anchors-nav:after{display: none;}
#anchors-nav-section .anchors-nav > li{padding:1.3rem 2.5rem 1.3rem 0; transition:padding 0.4s ease;}
#anchors-nav-section.affix .anchors-nav > li{padding-top:0.5rem; padding-bottom:0.5rem;}
#anchors-nav-section .anchors-nav > li:not(:last-child){ border-right:1px solid var(--color-grey);}
#anchors-nav-section .anchors-nav > li > a{display: block; font-weight: 700; text-transform: uppercase; padding:0; font-size: 0.87rem; letter-spacing: 0.1em; color:var(--color-link); line-height: 1.1; text-decoration: none; }
#anchors-nav-section .anchors-nav > li > a:hover, #anchors-nav-section .anchors-nav > li > a:focus{color:var(--color-hover); 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{background-color: var(--color-light-grey); display: flex; align-items: flex-start; transition:background 0.4s ease;}
.anchors-nav-wrap:before{content: ''; border-radius: 1.88rem 0 0 1.88rem; background: inherit; position: absolute; top:0; bottom:0; left:-4rem; right:calc(var(--container)/2 - 50vw - 0.75rem);}

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

.masthead-internal-section.has-anchors-nav{padding-bottom:calc(var(--padding-normal) + 3.5rem);}

@media (max-width: 1399.98px) {
	.anchors-nav-wrap:before{content: ''; left:-2rem;}	
	#anchors-nav-section .anchors-nav{padding:0.5rem 0; gap:1rem;}
	#anchors-nav-section .anchors-nav > li{padding:1rem 1rem 1rem 0;}
	
	#anchors-nav-section{margin-top:-2.5rem;}
	
	.masthead-internal-section.has-anchors-nav{padding-bottom:calc(var(--padding-normal) + 2.5rem);}
}
@media (max-width: 1199.98px) {
	.anchors-nav-wrap:before{content: ''; left:-1.5rem; border-radius:1.5rem 0 0 1.5rem;}	
}
@media (max-width: 991.98px) {
	#anchors-nav-section.affix{position: relative; top:0; box-shadow: none;}
	#anchors-nav-section.affix .anchors-nav-wrap{ background: var(--color-light-grey);}
	#anchors-nav-section.affix .anchors-nav > li, #anchors-nav-section .anchors-nav > li{padding-top:0.5rem; padding-bottom:0.5rem;}
	
	.masthead-internal-section.has-anchors-nav{padding-bottom:var(--padding-normal);}
	
	#anchors-nav-section{margin-top:0;}
	
	#anchors-nav-section .anchors-nav > li > a{font-size: 1rem;}
}
@media (max-width: 767.98px) {
	#anchors-nav-section .anchors-nav{display: block; padding:1rem 0;}
	#anchors-nav-section .anchors-nav > li, #anchors-nav-section.affix .anchors-nav > li{border:0!important; padding:0.75rem 1rem;}
}



/* ************************* */
/* 2. MAIN SEARCH			 */
/* ************************* */
#main-search{ width:3.5rem; height:3.5rem; border-radius:1.88rem; position:absolute; top:0.75rem; right:0; order:3; margin:0; float:none; padding:0; background-color:transparent; transition:width 0.2s ease, background-color 0.2s ease 0.2s; z-index: 3;}
#main-search button{color:var(--color-dark-grey); height:2.5rem; width:2.5rem; top:0.5rem; right:0.5rem; padding-left:0.5rem; padding-right:0.5rem; position:absolute; background:transparent; border:0; border-radius:50%; transition:color 0.2s ease, background-color 0.2s ease;}
#main-search button:before{content: '\f002'; font:var(--font-icon);}
#main-search.expanded button:before{content: '\f00d';}
#main-search button:hover, #main-search button:focus{color:var(--color-hover);}
#main-search input{ height:2.5rem; width:calc(100% - 5rem); margin-top:0.5rem; margin-left:1.5rem; margin-right:4rem; border:0; background-color:transparent; padding-left:0; padding-right:0; transition:width 0.7s ease;}
#main-search input:focus{outline:0; box-shadow:none;}
#main-search input::-ms-clear {display: none;}
#main-search.expanded{width:100%; background-color:var(--color-light-grey); transition:width 0.7s ease 0.2s, background-color 0.2s ease;}

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

@media (max-width: 991.98px) {
	#main-search, #main-search.expanded{ position:relative; top:0; margin:1rem; width:auto; background-color:var(--color-light-grey)}
	#main-search button:before, #main-search.expanded button:before{content: '\f002';}
}



/* ************************* */
/* 3. ASIDE SEARCH 			 */
/* ************************* */
.side-search-block .search-button { height:calc(100% - 2px); width:3.31rem; position: absolute; right: 1px; top: 1px; outline: none; border:0; padding: 0; transition:color 0.2s ease; z-index: 4; background: none; }
.side-search-block .search-button:hover, .side-search-block .search-button:focus{color:var(--color-hover);}
.side-search-block .form-control{padding-right: 3rem;}
.side-search-block label{right:3rem;}
.side-search-block .form-control:focus{outline: 0; box-shadow:none;}



/* ************************* */
/* 4. 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%;}
}



/* ************************* */
/* 5. PAGINATION			 */
/* ************************* */
.pagination-wrap{ text-align:center; display:flex; justify-content:center;}
.pagination > li > a, .pagination > li > span{color:var(--color-base); background-color:transparent; border:1px solid transparent; border-radius:var(--radius-normal); width:3rem; height:3rem; padding:0.5rem; display:flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; transition:border 0.2s ease;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:transparent; color:var(--color-hover); border-color:var(--color-hover);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{color:inherit; background-color:var(--color-light-grey); font-weight:bold; border:1px solid var(--color-light-grey);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color:var(--color-disabled); background-color:transparent; border-color:transparent;}



/* ************************* */
/* 8. ACCORDION	   			 */
/* ************************* */
.accordion .accordion-item{border:0;}
.accordion .accordion-item + .accordion-item{margin-top:1rem;}
.accordion .accordion-header {margin:0;}
.accordion .accordion-button{box-shadow: none; background: var(--color-light-grey); border-radius:1.81rem!important; font-size: inherit; font-weight: inherit; 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:inherit;}
.accordion .accordion-button:focus, .accordion .accordion-button:hover{color:var(--color-hover); box-shadow: none;}
.accordion .accordion-body { padding:1.5rem 1rem; position:static;}



/* ************************* */
/* 9. BREABCRUMBS			 */
/* ************************* */
.breadcrumbs-section{padding:1rem 0; background: var(--color-light-grey); font-size: var(--font-small);}
.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; }
.breadcrumbs-section ol li a{color:inherit;}
.breadcrumbs-section ol li a:hover, .breadcrumbs-section ol li a:focus{color:var(--color-hover);}
.breadcrumbs-section .placeholder-item{cursor: default;}

@media (max-width: 991.98px) {
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
}


/* ************************* */
/* 10. TABLES				 */
/* ************************* */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0; 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-light-grey); }
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even){background-color:var(--color-black05);}
.textbox table tr{transition:background 0.2s ease;}
.textbox table tr:hover{background-color:var(--color-hover10);} 
.textbox table th{position: sticky; top:var(--header-height-sticky); z-index: 2;}

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



/* ************************* */
/* 11. ASIDE NAV   			 */
/* ************************* */
.side-nav-heading{z-index: 2;}
.side-nav-wrap{z-index: 2; font-size:0.87rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700;}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{border-radius:1.5rem; display:block; padding:0.9rem 4rem 0.9rem 1.5rem; text-decoration: none; flex-grow:1;}
.side-nav-wrap .sublevel-toggle{position: absolute; top:0; right:1.5rem; margin-top:0.25rem; padding-left:0.5rem; padding-right:0.5rem; 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{border-radius:1.5rem;}
.side-nav-wrap .item:hover{background: var(--color-light-grey);}
.side-nav-wrap a{color:inherit;}
.side-nav-wrap .active a{color:var(--color-gold);}
.side-nav-wrap a:not(.sublevel-toggle):hover, .side-nav-wrap a:not(.sublevel-toggle):focus{background: var(--color-light-grey);}

.side-nav-outer:before{content: ''; background: var(--color-light-grey); position: absolute; top:calc(-1*var(--padding-normal)); bottom:calc(-1*var(--margin-big)); right:8.76rem; left:calc(var(--container)/2 - 50vw - var(--bs-gutter-x)/2);}
.side-nav-outer:after{content: ''; background: #fff; border-top-left-radius:calc(var(--container)*0.1666); border-bottom-left-radius:calc(var(--container)*0.1666); position: absolute; top:calc(-1*var(--padding-normal)); bottom:calc(-1*var(--margin-big)); right:8.75rem; left:-5rem;}
.side-nav-outer .side-nav-wrap{margin-bottom:var(--margin-big);}

.right-side-decor:before{content: ''; background: var(--color-light-grey); position: absolute; top:calc(-1*var(--padding-normal)); bottom:calc(-1*var(--margin-big)); left:8.76rem; right:calc(var(--container)/2 - 50vw - var(--bs-gutter-x)/2);}
.right-side-decor:after{content: ''; background: #fff; border-top-right-radius:calc(var(--container)*0.1666); border-bottom-right-radius:calc(var(--container)*0.1666); position: absolute; top:calc(-1*var(--padding-normal)); bottom:calc(-1*var(--margin-big)); left:8.75rem; right:-5rem;}
.right-side-decor .mb-big{z-index: 2; margin-bottom:var(--margin-big);}


@media (max-width: 991.98px) {
	.side-nav-outer:before, .side-nav-outer:after{display: none;}
	.side-nav-wrap a{padding-left:1rem; padding-right:3rem;}
	.side-nav-wrap .sublevel-toggle{right:1rem;}
	
	.right-side-decor:before{display:none;}
	.right-side-decor:after{display: none;}

}


/* ************************* */
/* 12. ASIDE CTA BANNER		 */
/* ************************* */
.cta-box .inner-wrap{border-radius:8.75rem 8.75rem 8.75rem 0; min-height: 15rem; overflow: hidden; padding:var(--padding-normal) 1.5rem; transition:box-shadow 0.2s ease;}
.cta-box .inner-wrap:before{content:''; background: linear-gradient(55.16deg, rgba(31, 71, 89, 0) 0%, rgba(31, 71, 89, 0.7) 86.5%); position:absolute; top:0; right:0; bottom:0; left:0;}
.cta-box .cta-link{ z-index:3;}
.cta-box .area-link{border:10px solid transparent; transition:border 0.2s ease; border-radius:inherit;}
.cta-box:hover .area-link{border-color:var(--color-gold);}
.cta-box .inner-wrap{z-index: 2;}

[class*='col-']:first-child .cta-box:after{content: ''; z-index:1; background: url("../../img/bg-sign.svg") no-repeat calc(100% - var(--container)*0.1666 - 1.5rem) center var(--color-light-grey); position: absolute; top:0; bottom:0; right:50%; left:calc(var(--container)/2 - 50vw - var(--bs-gutter-x)/2);}
[class*='col-']:last-child .cta-box:after{content: ''; z-index:1; background: url("../../img/bg-sign.svg") no-repeat calc(var(--container)*0.1666 - 1.5rem) center var(--color-light-grey); position: absolute; top:0; bottom:0; left:50%; right:calc(var(--container)/2 - 50vw - var(--bs-gutter-x)/2);}
[class*='col-']:last-child .cta-box .inner-wrap{border-radius:8.75rem 8.75rem 0 8.75rem;}

@media (max-width: 991.98px) {
	[class*='col-']:first-child .cta-box:after{display: none;}	
	.cta-box .inner-wrap{min-height: 12rem;}
	
	[class*='col-']:last-child .cta-box:after{display: none;}
}




/* ************************* */
/* 14. MAIN NAVIGATION		 */
/* ************************* */

/* navbar */
#header{height:var(--header-height);}

.navbar{ position: fixed; top:0px; left:0; width:100vw; padding:0; background:#fff; z-index: 1030; transition:box-shadow 0.8s ease, top 0.8s ease;}
.navbar-brand{display: block; width:12.87rem; 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%;}

.navbar.affix{box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2); top:calc(var(--header-height-sticky) - var(--header-height));}
.affix .navbar-brand{margin-top:4.4rem; width:6.8rem;}

/*navigation */
#navigation{justify-content: flex-end;}
#navigation > .inner-wrap{justify-content: flex-start; gap:1rem; height:var(--header-height); padding-top:0.5rem; flex:none; display: flex; flex-direction: column-reverse; align-items: flex-end; transition:padding 0.8s ease, gap 0.8s ease; }
.affix #navigation > .inner-wrap{padding-top:2.3rem;}
#navigation.has-search #top-nav{margin-right:5rem;margin-bottom:0.25rem;}

.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'; display: block; 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:100%; padding:0; margin:0; border:0; border-radius:var(--border-radius); box-shadow: 0px 0.5rem 0.75rem rgba(125, 125, 125, 0.2);}
.navbar-nav .dropdown-menu > li > a{white-space: nowrap; 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{}
#main-nav > li+li{margin-left:4rem;}
#main-nav > li > a{font-size: 0.87rem; text-transform: uppercase; font-weight: 400; padding:0.5rem 0 2rem 0; transition: padding 0.8s ease;}
.affix #main-nav > li > a{padding-bottom:1.2rem; }
#main-nav > .dropdown > a:not(.dropdown-toggle){}
#main-nav > .dropdown > .dropdown-toggle{padding-left:0.37rem; line-height:1;}
#main-nav > .dropdown > .dropdown-toggle:after{font-size: 0.62rem;}

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

#main-nav .dropdown-menu{color:inherit; padding:0; border-radius:0 0 1.25rem 1.25rem;}
#main-nav .dropdown-menu > li > a{font-size:0.87rem; text-transform: uppercase; padding:0.75rem 3rem 0.75rem 1.5rem;}
#main-nav .dropdown-menu > li > a:last-child{border-radius:0 0 1.25rem 1.25rem;}
#main-nav .dropdown-menu .dropdown-menu{top:0;}
#main-nav .dropdown-menu .dropdown-menu > li > a{padding-right:1.5rem;}
#main-nav .dropdown-menu > .dropdown > a{padding-right:0.5rem;}
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle{ padding-left:0.5rem; padding-right:1.5rem; flex:none;} 
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.62rem;}

#main-nav .dropdown-menu > li:last-child{border-radius:0 0 1.25rem 1.25rem;}
#main-nav .dropdown-menu > li > a{color:var(--color-black);}
#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > .show > a{color:var(--color-black);}
#main-nav .dropdown-menu > .active > a, 
#main-nav .dropdown-menu > .active > a:hover, 
#main-nav .dropdown-menu > .active > a:focus{color:var(--color-gold);}
#main-nav .dropdown-menu > li:hover{background: var(--color-light-grey); }

/* top-nav */
#top-nav{font-size: 0.81rem;}
#top-nav > li+li{margin-left:3.18rem;}
#top-nav > li > a{padding:0;}
#top-nav > li > a img{width:1.0625rem;}

#top-nav > li > a{color:var(--color-dark-grey);}
#top-nav > li > a:hover, #top-nav > li > a:focus, #top-nav > .active > a, #top-nav > .show > a{color:var(--color-hover);}

@media (max-width: 1399.98px) {
	#main-nav > li + li{margin-left:2rem;}
	#top-nav > li + li{margin-left:2rem;}
	#navigation.has-search #top-nav{margin-right:4.5rem;}
}
@media (max-width: 1199.98px) {
	#main-nav > li + li{margin-left:1rem;}
	#top-nav > li + li{margin-left:1rem;}
	#navigation.has-search #top-nav{margin-right:3.5rem;}
	
	.navbar-brand{width:11rem;}
}

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

	.navbar{ position:relative; width:auto; padding:0;}
	.navbar > .container{display: flex; align-items: center; flex-wrap: nowrap;}
	
	.navbar.affix{transition: none; top:0; box-shadow:none;}
	.affix .navbar-brand, .navbar-brand{margin-top:0.25rem; transition: none; width:11rem;}

	#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{display: block; padding-top:0; transition: none;}
	#navigation.has-search > .inner-wrap{padding-right:0;}
	#navigation.has-search #top-nav{margin-right:0;}
	.navbar-nav{margin:0;}
	.navbar-nav li{flex-wrap:wrap; align-items: stretch;}
	.navbar-nav .dropdown-toggle{margin-left:auto;}
	.navbar-nav .dropdown-menu{width:100%; position:relative; padding:0; float:none; box-shadow:none; min-width:auto; 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(180deg);}
	.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; padding-right:0.75rem;}
	#main-nav > li + li{margin-left:0;}
	
	#main-nav > li > a{padding:1rem; font-size: 1.1rem; transition:none;}	
	.affix #main-nav > li > a{padding-bottom:1rem; }
	#main-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1rem;}
	#main-nav > .dropdown > .dropdown-toggle{ width:3.5rem; padding-left:1rem; text-align: center;}
	#main-nav > .dropdown > .dropdown-toggle::after{font-size: 1rem;}
	
	#main-nav .dropdown-menu{ 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; font-size: 1rem;}
	#main-nav .dropdown-menu > .dropdown > a{padding-right:1rem;}
	#main-nav .dropdown-menu > .dropdown > .dropdown-toggle{ width:3.5rem; 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 > li > a,
	#main-nav .dropdown-menu > li > a{color:var(--color-black);}
	
	#main-nav > .show > a{color:inherit;}

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

	/* top-nav */
	#top-nav{background-color: var(--color-light-grey); padding:1rem;}
	#top-nav > li + li{margin-left:0;}
	#top-nav > li > a{padding:1rem; font-size: 1.1rem;}	

	#top-nav > li > a{color:var(--color-black);}
	
	#top-nav > .show > a{color:inherit;}

	#top-nav > li > a:hover, 
	#top-nav > li > a:focus,
	#top-nav > .active > a{color:var(--color-hover);}
}




/* ************************* */
/* 15. SOCIAL SHARE 		 */
/* ************************* */
.social-share{display: flex; flex-wrap:wrap; gap:1rem;}
.social-share a{text-decoration: none; color:var(--color-gold); display: flex; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; border-radius:50%; border:2px solid var(--color-gold);}
.social-share a:hover, .social-share a:focus{color:var(--color-dark-blue); border-color:var(--color-dark-blue);}
@media (max-width: 767.98px) {
	.social-share{justify-content: center;}
}




/* ************************* */
/* 16. SECTION HEADER 		 */
/* ************************* */
.section-header-wrap{display: flex; align-items: center; justify-content: space-between;}
.section-header-wrap > div:first-child{margin-right:3rem;}
.section-header-wrap > div:last-child{flex:none;}
.section-header-wrap .options{display: flex; align-items: center; gap:2rem;}
.section-header-wrap .slick-prev{order:10;}
.section-header-wrap .slick-next{order:11;}
@media (max-width: 991.98px) {
	.section-header-wrap .options{flex-direction: row-reverse;}
}
@media (max-width: 767.98px) {
	.section-header-wrap{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
	.section-header-wrap .options{flex-direction: row;}
}




/* ************************* */
/* 17. MEGAMENU 	 		 */
/* ************************* */
#main-nav .megamenu{border-radius:0 0 1.88rem 1.88rem; overflow: hidden; position: fixed; top:var(--header-height); left:calc(50vw - var(--container)/2 + 0.75rem); right:calc(50vw - var(--container)/2); min-width:inherit; transition:top 0.8s ease;} 
.affix #main-nav .megamenu{top:var(--header-height-sticky);}
#main-nav .megamenu .inner-wrap{overflow:auto; display: flex; flex-direction: column; max-height: calc(100vh - var(--header-height) - 1rem);}
#main-nav .megamenu .top-wrap{border-top:1px solid var(--color-light-grey); border-bottom:1px solid var(--color-light-grey); flex-basis:100%; display: flex; align-items: stretch;}
#main-nav .megamenu .top-wrap .top-header{padding:2rem; width:50%;}
#main-nav .megamenu .top-wrap .top-cta{padding:2rem; width:50%; display: flex; gap:2rem; justify-content: space-between; align-items: center; background: var(--color-light-grey);}
#main-nav .megamenu .top-wrap .top-cta .btn{flex:none;}

#main-nav .megamenu .bottom-wrap{padding:2rem; flex:none;}
#main-nav .megamenu .mega-nav-listing{display: flex; gap:2rem;}
#main-nav .megamenu .mega-nav-listing .item{width:calc((100% - 2rem*4)/5);}
#main-nav .megamenu .mega-nav-listing .item ul{ padding:0; list-style-type: none; line-height: 1.2;}
#main-nav .megamenu .mega-nav-listing .item ul li+li{margin-top:var(--margin-small);}
#main-nav .megamenu .mega-nav-listing .item a{color:inherit; text-decoration: none;}
#main-nav .megamenu .mega-nav-listing .item a:hover, #main-nav .megamenu .mega-nav-listing .item a:focus{color:var(--color-hover);}
#main-nav .megamenu .mega-nav-listing .title{text-transform: uppercase; color:var(--color-dark-blue); margin-bottom:var(--margin-small);}

@media (max-width: 991.98px) {
	#main-nav .megamenu{position: relative; top:0; left:0; right:0; margin-bottom:1.5rem; padding-left:3rem;}
	.affix #main-nav .megamenu{top:0;}
	#main-nav .megamenu{border-radius:0;}
	#main-nav .megamenu .inner-wrap{max-height:none;}
	#main-nav .megamenu .top-wrap{flex-direction: column;}
	#main-nav .megamenu .top-wrap .top-header{width:100%; padding:1.5rem;}
	#main-nav .megamenu .top-wrap .top-cta{width:100%; padding:1.5rem;}
	#main-nav .megamenu .bottom-wrap{padding:1.5rem; border-bottom:1px solid var(--color-light-grey);}
	#main-nav .megamenu .mega-nav-listing{flex-wrap:wrap; gap:2rem 1.5rem;}
	#main-nav .megamenu .mega-nav-listing .item{width:calc((100% - 1.5rem*2)/3);}
	#main-nav .megamenu .mega-nav-listing .item ul li+li{margin-top:1rem;}
	#main-nav .megamenu .mega-nav-listing .title{margin-bottom:1rem;}

}
@media (max-width: 767.98px) {
	#main-nav .megamenu .mega-nav-listing .item{width:calc((100% - 1.5rem)/2);}
}
@media (max-width: 575.98px) {
	#main-nav .megamenu .mega-nav-listing .item{width:100%;}
	#main-nav .megamenu .top-wrap .top-cta{flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
	
}



/* ************************* */
/* 18. SEPARATORS 	 		 */
/* ************************* */
.sep{height:1px;}



/* ************************* */
/* 19. BLOG-INTERNAL-SLIDER */
/* ************************* */
.blog-internal-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
.blog-internal-slider .item{margin:0 0.75rem; display: block;}
.blog-internal-slider .image{aspect-ratio:1.3/1; margin-bottom:var(--margin-normal); border-radius:1.88rem; overflow: hidden; transform:scaleZ(1);}
.blog-internal-slider .image img{object-fit: cover; width:100%; height:100%;}
.blog-internal-slider .image:before{content: ''; z-index: 2;  position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.blog-internal-slider .item:hover .image:before{background: rgba(48, 48, 48, 0.5);}
.blog-internal-slider .image:after{content: '\f061'; position: absolute; top:50%; right:110%; margin-top:-1.56rem; margin-right:-1.56rem; z-index: 3; border:2px solid var(--color-gold); color:var(--color-gold); border-radius:50%; width:3.12rem; height:3.12rem; display: flex; align-items: center; justify-content: center; font: var(--font-icon); font-size: 1.12rem; transition:right 0.4s ease;}
.blog-internal-slider .item:hover .image:after{right:50%;}
.blog-internal-slider .title{color:var(--color-dark-blue); font-size: 1.37rem; margin-bottom:var(--margin-small); transition:color 0.2s ease;}
.blog-internal-slider .item:hover .title{color:var(--color-hover);}
.blog-internal-slider .date{ color:var(--color-dark-grey); font-size: var(--font-small);}
.blog-internal-slider a:not(.area-link){z-index: 5;}

.blog-slider-controls{display: flex; align-items: center; gap:1rem;}
.blog-slider-controls .slick-arrow{background:none; color:var(--color-gold); border:2px solid var(--color-gold); border-radius:50%; font-size: 1.12rem; opacity:1;  width:3.12rem; height:3.12rem; position: relative; transition:opacity 0.2s ease, background 0.2s ease, color 0.2s ease;}
.blog-slider-controls .slick-arrow:hover{ opacity:1; color:#fff; background: var(--color-gold);}
.blog-slider-controls .slick-arrow:focus{outline:0;}
.blog-slider-controls .slick-arrow.slick-disabled{ opacity:0.3; background: transparent; cursor:default; color:var(--color-gold); border:2px solid var(--color-gold);}
.blog-slider-controls .slick-prev{left:0;}
.blog-slider-controls .slick-next{right:0;}

.blog-internal-slider .slick-dots{bottom:-1rem;}

@media (max-width: 991.98px) {
	.blog-internal-slider{margin-left:-0.375rem; margin-right:-0.375rem;}
	.blog-internal-slider .item{margin:0 0.375rem;}
}
@media (max-width: 767.98px) {
	.blog-internal-slider{flex-wrap:wrap; gap:var(--margin-normal) 0.75rem;}
	.blog-internal-slider .item{width:calc((100% - 0.75rem)/2);}
}
@media (max-width: 575.98px) {
	.blog-internal-slider .item{width:100%;}
}



/* ************************* */
/* 20. RESOURCE CARD		 */
/* ************************* */
.resource-card{background: rgba(var(--color-gold-rgb),0.15); display: flex; flex-direction: column; align-items: flex-start; padding:2rem 1.5rem 1.5rem; border:2px solid transparent; border-radius:1.88rem; width:100%; transition:background 0.2s ease, border 0.2s ease;}
.resource-card .ba-resource-type{margin-bottom:2rem;}
.resource-card .title{color:var(--color-dark-blue); 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); margin-bottom:var(--margin-big);}
.resource-card .textbox{margin-bottom:0;}
.resource-card .tags-listing{margin-top:auto;}
.resource-card a:not(.area-link){z-index: 5;}
.resource-card:hover{border-color:var(--color-light-grey); background: #fff;}

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

.ba-resource-type.rt-article{background:var(--color-resources-tag01);}
.ba-resource-type.rt-article:before{content: '\f1ea';}
.ba-resource-type.rt-toolkit{background:var(--color-resources-tag02);}
.ba-resource-type.rt-toolkit:before{content: '\f0cb';}
.ba-resource-type.rt-case{background:var(--color-resources-tag03);}
.ba-resource-type.rt-case:before{content: '\f0b1';}
.ba-resource-type.rt-video{background:var(--color-resources-tag04);}
.ba-resource-type.rt-video:before{content: '\f03d';}
.ba-resource-type.rt-tools{background:var(--color-resources-tag05);}
.ba-resource-type.rt-tools:before{content: '\f7d9';}
.ba-resource-type.rt-blog{background:var(--color-resources-tag06);}
.ba-resource-type.rt-blog:before{content: '\f143';}


:root{
	--color-resources-tag01:#C8AD6D;
	--color-resources-tag02:#1F4759;
	--color-resources-tag03:#59473F;
	--color-resources-tag04:#1B5A96;
	--color-resources-tag05:#A7887F;
	--color-resources-tag06:#65618D;
}

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



/* ************************* */
/* 21. TAGS LISTING 		 */
/* ************************* */
.tags-listing{display: flex; flex-wrap:wrap; align-items: center; gap:0.25rem 0.5rem; line-height: 1.2;}
.tags-listing a{color:var(--color-gold); font-size:0.87rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0875rem; height:auto; display: flex; align-items: center; padding:0; background:transparent; text-decoration: none;}
.tags-listing a:hover, .tags-listing a:focus{color:var(--color-link);}
.tags-listing span{display: flex; align-items: center;}
.tags-listing span:not(:last-child):after{content: '|'; font-weight: 700; margin-left:0.5rem; color:var(--color-gold); font-size:0.87rem;}
.text-center .tags-listing, .tags-listing.text-center{justify-content:center;}
.color-white .tags-listing{color:var(--color-gold);}
.color-white .tags-listing a:not(.btn){color:var(--color-gold);}
.color-white .tags-listing a:not(.btn):hover, .color-white .tags-listing a:not(.btn):focus{color:#fff;}