/*****
	There are some scenarios where a css file is required over less file.  For instance, the "calc" function is done differently 
	between css and less.  It's preferred to do it in css since it's calculated real time whereas in less file it is calculated prior to 
	serving the compiled css file
*****/

.slick-slider,
.slick-slider * {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.slick-list.draggable,
.slick-list.draggable * {
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.widget-newest-additions .slick-next {
    left: calc( 100% - 48px );
}


/***** START: GENERIC STYLING *****/
.button.black-text-button,
.button.black-text-button:visited,
.button.black-text-button:hover,
.button.red-button,
.button.red-button:visited,
.button.red-button:hover,
.button.blue-button,
.button.blue-button:visited,
.button.blue-button:hover,
.button.white-button,
.button.white-button:visited,
.button.white-button:hover {
    background-position: calc(100% - 20px) center;
}

.widget-accordion .accordion .accordion-item .accordion-header {
    background-position: calc(100% - 15px) center;
}

.mz-product.event .event-details .event-detail .event-multiple-locations .event-search-form .event-search-query {
    width: 67%;
}

.mz-product.event .event-details .event-detail .event-multiple-locations .event-search-form .event-search-query input[type="text"] {
    width: calc(100% - 48px);
}

.mz-product.event .event-details .event-detail .event-multiple-locations .event-search-form .event-search-radius {
    width: calc(33% - 30px);
}

.widget-unit-upsell .upsell-products .row, .widget-navigationTiles .navigationTiles .row {
    height: calc((100% / 2) - 12px);
}

.unit-details #mz-drop-zone-body .mz-cms-row:nth-child(1)::before,
.unit-details #mz-drop-zone-body .mz-cms-row:nth-child(3)::before,
.unit-details #mz-drop-zone-body .mz-cms-row:nth-child(5)::before,
.unit-details #mz-drop-zone-body .mz-cms-row:nth-child(7)::before,
.page-careers #mz-drop-zone-body .mz-cms-row:nth-child(5)::before {
    left: calc(-1 * ((100vw - 1575px) / 2));
    width: 100vw;
}

.unit-details #mz-drop-zone-body .mz-cms-row[data-widget*="Full Bleed"]:nth-child(1)::before,
.unit-details #mz-drop-zone-body .mz-cms-row[data-widget*="Full Bleed"]:nth-child(3)::before,
.unit-details #mz-drop-zone-body .mz-cms-row[data-widget*="Full Bleed"]:nth-child(5)::before,
.unit-details #mz-drop-zone-body .mz-cms-row[data-widget*="Full Bleed"]:nth-child(7)::before {
    left: 0;
    width: calc(100vw - 17px);
}

.page-entreprises #mz-drop-zone-body .mz-cms-row:nth-child(5),
.page-commercial #mz-drop-zone-body .mz-cms-row:nth-child(5) {
    background-color: #F0F0F0;
    padding: 80px;
}

header.mobile .mobile-navigation nav .mobile-search-form input[type="search"] {
    width: calc(100% - 38px);
    font-size: 16px!important;
}

.page-homepage .carousel .slide,
.page-category-4 .carousel .slide,
.page-category-12 .carousel .slide,
.page-category-6 .carousel .slide,
.page-category-13 .carousel .slide,
.page-category-14 .carousel .slide,
.page-category-15 .carousel .slide,
.page-category-16 .carousel .slide,
.page-category-17 .carousel .slide,
.page-category-18 .carousel .slide,
.page-category-19 .carousel .slide,
.page-category-21 .carousel .slide,
.page-category-22 .carousel .slide,
.page-category-20 .carousel .slide,
.carousel .slide.slide-full-height {
    height: calc(100vh - 145px);
}

img.return-icon {
    height: 15px;
    padding-right: 10px;
    margin-top: -5px;
}

#txtSearchCity {
    /* max-width: 359px; */
    width: calc(100% - 74px);
}


/***** END: GENERIC STYLING *****/


/***** START:  SPLIT SLIDE CAROUSEL *****/

.split-slide-carousel .slick-list .slick-track .slick-slide:nth-child(odd) .slide {
    width: calc(100% + 85px) !important;
}

.split-slide-carousel .slick-list .slick-track .slick-slide:nth-child(odd) .slide img {
    width: calc(100% + 85px);
}

.split-slide-carousel .slick-list .slick-track .slick-slide:nth-child(even) .slide {
    width: calc(100% + 85px) !important;
}

