@media only screen {
	.multi_slider {
		position: relative;
		visibility: hidden;
	}
	.multi_slider .items {
		margin: 0 30px;
	}
	.multi_slider .items .item {
		position: relative;
		height: 170px;
		padding-bottom: 10px;
	}
	.panel_custom_one_col .multi_slider .items .item {
		height: 240px;
	}
	.multi_slider .items div > .item:first-child {
		padding-right: 5px;
	}
	.multi_slider .items div > .item:last-child {
		padding-left: 5px;
	}
	.multi_slider .items .item .item-image {
		position: relative;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		transition: all 0.15s ease-in-out;
	}
	.multi_slider .items .item .item-image .item-shading {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	}
	.multi_slider .items .item .item-contents {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 5;
		width: 100%;
		padding: 0 20px 15px;
	}
	.multi_slider .items .item .item-contents .inline-list {
		margin: 0;
		padding: 0;
	}
	.multi_slider .items .item .item-title {
		display: block;
		font-family: "sweet-sans-pro", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: -0.29px;
		color: #fff;
	}
	.multi_slider .items .item:hover .item-image, .multi_slider .items .item:active .item-image, .multi_slider .items .item:focus .item-image {
	}
	.multi_slider .items .item .item-details ul li {
		font-family: "sweet-sans-pro", sans-serif;
	    font-weight: 800;
	    font-style: normal;
		font-size: 0.7rem;
		line-height: 1rem;
		color: #c3d325;
		margin: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		text-transform: uppercase;
	}
	.multi_slider .items .item .item-details ul li:after {
		content: '|';
		margin: 0 15px;
		font-family: "sweet-sans-pro", sans-serif;
	    font-weight: 800;
	    font-style: normal;
		font-size: 0.9rem;
		line-height: 1rem;
		color: #fff;
	}
	.multi_slider .items .item .item-details ul li:last-child {
		margin-right: 0;
	}
	.multi_slider .items .item .item-details ul li:last-child:after {
		display: none;
	}
	.multi_slider .slick-controls .slick-nav .slick-arrow {
		position: absolute;
		display: block;
		top: 50%;
		z-index: 5;
		width: 30px;
		height: 30px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.multi_slider .slick-controls .slick-nav .slick-arrow .fa {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		font-family: 'FontAwesome' !important;
		font-weight: 100;
		font-size: 30px;
		line-height: 30px;
		color: #F1B772;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.multi_slider .slick-controls .slick-nav .slick-arrow.slick-prev {
		left: 0;
	}
	.multi_slider .slick-controls .slick-nav .slick-arrow.slick-prev .fa {
		margin-left: 0;
	}
	.multi_slider .slick-controls .slick-nav .slick-arrow.slick-next {
		right: 0;
	}
	.multi_slider .slick-controls .slick-nav .slick-arrow.slick-next .fa {
		margin-right: 0;
	}
	.multi_slider .slick-prev,
	.multi_slider .slick-next {
		margin-top: -11px;
	}
	.multi_slider .slick-prev:before,
	.multi_slider .slick-next:before {
		display: none;
	}
	.multi_slider .time-to-read {
		display: flex;
		align-items: baseline;
		gap: 8px;
		font-size: 15px;
		font-weight: bold;
	}
}
@media only screen and (min-width: 40.063em) {
	.multi_slider .items .item {
		padding-bottom: 15px;
	}
	.multi_slider .items div > .item:first-child {
		padding-right: 10px;
	}
	.multi_slider .items div > .item:last-child {
		padding-left: 10px;
	}
}
@media only screen and (min-width: 64.063em) {
	.multi_slider .items .item {
		height: 150px;
	}
}
