/* BA components. Based on Bootstrap 5.3. Jan 2023. */
/*	
	1.	main navigation
	2.	aside nav
	5.	section-header
	6.	modals
	10.	accordion
	12.	tables
	14.	aside CTA banner
	17. listing-showing-info
	21. tags-listing
	24. gallery-internal-slider
	26. resources-card
	33. tooltip
	34.	image-50-text
*/



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

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

#header .navbar{border-radius:0 0 var(--radius-normal) var(--radius-normal); position: fixed; top:0px; left:var(--body-margin); width:calc(100vw - var(--body-margin)*2); padding:0; background:#fff; z-index: 1030; transition:box-shadow 0.8s ease, top 0.8s ease;}
#header .navbar.affix{box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2); top:calc(var(--header-height-sticky) - var(--header-height));}

.navbar-brand{z-index: 2; border-radius:var(--radius-normal); display: flex; align-items: center; justify-content: center;  position: absolute; top:0.5rem; left:50%; transform: translateX(-50%); width:15.25rem; aspect-ratio:1.9837/1; padding:0; margin:0; flex:none; transition:padding 0.8s ease; }
.navbar-brand:before{content: ''; background: url("../../img/brand-bg.svg") no-repeat center / 100% 100%; position: absolute; top:0; right:-1rem; bottom:0; left:-1rem;}
.affix .navbar-brand{padding-top: 2rem;}
.navbar-brand:focus{outline:0;}
.navbar-brand img{width:11rem; transition:width 0.8s ease;}
.affix .navbar-brand img{width:8rem; transition:width 0.8s ease;}
.brand-shadow{z-index: -2; border-radius:calc(var(--radius-normal) + 2px); position: absolute; top:0.5rem; left:50%; transform: translateX(-50%); width:15.25rem; aspect-ratio:1.9837/1; transition:box-shadow 0.8s ease; }
.affix .brand-shadow{box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2);}

/*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; justify-content: flex-end; align-items: flex-start; }

.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-divider{width:100%; border-color:var(--color-grey);}

.navbar-nav .dropdown-menu{top:100%; background: #fff; min-width:14rem; max-width: 16rem; padding:0; margin:0; border:0; border-radius:var(--radius-normal); box-shadow: 0 0 2rem rgba(0,39,71,0.24);}
.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{align-items: center; background: #fff; width:100%; gap:2rem; height:3.68rem; font-size: 0.87rem; font-weight: 500; letter-spacing: 0.0175rem; text-transform: uppercase;}
#main-nav > li.right{margin-left: auto;}
#main-nav > li.right + li.right{margin-left:0;}
#main-nav > li > a:not(.btn){padding:0.75rem 0; }
#main-nav > .dropdown > a:not(.dropdown-toggle){padding-right:0;}
#main-nav > .dropdown > .dropdown-toggle{width:1.12rem; padding-left:0.31rem;}
#main-nav > .dropdown > .dropdown-toggle:after{font-size: 0.75rem; vertical-align: 10%;}
#main-nav > .dropdown.show > .dropdown-toggle:after{content: '\f00d';}
#main-nav > li > a:not(.dropdown-toggle):not(.btn):before{content: ''; background: var(--color-link); position: absolute; left:0; width:0; bottom:0.6rem; height:2px; transition:width 0.2s ease;}
#main-nav > li > a:not(.dropdown-toggle):not(.btn):hover:before, 
#main-nav > li > a:not(.dropdown-toggle):not(.btn):focus:before,
#main-nav > li > a.active:not(.dropdown-toggle):not(.btn):before,
#main-nav > .show > a:not(.dropdown-toggle):not(.btn):before{width:100%;}

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

#main-nav .dropdown-menu{font-size:1rem; letter-spacing: normal; text-transform: none; font-weight: 400; padding: 0.5rem 0;}
#main-nav .dropdown-menu > li{padding:0 0.5rem;}
#main-nav .dropdown-menu > li > a{padding:0.8rem 3rem 0.8rem 1rem;}
#main-nav .dropdown-menu .dropdown-menu{top:-0.5rem;}
#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{ color:var(--color-blue); padding-left:0.5rem; padding-right:1rem; flex:none;} 
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.81rem; vertical-align: 10%;}

#main-nav .dropdown-menu > li:before{content: ''; border-radius:1.4rem; position: absolute; top:0; right:0.5rem; bottom:0; left:0.5rem; background:transparent; transition:background 0.2s ease;}
#main-nav .dropdown-menu > li:hover:before{background: var(--color-link);}
#main-nav .dropdown-menu > li > a{color:var(--color-black);}
#main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > li > .active{color:var(--color-active);}
#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > .show > a{color:#fff;}

#main-nav > li > .btn{display: inline-flex; height:2.31rem; padding:0.62rem 1rem;}

li.nav-buttons-group { align-items: center; gap: 0.5rem;}

/* top-nav */
#top-nav{gap:2.75rem; width:100%; height:2.5rem; font-size:0.81rem; background: var(--color-indigo);}
#top-nav:before{content: ''; border-radius:0 0 var(--radius-normal) var(--radius-normal); background: inherit; left:calc(-1*var(--page-side-gap)); right:calc(-1*var(--page-side-gap)); position: absolute; top:0; bottom:0;}
#top-nav > li.right{margin-left:auto;}
#top-nav > li.right + li.right{margin-left:0;}
#top-nav > li > a{padding:0.63rem 0; }
#top-nav > .dropdown > a:not(.dropdown-toggle){padding-right:0;}
#top-nav > .dropdown > .dropdown-toggle{width:0.93rem; padding-left:0.25rem;}
#top-nav > .dropdown > .dropdown-toggle:after{font-size: 0.68rem; vertical-align: 5%;}
#top-nav > .dropdown.show > .dropdown-toggle:after{content: '\f00d';}
#top-nav > li > a [class*='fa']{font-size:0.68rem; margin-right:0.25rem; }

