/*
This is your custom Style Sheet. It's the last css resource loaded so you can
easily overwrite css selectors from other style sheets.
*/

/******Ticket 217393 - making video in listing detail bigger***************/

@media screen and (min-width: 1200px){
.video-gallery[data-columns="3"] .video-list .video-item {
    width: calc((100% / 3) - (-40px * 2));
}
}


/****Ticket 221098 - Deals Responsive****/
.details-default>.detail-body .description-picture img{
max-width: 100%;
height: auto;
object-fit: cover;
}

/****Ticket 221098 - Slider Black Overlay Remove****/
.hero-default[data-type="3"] .hero-slider .carousel-cell:before {
        background: rgba(0,0,0,0.3);
}
/******************************************/


/****Phone Call Request****/
.details-default>.detail-body .detail-body-content .tab-content .tab-item-reviews .reviews-header .details-reviews .reviews-stars, .details-default>.details-header .details-general .details-info .details-reviews.yelp .reviews-stars, .details-default>.details-header-mobile .detail-header-content-mobile .details-reviews.yelp .reviews-stars, .details-default>.details-header[data-type=vertical-header] .details-header-content .details-general .details-reviews.yelp .reviews-stars, .details-reviews.yelp .reviews-stars {
    display: -ms-flexbox;
    display: block;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding-top: 6px;
    margin-left: 8px;
}

/**********************/

.pricing-plans {
    background-color: white !important;
}