/* from https://splidejs.com/ */
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;opacity:.7}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #00bfff;opacity:1}.splide__arrow{-ms-flex-align:center;align-items:center;background:transparent;border:0;border-radius:0;cursor:pointer;display:-ms-flexbox;display:flex;height:2.5em;-ms-flex-pack:center;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2.5em;z-index:1}.splide__arrow svg{fill:#00bfff;height:2.5em;transition:fill .2s linear;width:2.5em}.splide__arrow:hover:not(:disabled) svg{fill:#66d9ff}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #00bfff;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #00bfff;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:10px;margin:3px;padding:0;position:relative;transition:background-color .2s linear,transform .2s linear;width:10px}.splide__pagination__page.is-active{background:#00bfff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{background:#66d9ff;cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #00bfff;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #00bfff;outline-offset:3px}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;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__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;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 #00bfff;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}@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{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #00bfff;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #00bfff}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #00bfff;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #00bfff}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#00bfff}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #00bfff;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #00bfff;outline-offset:3px}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

/* styles for carousel/grid/list */
.barn-classes-carousel {
	padding: 0 80px;
}

.barn-classes-carousel ul.splide__list li {
	display: flex;
}

.barn-classes-carousel .splide__arrow svg {
	fill: #c10017 !important;
}

.barn-classes-carousel .splide__arrow:hover svg,
.barn-classes-carousel .splide__arrow:hover:not(:disabled) svg {
	fill: #ff0000 !important;
}

.barn-classes-carousel .splide__track--nav>.splide__list>.splide__slide.is-active {
	border-color: #F65B0B !important;
}

.barn-classes-carousel .ClassBox,
.barn-classes-grid .ClassBox {
	border: 1px solid #f4f0ec;
	padding: 0;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.barn-classes-carousel .ClassImage,
.barn-classes-grid .ClassImage {
	border: 1px solid #f4f0ec;
}

.barn-classes-carousel .ClassContent,
.barn-classes-grid .ClassContent {
	flex: 1 0 auto;
	padding: 25px 20px;
}

.barn-classes-carousel .ClassCategory,
.barn-classes-grid .ClassCategory {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 8px;
}

.post-content .barn-classes-carousel h3,
.post-content .barn-classes-grid h3,
.post-content .barn-classes-list h3 {
	font-size: 20px !important;
	line-height: 26px !important;
	font-weight: 800 !important;
	margin-bottom: 8px;
}

.post-content .barn-classes-carousel ul li h3 a,
.post-content .barn-classes-grid ul li h3 a,
.post-content .barn-classes-list ul li h3 a {
	font-weight: 800 !important;
}

.barn-classes-carousel .ClassLink,
.barn-classes-grid .ClassLink {
	text-align: center;
}

.barn-classes-carousel .ClassDate,
.barn-classes-grid .ClassDate,
.barn-classes-list .ClassDate {
	font-size: 16px;
	line-height: normal;
}

.barn-classes-carousel .ClassButton,
.barn-classes-grid .ClassButton {
	margin-bottom: 25px;
}

.barn-classes-carousel a.ClassButton,
.barn-classes-grid a.ClassButton {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	line-height: 18px;
	letter-spacing: 0;
	background: #c10017;
	color: #fff;
	border-width: 0;
	border-style: solid;
	border-radius: 5px;
	text-transform: none;
	transition: all .2s;
	padding: 10px 40px;
	margin: 0;
}

.barn-classes-carousel a.ClassButton:hover,
.barn-classes-grid a.ClassButton:hover {
	background: #f00;
	color: #fff;
	text-decoration: none !important;
}

@media only screen and (max-width: 900px) {
	.barn-classes-carousel {
		padding: 0 60px;
	}
}

@media only screen and (max-width: 600px) {
	.barn-classes-carousel {
		padding: 0 40px;
	}

	.barn-classes-carousel .splide__arrow--prev {
		left: 0;
	}

	.barn-classes-carousel .splide__arrow--next {
		right: 0;
	}
}

@media only screen and (max-width: 450px) {
	.barn-classes-carousel {
		padding: 0 33px;
	}
}

.barn-classes-grid {
	margin-bottom: 25px;
}

.barn-classes-grid ul {
	display: grid;
	grid-template-columns: repeat(4, calc(25% - 20px));
	grid-auto-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 30px;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.barn-classes-grid ul li {
	display: flex;
}

@media only screen and (max-width: 1200px) {
	.barn-classes-grid ul {
		grid-template-columns: repeat(3, calc(33.33333333333% - 20px));
	}
}

@media only screen and (max-width: 1023px) {
	.barn-classes-grid ul {
		grid-template-columns: repeat(2, calc(50% - 20px));
	}
}

@media only screen and (max-width: 767px) {
	.barn-classes-grid ul {
		grid-template-columns: repeat(1, 100%);
		grid-column-gap: 0;
	}
}

.barn-classes-list {
	margin-bottom: 25px;
}

.post-content .barn-classes-list ul {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

.barn-classes-list ul li {
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	list-style: none;
	border-bottom: solid 1px #9a9a9a;
	line-height: normal;
}

.barn-classes-list ul li:last-of-type {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
