﻿.carousel-promotion {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-moz-box-shadow: 0 0 6px #cccccc;
	-webkit-box-shadow: 0 0 6px #cccccc;
	-ms-box-shadow: 0 0 6px #cccccc;
	box-shadow: 0 0 6px #cccccc;
	padding: 20px 20px 20px 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}

	.carousel-promotion :focus {
		outline: 0;
	}

.carousel-unit-img {
	margin: 0 auto;
	position: relative;
	text-align: center;
	border: 1px solid #407F6E !important;
}

.carousel-unit-title {
	outline: 0;
	margin: 7px auto 0;
	width: 90%;
	/*color: #527a4b;*/
    color: #028940; 
	font-size: 20px;
	/*font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif;*/
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight:700;

}

.carousel-unit-subtitle {
	outline: 0;
	margin: 4px auto 0;
	width: 90%;
	color: #353535;
	font-size: 14px;
	font-family: Roboto,Arial, Helvetica, sans-serif !important;
	font-weight: 300;
	line-height: 19px;
}

.carousel-link, .carousel-link p {
	font-size: 18px;
	/*font-family: "ProximaNova-Bold", Arial, Helvetica, Sans-Serif;*/
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight:700;
    background: none;
	/*color: #527a4b;*/
    color: #028940;
	text-decoration: none;
	line-height: 23px;
	margin-top: 14px;
}

a.carousel-link {
	font-size: 18px;
	outline: 0;
	display: block;
}

	a.carousel-link:hover {
		color: #00543d;
		cursor: pointer;
	}

.carousel-title {
	display: inline-block;
	color: #a4a4a4;
	font-size: 14px;
	/*font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif;*/
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight:400;
    text-transform: uppercase;
	padding-bottom: 7px;
}

.home-promotions-link {
	/*font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif;*/
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 14px;
	display: block;
    text-decoration: none;
}

.active-border {
	border-right: 1px dotted #a4a4a4;
	padding-right: 10px;
}

.edit-carousel-cell {
	position: absolute;
	width: 50%;
	text-align: center;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 1em;
}

a[target='#youtube'] i.fa-play-circle {
	position: absolute;
	bottom: 0;
	right: 0;
}

.carousel-next,
.carousel-prev {
	cursor: pointer;
	color: #00543d;
	text-align: center;
	width: 25px;
	position: absolute;
	bottom: 25%;
	padding: 50px 0;
	outline: none;
	border: none;
}

.carousel-next {
	right: -25px;
}

.carousel-prev {
	left: -25px;
}

	.carousel-prev:focus,
	.carousel-next:focus {
		outline: 0;
	}

	.carousel-next.slick-disabled,
	.carousel-prev.slick-disabled {
		cursor: default;
		color: #b1b1b1;
		outline: none;
	}


/* page editor classes */
.carousel-promotion.no-border {
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.carousel-promotion.no-border-controls .carousel-controls,
.carousel-promotion.no-border-controls .carousel-side-control {
	display: none;
}

.carousel-promotion.no-paging .carousel-controls {
	display: none;
}

/* page specific style adjustments */
.full-width-carousel-bottom {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
	margin-left: 18px;
	margin-right: 18px;
	display: block;
}



.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0 0 2px 0 !important;
	padding: 0;
}

	.slick-list:focus {
		outline: none;
	}

.slick-loading .slick-list {
	background: #FFF url(/images/Core/loading.gif) center center no-repeat;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}

	.slick-track:before,
	.slick-track:after {
		content: "";
		display: table;
	}

	.slick-track:after {
		clear: both;
	}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

	.slick-slide img {
		display: inline-block;
		padding-bottom: 0 !important;
	}

	.slick-slide.slick-loading img {
		display: none;
	}

	.slick-slide.dragging img {
		pointer-events: none;
	}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}


.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	margin-top: 10px;
}

	.slick-dots li {
		position: relative;
		display: inline-block;
		height: 20px;
		width: 20px;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}

		.slick-dots li button {
			border: 0;
			background: transparent;
			display: block;
			height: 20px;
			width: 20px;
			outline: none;
			line-height: 0;
			font-size: 0;
			color: transparent;
			padding: 5px;
			cursor: pointer;
			background-image: url(/images/Promotions/Carousel/carousel-page-inactive.gif);
			background-repeat: no-repeat;
			margin-right: 5px;
			*float: left !important;
		}

			.slick-dots li button:focus {
				outline: none;
			}

			.slick-dots li button:before {
				position: absolute;
				top: 0;
				left: 0;
				width: 20px;
				height: 20px;
				font-family: slick;
				font-size: 6px;
				line-height: 20px;
				text-align: center;
				color: #000;
				-ms-opacity: 0.25;
				opacity: 0.25;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

		.slick-dots li.slick-active button {
			-ms-opacity: 0.75;
			opacity: 0.75;
			background-image: url(/images/Promotions/Carousel/carousel-page-active.gif);
			background-repeat: no-repeat;
			margin-right: 5px;
		}


.minipromo-tagline a {
	margin: -10px -10px 0px 0px;
	position: relative;
	float: right;
	display: inline;
	font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00543d;
	text-decoration: none;
}

	.minipromo-tagline a:hover {
		text-decoration: underline;
	}

/*Mobile Media Query*/
@media screen and (max-width: 767px) {
	.carousel-promotion {
		border: none;
		box-shadow: none;
		padding: 15px 15px 5px 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	
.carousel-unit-title {
	margin: 3px 7px 10px 7px;
}

	.carousel-unit-img {
		max-width: 40%;
		height: auto;
		float: left;
		margin: 0 17px 12px 0;
	}

	.carousel-link, .carousel-link p {
		font-size: 20px;
		line-height: 22px;
		margin-top: 0px;
	}
	
	
	.carousel-unit-subtitle {
		font-size: 15px;
		line-height: 18px;
	}

	.slick-slide img {
		display: inline-block;
		padding-bottom: 0 !important;
		width: 100%;
	}

	.minipromo-tagline a {
		float: none;
		text-align: center;
	}

    .home-promotions-link {
        display: none;
    }
}

/*Tablet Media QUery*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-promotion {
		background-color: #ffffff;
		border: 1px solid #cccccc;
		-moz-box-shadow: 0 0 6px #cccccc;
		-webkit-box-shadow: 0 0 6px #cccccc;
		-ms-box-shadow: 0 0 6px #cccccc;
		box-shadow: 0 0 6px #cccccc;
		padding: 13px 20px 14px 20px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.carousel-unit-subtitle {
		outline: 0;
		margin: 4px auto 0;
		width: 90%;
		color: #353535;
		font-size: 14px;
		line-height: 19px;
		font-family: Roboto,Arial, Helvetica, sans-serif !important;
		font-weight: 300;
	}

	.carousel-link p {
		font-size: 18px;
		line-height: 20px;
	}

	.carousel-unit-img {
		max-width: 125px;
		float: left;
		margin: 5px 16px 6px 0;
	}

    .home-promotions-link {
        display: none;
    }
}

/*Desktop Media Query*/
@media screen and (min-width: 992px) {
	.carousel-unit-img {
		width: 174px;
	}

    .home-promotions-link {
        margin: 10px 0 0;
        text-align: right;
    }
}