.split-slide-carousel .slick-list .slick-track .slick-slide:nth-child(even) .slide img {
    width: calc(100% + 85px);
}


/***** END:  SPLIT SLIDE CAROUSEL *****/

.page-trouvez-un-concessionnaire .dealer-search-form #txtSearchCity,
.page-find-a-dealer .dealer-search-form #txtSearchCity {
    width: calc(100% - 75px);
}


/***** START: UNIT DETAILS PAGE *****/

.unit-details .share ul {
    /* width: calc(100% + 10px); */
    width: calc(100%);
}


/***** END: UNIT DETAILS PAGE *****/


/* START FIND A DEALER MAP */

.page-trouvez-un-concessionnaire #map,
.page-find-a-dealer #map {
    height: calc(100vh - 145px);
}


/* END FIND A DEALER MAP */


/* START PARTS CATALOGUE*/

.parts-catalogue {
    height: calc(100vh - 145px);
}


/* END  PARTS CATALOGUE */


/***** START: YAMAHA CROSS SELL WIDGET *****/

/*.widget-crosssell .crosssell-carousel-wrapper {
    margin-right: calc(-1 * (100vw - 1577px) / 2);
}*/


/***** END: YAMAHA CROSS SELL WIDGET *****/


/*************** START: MY YAMAHA DASH ***********/

.my-yamaha-dashboard-page .standard-width {
    height: calc(100vh - 145px);
    min-height: 100%;
}


/*************** END: MY YAMAHA DASH ***********/

@media (max-width: 1640px) {
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(1)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(3)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(5)::before,
    .page-careers #mz-drop-zone-body .mz-cms-row:nth-child(5)::before {
        left: -16px;
    }

    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(1)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(3)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(5)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(7)::before,
    .page-careers #mz-drop-zone-body .mz-cms-row:nth-child(5)::before {
        left: -16px;
        width: calc(100% + 32px);
    }
}


/*1200px to 1439px*/

@media (max-width: 1439px) {
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(1)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(3)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(5)::before,
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(7)::before,
    .page-careers #mz-drop-zone-body .mz-cms-row:nth-child(5)::before {
        left: -16px;
        width: calc(100% + 16px);
    }
}


/*992px to 1199px*/

@media (max-width: 1199px) {
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(7)::before {
        left: 0px;
        width: 100%;
    }
}


/*768px to 991px*/

@media (max-width: 991px) {
    /*************** START: MY YAMAHA DASH ***********/
    .my-yamaha-dashboard-page .standard-width {
        height: 100%;
    }
    /*************** END: MY YAMAHA DASH ***********/
    .page-commercial #mz-drop-zone-body .mz-cms-row:nth-child(5) {
        background-color: #F0F0F0;
        padding: 50px 16px;
    }
}


/*720px to 767px*/

@media (max-width: 767px) {
    .widget-unit-upsell .upsell-products .row {
        height: calc((100% / 2) - 12px);
    }
    .mz-product.event .event-details .event-detail .event-multiple-locations .event-search-form .event-search-query {
        width: 100%;
    }
    .mz-product.event .event-details .event-detail .event-multiple-locations .event-search-form .event-search-radius {
        width: 100%;
    }
    .unit-details #mz-drop-zone-body .mz-cms-row:nth-child(7)::before {
        left: 0px;
        width: 100%;
    }
    #txtSearchCity {
        /* max-width: 359px; */
        width: calc(100% - 74px);
    }
}


/*600px to 719px*/

@media (max-width: 719px) {}


/*576px to 599px*/

@media (max-width: 599px) {}


/*480px to 575px*/

@media (max-width: 575px) {}


/*380px to 479px*/

@media (max-width: 479px) {}


/*less than 380*/

@media (max-width: 379px) {
    .page-homepage .carousel .slide,
    .page-category-4 .carousel .slide,
    .page-category-12 .carousel .slide,
    .page-category-6 .carousel .slide,
    .page-category-13 .carousel .slide,
    .page-category-14 .carousel .slide,
    .page-category-15 .carousel .slide,
    .page-category-16 .carousel .slide,
    .page-category-17 .carousel .slide,
    .page-category-18 .carousel .slide,
    .page-category-19 .carousel .slide,
    .page-category-21 .carousel .slide,
    .page-category-22 .carousel .slide,
    .page-category-20 .carousel .slide,
    .carousel .slide.slide-full-height {
        height: calc(100vh - 61px);
    }
}