:root {
	--color-white-off: #EBEADB;
	--color-salmon: #F0C4A0;
}

.faq-slider .item {
	width:93%;
	margin-right:16px;
	border:#fff 1px solid;
	border-radius:10px;
	padding:var(--gutter-sm);
	padding-top:160px;
/*	min-height: 100%;*/
	position:relative;
	overflow:hidden;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}

.flickity-resize .item {
  min-height: 100%;
}

.faq-slider .item .meta {
	display:flex;
	gap:35px;
}

.faq-slider .item p,
.faq-slider .item ol,
.faq-slider .item ul{
	font-size:14px;
}

.faq-slider .item ul{
   list-style-type: disc;
}

.faq-slider .item p a{
	color: orange;
}


.faq-slider .item ul li{
   margin-bottom: 4px;
   line-height: 1.6;
}

.faq-slider .item strong{
   font-weight: 900;
   color:orange;
}


.faq-slider .item .modal-content {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	padding:20px;
	background:var(--color-black-off);
	color:#fff;
	opacity:0;
	visibility: hidden;
    transition: opacity 0.25s linear, visibility 0ms linear 0.25s;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.faq-slider .item .modal-content::-webkit-scrollbar {
  display: none;
}

.faq-slider .item .modal-content:after {
    content: '';
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 1) 100%);
    z-index: 1;
}

.faq-slider .item .modal-content .local-modal-hide { display:none; }

.faq-slider .item .modal-content.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s, visibility 0s;
}

.faq-slider .flickity-viewport {
    overflow: visible;
}

.faq-slider .flickity-button {
    display: none;
}

.faq-slider .item .body {
	overflow: hidden;
	text-overflow: clip;
	max-height:50px;
}

.faq-slider .item .modal-content .close {
	position:fixed;
	z-index:2;
	bottom:var(--gutter-sm);
	left:var(--gutter-sm);
}

.faqs-filter-nav .filter-btn {
	opacity:0.4;
	transition:opacity 0.28s ease;
	cursor:pointer;
}

.faqs-filter-nav .filter-btn.active,
.faqs-filter-nav .filter-btn:hover {
	opacity:1;
}

.section-header .header-label {
	display:flex;
	column-gap:45px;
	align-items:flex-end;
	white-space:nowrap;
}

.section-header .header-label p {
	font-size:14px;
	line-height:1;
	margin:0;
}

.section-header .header-label .large {
	font-weight:700;
	font-size:24px;
	transform:translateY(3px);
}

.faq-slider .item .modal-content .scroll-text {
	padding-bottom:60px;
}

.scrolling-title span.outline {
	-webkit-text-stroke-color: var(--color-orange);
}

.scrolling-title .title {
	display:inline-block;
}

.scrolling-title .inner {
	display: inline-block;
	white-space: nowrap;
	animation: bannermove 20s linear infinite;
}

.section-header.sub-nav {
	column-gap:130px;
}

.section-header.sub-nav .filter-btn {
	opacity:0.4;
	transition:opacity 0.28s ease;
	cursor:pointer;
}

.section-header.sub-nav .filter-btn.active,
.section-header.sub-nav .filter-btn:hover {
	opacity:1;
}

@media(max-width:1023px) {
	.faq-slider .item {
		max-width:615px;
	}
}

@media(min-width:1024px) {
	
	.faqs-filter-nav {
		column-gap:50px;
		justify-content:center;
	}
	
	.faq-slider .item {
		width:calc(40% - 25px);
		margin-right:50px;
/*	    aspect-ratio: 1 / 0.6;*/
		padding:160px 65px 65px 65px;
	}
	
	.faq-slider .item .modal-content {
		padding:65px;
	}
	
	.faq-slider .item .modal-content .scroll-text {
		padding-bottom:100px;
	}
	
	.faq-slider .item .modal-content .close {
		bottom:65px;
		left:65px;
	}
	
	.training-details-section .faq-slider:not(.active),
	.training-details-section .flickity-button:not(.active) {
		opacity:0;
		display:none;
	}

}

.training-details-section.theme-white-off .section-header .h2,
.training-details-section.theme-white-off .section-header.sub-nav .filter-btn {
	color:var(--color-white-off);
}

.training-details-section.theme-white-off.slider-section .flickity-button,
.training-details-section.theme-white-off.slider-section .item .btn {
	background:var(--color-white-off);
}

.training-details-section.theme-salmon .section-header .h2,
.training-details-section.theme-salmon .section-header.sub-nav .filter-btn {
	color:var(--color-salmon);
}

.training-details-section.theme-salmon.slider-section .flickity-button,
.training-details-section.theme-salmon.slider-section .item .btn {
	background:var(--color-salmon);
}

.training-details-section.theme-orange .section-header .h2,
.training-details-section.theme-orange .section-header.sub-nav .filter-btn {
	color:var(--color-orange);
}

.training-details-section.theme-orange.slider-section .flickity-button,
.training-details-section.theme-orange.slider-section .item .btn {
	background:var(--color-orange);
}

.training-details-section.theme-white-off.slider-section .flickity-button:after,
.training-details-section.theme-salmon.slider-section .flickity-button:after,
.training-details-section.theme-orange.slider-section .flickity-button:after {
	background-image:url(/wp-content/themes/nwc/resources/img/arrow-right-dark.svg);
}