#top-nav > li > a{color:#fff;}
#top-nav > li > a:hover, #top-nav > li > a:focus, #top-nav > .active > a, #top-nav > .show > a{color:var(--color-light-yellow); text-decoration: underline;}

#top-nav .dropdown-menu{font-size:0.87rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.0175rem; padding: 0.5rem 0;}
#top-nav .dropdown-menu > li{padding:0 0.5rem;}
#top-nav .dropdown-menu > li > a{padding:1.15rem 1rem; border-radius:1.65rem;}
#top-nav .dropdown-menu > li > a [class*='fa']{width:1.5rem; text-align: center; margin-right:0.5rem; font-size: 0.87rem;}
#top-nav .dropdown-menu .dropdown-menu{top:-0.5rem;}
#top-nav .dropdown-menu .dropdown-menu > li > a{padding-right:1.5rem;}
#top-nav .dropdown-menu > .dropdown > a{padding-right:0.5rem;}
#top-nav .dropdown-menu > .dropdown > .dropdown-toggle{ padding-left:0.5rem; padding-right:1.5rem; flex:none;} 
#top-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.68rem; vertical-align: 5%;}

#top-nav .dropdown-menu > li > a{color:var(--color-link);}
#top-nav .dropdown-menu > li > .active{color:var(--color-black);}
#top-nav .dropdown-menu > li > a:hover, #top-nav .dropdown-menu > li > a:focus, #top-nav .dropdown-menu > .show > a{color:#fff; background: var(--color-link);}
@media (max-width: 1399.98px) {
	#main-nav{gap:1rem; height:2.66rem;}
	#main-nav > .dropdown > .dropdown-toggle{width:0.75rem; padding-left:0.1rem;}
	#main-nav > .dropdown > .dropdown-toggle:after{font-size: 0.6rem; vertical-align: 30%;}
	#top-nav{gap:1.5rem;}
	.navbar-brand{width:11rem; top:1.05rem;}
	.navbar-brand img{width:9rem;}
	.affix .navbar-brand{padding-top:1.25rem;}
	.affix .navbar-brand img{width:7rem;}
	.brand-shadow{width:11rem; top:1.05rem;}
	#main-nav > li > .btn{height:1.75rem; padding:0.1rem 1rem;}
}
@media (max-width: 1199.98px) {
	#main-nav{gap:0.5rem; font-size: 0.75rem;}
	#main-nav > .dropdown > .dropdown-toggle::after{font-size: 0.5rem; vertical-align: 25%;}
	#main-nav > li > .btn{font-size: 0.75rem; padding:0.1rem 0.5rem;}
	#main-nav > .dropdown > .dropdown-toggle{width:0.62rem;}
}
@media (max-width: 991.98px) {
	
	#header{position: absolute; width:100%; top:calc(-1*var(--header-height-mobile)); height:var(--header-height-mobile);}
	#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(--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-hover); color:#fff;}
	.navbar-toggler:focus{ background-color:transparent; color:inherit;}
	[aria-expanded='true'].navbar-toggler:focus{ background-color:var(--color-hover); color:#fff;}

	#header .navbar{ position:relative; width:auto; padding:0; left: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;}
	.affix .navbar-brand, .navbar-brand{top:0; padding:0; position: relative; width:auto; aspect-ratio:auto; border-radius:0; left:0; transform: none; margin:0.25rem 0; transition: none;}
	.navbar-brand::before{display: none;}
	.brand-shadow{display: none;}
	.navbar-brand img{width:7rem;}

	#navigation{border-radius:var(--radius-normal);position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.3); background-color: #fff;}
	#navigation > .inner-wrap{display: block;}
	#navigation.has-search > .inner-wrap{padding-right:0;}
	.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-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(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 0.75rem; font-size: 1rem; height:auto; gap:0; align-items: stretch; border-radius:var(--radius-normal) var(--radius-normal) 0 0;}
	#main-nav > li.right{margin-left:0;}
	#main-nav > li > a:not(.btn){padding:1rem; }	
	#main-nav > li > a:not(.dropdown-toggle):not(.btn):before{display: none;}
	#main-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1rem;}
	#main-nav > .dropdown > .dropdown-toggle{ width:3.5rem; padding-left:1rem; right:0; text-align: center;}
	#main-nav > .dropdown > .dropdown-toggle::after{font-size: 1rem;}
	
	#main-nav > li > .btn{margin:1rem; font-size: 1rem; height:2.5rem; padding:0.1rem 1rem; }
	#main-nav > li > .btn{font-size: 1rem; height:2.5rem; padding:0.1rem 1rem; }
    li.nav-buttons-group {display: flex;padding: 1rem;}
    li.nav-buttons-group > .btn{margin:0!important;}
	
	#main-nav .dropdown-menu{ font-size: 1rem; background-color: transparent; padding:0 0 0 1rem;}
	#main-nav .dropdown-menu > li:hover{background: transparent;}
	#main-nav .dropdown-menu > li:before{display: none;}
	#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.show > .dropdown-toggle:after{content:'\f00d';}
	#main-nav .dropdown-menu .dropdown-menu{top:0;}
	
	#main-nav > li > a:not(.btn),
	#main-nav .dropdown-menu > li > a{color:var(--color-black);}
	
	#main-nav > .show > a:not(.btn), #main-nav .dropdown-menu > .show > a{color:inherit;}

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

	/* top-nav */
	#top-nav{border-radius:0 0 var(--radius-normal) var(--radius-normal); font-size: 1rem; height:auto; gap:0; background-color: var(--color-light-blue); padding:1rem 0.75rem;}
	#top-nav::before {display: none;}
	#top-nav > li.right{margin-left:0;}
	#top-nav > li > a{padding:1rem;}	
	#top-nav > li > a [class*="fa"]{vertical-align: 10%;}
	#top-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1rem;}
	#top-nav > .dropdown > .dropdown-toggle{right:0; width:3.5rem; padding-left:1rem; text-align: center;}
	#top-nav > .dropdown > .dropdown-toggle::after{font-size: 1rem;}
	
	#top-nav .dropdown-menu{font-size: 1rem; background-color: transparent; padding:0 0 0 1rem;}
	#top-nav .dropdown-menu > li:hover{background: transparent;}
	#top-nav .dropdown-menu > li > a{padding:1rem; flex:none;}
	#top-nav .dropdown-menu > .dropdown > a{padding-right:1rem;}
	#top-nav .dropdown-menu > .dropdown > .dropdown-toggle{right:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align: center;}
	#top-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 1rem;}
	#top-nav .dropdown-menu .dropdown-menu{top:0;}

	#top-nav > li > a,
	#top-nav .dropdown-menu > 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,
	#top-nav .dropdown-menu > li > .active,
	#top-nav .dropdown-menu > li > a:focus,
	#top-nav .dropdown-menu > li > a:hover,
	#top-nav .dropdown-menu > .active > a,
	#top-nav .dropdown-menu > .show > a{color:var(--color-link); background: transparent; text-decoration: none;}
}



/* ************************* */
/* 2. ASIDE NAV   			 */
/* ************************* */
.side-nav-title{font-size: var(--h4); text-transform: uppercase;}
.side-nav-wrap{font-size: 0.87rem; font-weight: 500; letter-spacing: 0.0175rem; text-transform: uppercase; padding:0.5rem; background: var(--color-light-blue); border-radius: var(--radius-normal);}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{display:block; padding:0.75rem 3rem 0.75rem 1rem; text-decoration: none; flex-grow:1;}
.side-nav-wrap .sublevel-toggle{color:var(--color-blue); margin-top:0.25rem; padding-left:0.5rem; padding-right:1rem; flex:none; }
.side-nav-wrap .has_sublevel > a:not(.sublevel-toggle){padding-right:1rem;}
.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.4rem; display: flex; align-items: flex-start; transition:background 0.2s ease;}
.side-nav-wrap .item:hover{background-color:var(--color-indigo);}
.side-nav-wrap .item:hover > a{color:#fff;}
.side-nav-wrap a{color:var(--color-base);}
.side-nav-wrap .active a{color:var(--color-active);}
.side-nav-wrap a:hover{color:#fff;}
.side-nav-wrap a:focus{color:var(--color-hover);}



/* ************************* */
/* 5. SECTION HEADER 		 */
/* ************************* */
.section-header{display: flex; align-items:center ; justify-content: space-between; gap:3.5rem;}
.section-header h2{margin-bottom:0;}
.section-header .options{display: flex; align-items: center; gap:0.5rem;}
.section-header .slick-arrow{position: relative;}
.section-header .slick-prev{order:10;}
.section-header .slick-next{order:11;}
@media (max-width: 991.98px) {
	.section-header .options:empty{display: none;}
}
@media (max-width: 767.98px) {
	.section-header{flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
}



/* ************************* */
/* 6. MODALS	   			 */
/* ************************* */
.modal{z-index: 2000!important;}
.modal-content{padding:3.5rem; 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:var(--color-dark-grey); 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;}
.modal a{cursor: pointer;} 

@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%;}
}
@media (min-width: 992px) {
	.modal-custom-medium {
	  --bs-modal-width: 650px;
	}
  }

/* ************************* */
/* 10. ACCORDION	 		 */
/* ************************* */
.accordion .accordion-item{border:0; background: transparent;}
.accordion .accordion-item + .accordion-item{margin-top:0.31rem;}
.accordion .accordion-header {margin:0;}
.accordion .accordion-button{border-radius:var(--radius-normal)!important; color:var(--color-base); background: var(--color-light-blue); box-shadow: none; font-size: var(--h5); font-weight: inherit; padding:1rem 1.5rem;}
.accordion .accordion-button::after {content: '\2b'; font:var(--font-icon); font-size: 0.93rem; color:var(--color-link); background: none; width:auto; height:auto; transition-duration:0.4s;}
.accordion .accordion-button:not(.collapsed)::after {transform: rotate(-135deg);}
.accordion .accordion-button[aria-expanded='true']{border-bottom-left-radius:0!important; border-bottom-right-radius:0!important;  background-color: var(--color-light-blue); color:var(--color-base);}
.accordion .accordion-button[aria-expanded='true']:after{transform: rotate(135deg);}
.accordion .accordion-button:focus, .accordion .accordion-button:hover{color:#fff; background-color: var(--color-link); box-shadow: none;}
.accordion .accordion-button:focus:after, .accordion .accordion-button:hover:after{color:#fff;}
.accordion .accordion-body {border-top:1px solid var(--color-grey); padding:1.5rem; border-radius: 0 0 var(--radius-normal) var(--radius-normal); position:static; background: var(--color-light-blue);}



/* ************************* */
/* 12. TABLES				 */
/* ************************* */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0;}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{ vertical-align:bottom; background-color: var(--color-indigo); color:#fff; }
.textbox table thead th:first-child{border-top-left-radius: var(--radius-normal);}
.textbox table thead th:last-child{border-top-right-radius: var(--radius-normal);}
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even) td{background-color:var(--color-light-blue);}
.textbox table tr td{transition:background 0.2s ease;}
.textbox table tr:hover td{background-color:var(--color-grey);} 
.textbox table th{position: sticky; top:var(--header-height-sticky); z-index: 2;}
.textbox table tbody tr:last-child td:first-child{border-bottom-left-radius: var(--radius-normal);}
.textbox table tbody tr:last-child td:last-child{border-bottom-right-radius: var(--radius-normal);}
@media (max-width: 991.98px) {
	.textbox table th{top:0;}
}
@media (max-width: 767.98px) {
	.textbox table{border-top:1px solid var(--color-grey); border-bottom: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 td {display: flex; padding:0.5rem; text-align: left; border:0;}
	.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	.textbox table tbody tr:last-child td:first-child{border-bottom-left-radius:0;}
	.textbox table tbody tr:last-child td:last-child{border-bottom-right-radius:0;}

}



/* ************************* */
/* 14. ASIDE CTA BANNER		 */
/* ************************* */
.cta-box{display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding:var(--padding-normal) 2rem; border-radius:var(--radius-normal);}
.cta-box .cta-link{ z-index:3;}
.cta-box .title{font-size: var(--h4);}
.cta-box .overlay-color-dark:after{transition: background 0.2s ease;}
.cta-box:hover .overlay-color-dark:after{background:  rgba(19, 35, 57, 0.80);}
@media (max-width: 767.98px) {
	.cta-box{width:60vw; min-height:max(calc(60vw/1.4),1rem); margin-left:auto; margin-right:auto;}
}
@media (max-width: 575.98px) {
	.cta-box{width:80vw; min-height:max(calc(80vw/1.4),1rem);}
}



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



/* ************************* */
/* 21. TAGS LISTING 		 */
/* ************************* */
.tags-listing{display: flex; flex-wrap:wrap; gap:0.25rem; line-height: 1.2;}
.tags-listing a{font-size: var(--text-small); height:1.37rem; display: flex; align-items: center; padding:0.13rem 0.5rem; background: var(--color-light-grey); text-decoration: none; border-radius:var(--radius-small);}
.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);}



/* ************************* */
/* 24. GALLERY INTERNAL SLIDER */
/* ************************* */
.gallery-internal-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
.gallery-internal-slider .item{margin:0 0.75rem; border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1); }
.gallery-internal-slider .item .image{aspect-ratio:1.618/1; }
.gallery-internal-slider .image img{object-fit: cover; width:100%; height:100%; transition:transform 0.4s ease; transform-origin: center;}
.gallery-internal-slider .image:after{content: ''; background: url("../../img/i-album-hover.svg") no-repeat var(--color-black30) center / 6rem ; opacity:0; position: absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.4s ease, background 0.4s ease;}
.gallery-internal-slider .item:hover .image:after{opacity:1; background-size: 3.5rem;}
.gallery-internal-slider .item:hover .image img{transform:scale(1.2);}
.gallery-internal-slider .slick-list{border-radius:var(--radius-normal);}
.gallery-internal-slider .area-link{display: flex; align-items: center; justify-content: center;text-decoration: none;}
.gallery-internal-slider .item.video .area-link:after{content: '\f144'; opacity:0.64; border-radius:50%; color:#fff; background: rgba(19, 35, 57, 0.56); display: flex; align-items: center; justify-content: center; width:3.75rem; height:3.75rem; font: var(--font-icon); font-size: 2.75rem; text-decoration: none; transition:opacity 0.4s ease;}
.gallery-internal-slider .item.video:hover .area-link:after{opacity:1;}
.gallery-internal-slider .item.video .image:after{background-image: none;}

.gallery-slider-controls .slick-arrow{position: relative;}
.gallery-slider-controls .slick-prev{left:0;}
.gallery-slider-controls .slick-next{right:0;}
@media (max-width: 991.98px) {
	.gallery-internal-slider{margin-left:-0.375rem; margin-right:-0.375rem;}
	.gallery-internal-slider .item{margin:0 0.375rem; border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1); }
}



