/* Splide CSS */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered,[data-js-splide-initialized="true"]{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative;}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0;width: 100%;}

.resource-card {
	margin:0!important;
	margin-right: 30px;
    width: calc(25% - 22.5px);
    flex-shrink:0;
    list-style-type:none!important;
    margin:0;
    position:relative;
}

@media only screen and (max-width: 1024px) {
	.resource-card {
	    width: calc(33% - 18px);
	}
}

@media only screen and (max-width: 767px) {
	.resource-card {
	    width: calc(50% - 15px);
	}
}

@media only screen and (max-width: 500px) {
	.resource-card {
	    width: 100%;
	}
}

.resource-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* Custom CSS for Splide init. */
[data-js-splide-initialized="true"] {
	visibility: visible;
}

/* NinjaOne CSS */
.resource-header {
	display: grid;
	grid-template-columns: repeat(2, 1fr);	
	justify-content: space-between;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto var(--space-m);
	width: 100%;
}

.splide__arrows {
	display: flex;
	justify-self: end;
	align-items: center;
	gap: var(--space-s);
}

.splide__arrows button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border: none;
	padding: 0;
	margin: 0;
	background-color: var(--c-light-1);
}

.splide__arrows button:hover {
	border: none;
	background-color: var(--c-light-1);
}

.splide__arrows svg path {
	transition: all 0.3s ease;
}

.splide__arrows button:hover svg path {
	stroke: var(--c-light-4);
}

.splide__arrow.splide__arrow--prev svg {
	transform: rotate(180deg);
}

.resource-header .slide-number {
	color: var(--c-blue-3);
	font-size: var(--step--1);
	font-weight: 500;
}

a.resource-block.hidden {
	display: none !important;
}

.resource-block h3 {
	font-size: 16px;
}

.resource-category {
	margin-top: 40px;
	padding: 0 20px;
}

.resource-header h2 {
	font-family: var(--step--3);
	color: #004668;
	margin-bottom: 0 !important;
}

.elementor-kit-6 .resource-name-mb {
	font-family: var(--step--3);
	color: #004668;
	display: none;
}

.resource-category-row {
	display: flex;
	flex-wrap: wrap;
}

.elementor  .resource-block {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	text-decoration: none !important;
	background-color: var(--c-light-1);
  display: grid;               /* grid works fine on a block element */
  grid-template-rows: auto 1fr;/* image = auto, content = fill */	
}

.nav-section-mid::before, .nav-section-mid::after {
	display: none !important;
}

.resource-image {
	position: relative;
	border-radius: 8px 8px 0 0;
	aspect-ratio: 400 / 209;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.resource-image:not(.story-image) {
	background-color: #242531;
}

.resource-content {
	position: relative;
	display: flex;
	flex-direction: column;
	--flex-grow: 1;
	--flex-shrink: 0;
	justify-content: space-between;
	padding: var(--space-m);
	min-height: 180px;
	gap: var(--space-2xs);
}

.resource-content span.resource-type {
	display: block;
	line-height: 1.5;
	color: var(--c-blue-4);
	font-size: var(--step--2);
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: var(--space-2xs);
	letter-spacing: 0.1em;
}

.resource-content h3 {
	margin-top: 0;
	color: var(--c-blue-4);
	font-weight: 320;
	font-size: var(--step-0);
	line-height: 1.5;
}

.resource-content p {
	color: var(--c-blue-4);
	font-weight: 500;
	font-size: var(--step--1);
	line-height: 25px;
}

.resource-content p svg {
	transition: all .35s;
}

.resource-content p:hover svg {
	margin-left: 14px !important;
}

.no-resources {
	width: 100%;
	text-align: center;
}

.clear-filter-row {
	border-top: 1px solid var(--c-light-4);
	padding: var(--space-s) var(--space-xs);
}

#clearTypes,
#clearCats {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 8px;
	height: auto;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	background: transparent;
	border: none;
	width: 100%;
	color: #068444;
	padding: 0;
}

@media screen and (min-width: 1400px) {
	.resource-header {
		padding: 0;
	}
	.resource-category {
		padding: 0 0px;
	}
}

@media screen and (max-width: 1100px) {
	.resource-category {
		padding: 0 20px;
	}
}

@media screen and (max-width: 800px) {
	.resource-header {
		order: 2;
		grid-template-columns: repeat(1, 1fr);
	}
	.resource-header h2 {
		display: none;
	}
	.elementor-kit-6 .resource-name-mb {
		display: block;
	}
	.resource-header .splide__arrows {
		justify-self: normal;
    justify-content: space-between;
    margin-top: var(--space-m);
	}
}

@media screen and (max-width: 480px) {
	.no-resources {
    width: 265px;
    margin: 0 auto;
	}
}