/* ============================================ Owl Carousel Site Theme CSS ==============================================
section	==		The whole section which holds an owl carousel element
container ==	The actual owl container itself (has a margin, so background colors & other page wide designs need to go into section)
header ==		The title's header element
item == 		The actual parent div for all the content

**When using multiple owl's be sure to use unique id's for css to reduce conflicts. EX: #rev-carousel .item , etc.

======================================================================================================================= */

/*A few helper elements*/
.d-xl-inline{display:none}
@media(min-width:1200px){.d-xl-inline{display:inline}}
.pr-0{padding-right:0!important}
.red{color:#C4172C}
.d-flex{display:flex}

/* Coupon Area Styling */

#coup-carousel .item{margin:auto;padding:2px}

/* Review Area Styling */

#rev-carousel .item{font-size:14px;text-align: justify;margin-right: 2rem;min-height:240px}
.rev-logo{max-height:50px;font-size:17px;padding-right:0!important}
.rev-site-name{font-weight:600;font-size:20px}
.rev-date{font-style: italic}
.rev-date,.rev-site-name{
	text-align:right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.star{height:25px}
.rev-para{margin-top: 1.5rem;text-indent:2rem}
.rev-link{color:#C4172C!important}

.rev-link-area {
	bottom: 0;
	position:absolute;
}


/* Featured Area Styling */

#featured-owl .item{padding:.5rem}


/* Base OWL Elements */

.owl_info_title{background:rgb(250,250,250)}
.hover_overlay{
	background:rgba(250,250,250,.9);
	position:absolute;
	top:100%;
	left:.5rem;
	width:calc(100% - 1rem);
	height:calc(100% - 2.5rem - 24px);
	-webkit-transition:top .5s;
	transition:top .5s;
}
.item:hover .hover_overlay{top:calc(2.5rem + 24px)}
.text-right{text-align:right !important}
.owl_info_title{text-align:center}.owl_info_title,.hover_info{padding:1rem;height:100%}
.vin-owl{font-size:13px !important;margin-bottom:10px !important}
.owl_info_title h3,.hover_overlay h3{font-weight:600}
.hover_overlay h3 + h3,
.hover_overlay h4 + h4{margin-bottom:2.5rem}
.hover_overlay hr{margin:1rem 0;border:1px solid #000}
.owl_info_title h3,.hover_overlay p,.hover_overlay h3,.hover_overlay h4{margin:0;text-decoration:none !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.hover_overlay h4{margin-bottom:5px}
.hover_overlay p{font-size:16px;margin-bottom:5px}
.owl-cta{
	background-color:#C4172C;
	padding:1.25rem 0;
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}
#featured-owl a, #featured-owl a:hover{
	text-decoration:none !important;
	color:#000;
}

/* Containers */

.img-owl-ctn{overflow-y:hidden;width:100%}
.owl-header{
	color:#fff;
	background:#C4172C;
	border-top:1px solid #FFF;
	text-align:center;
	margin:0 auto;
}
.owl-header h2{padding:1rem 0;margin:0}
.owl-section{background:#ccc}
.owl-container{
	width:97vw;		/*100% or 100 vw breaks things and adds a horizontal scroll :( */
	max-width:97vw;
	margin-left:auto;
	margin-right:auto;
	padding:2vw 0;
}

/* Styling Pagination Dots */
.owl-theme .owl-controls .owl-page{
	display:inline-block;
	zoom:1;
	*display:inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display:block;
	width:12px;
	height:12px;
	margin:5px 7px;
	filter:Alpha(Opacity=50);/*IE7 fix*/
	opacity:0.5;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#222;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter:Alpha(Opacity=100);/*IE7 fix*/
	opacity:1;
	background-color:#C4172C;
}
.owl-navigation{
	background-color:c9c9ca;
	color:black;
	border:none;
	width:100px;
}
.owl-theme .owl-controls{
	margin-top:10px;
	text-align:center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
	color:#FFF;
	display:inline-block;
	zoom:1;
	*display:inline;/*IE7 life-saver */
	margin:5px;
	padding:3px 10px;
	font-size:12px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	background:#869791;
	filter:Alpha(Opacity=50);/*IE7 fix*/
	opacity:0.5;
}
/* Clickable class fix problem with hover on touch devices. Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter:Alpha(Opacity=100);/*IE7 fix*/
	opacity:1;
	text-decoration:none;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height:auto;
	width:auto;
	color:#FFF;
	padding:2px 10px;
	font-size:12px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}
/* preloading images */
.owl-item.loading{
	min-height:150px;
	background:url(AjaxLoader.gif) no-repeat center center
}