/* ************************* */
/* 26. RESOURCE CARD		 */
/* ************************* */
.resource-card{display: flex; flex-direction: column; align-items: flex-start; border:1px solid var(--color-light-blue); border-radius: var(--radius-normal); overflow: hidden; transform: scaleZ(1); width:100%; transition:box-shadow 0.4s ease;}
.resource-card .ba-resource-type{display: flex; align-items: center; border-radius:0 0 1rem 0; color:#fff; background: var(--color-yellow); height:1.87rem; padding:0.1rem 1.5rem; text-decoration: none; font-size: 0.75rem; line-height: 1.2; font-weight: 500; letter-spacing: 0.0175rem; text-transform: uppercase; position: absolute; z-index: 2; top:0; left:0;}
.resource-card .ba-resource-type:hover, .resource-card .ba-resource-type:focus{background: var(--color-dark-blue);}
.resource-card .image{width:100%; }
.resource-card .image img{aspect-ratio:1.79/1; object-fit: cover; width:100%; height:100%; border-radius:0 0 var(--radius-normal) var(--radius-normal);}
.resource-card .title{font-size: var(--h5); margin-bottom:var(--margin-small); transition:color 0.2s ease;}
.resource-card .description{width:100%; padding:3rem 1.5rem 1.5rem 1.5rem; flex-grow:1;}
.resource-card .image + .description{padding-top:1.5rem;}
.resource-card .textbox{margin-bottom:0;}
.resource-card .card-footer{padding-left:1.5rem; background: var(--color-light-blue); width:100%; display: flex; align-items: center; justify-content: space-between;height:3rem}
.resource-card .card-footer .date{font-size: 1rem; font-weight: 700; color:var(--color-dark-grey);}
.resource-card .card-footer .link{border-radius:var(--radius-normal) 0 0 0; font-size: 1.25rem; color:#fff; padding:0.1rem 1.5rem; background: var(--color-link); text-decoration: none; height:3rem; display: flex; align-items: center; justify-content: center;margin-left:auto;}
.resource-card .card-footer .link:hover, .resource-card .card-footer .link:focus{background: var(--color-yellow);}
.resource-card a:not(.area-link){z-index: 5;}
.resource-card:hover .title, .resource-card .area-link:focus ~ .title{color:var(--color-hover);}

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



/* ************************* */
/* 33. TOOLTIP 	 			 */
/* ************************* */
.tooltip-tip{flex:none; display: inline-flex; align-items:center; justify-content: center; line-height: 1; font-weight: 700; width:1.31rem; height:1.31rem; border-radius:50%; color:#fff; padding:0; border:0; background: var(--color-link); transition:background 0.2s ease, color 0.2s ease;}
.tooltip-tip:hover, .tooltip-tip:focus{background: var(--color-hover);}

.tooltip{font-size:var(--text-small);}
.tooltip.show{opacity: 1;}
.tooltip-inner {box-shadow: 0 0 2rem 0 rgba(0, 39, 71, 0.24);  max-width: 23.25rem; border-radius:var(--radius-normal); border:0; text-align: left; padding:1rem; background-color:#fff; color: var(--color-black); font-family: 'Base'; }
.tooltip .tooltip-arrow{display: none;}

.form-check .tooltip-tip{margin-left:0.5rem;}

@media (max-width: 991.98px) {
	.tooltip-tip{line-height: 1.5;}
}



/* ************************* */
/* 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; align-items: flex-start;}
	.image-50-text-block .image-wrap{width:100%;}
}