@import '../../fonts/honda/fonts.css';

body {
    font-family: 'National Regular', 'Helvetica', 'Arial', 'Sans-serif' !important;
}

body p,
body span {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body .scroll_over,
.dealer_tabs .fake_category, 
.dealer_tabs a,
.incentives .incentive .title,
.posts-cards .card .card-body .card-text,
.new_arrival_wrapper .price, 
.starting_at_price_wrapper .price,
.new_arrival_wrapper .new_arrival, 
.starting_at_price_wrapper .new_arrival {
    color: #1b1b1b;
}

body .btn,
body .button {
  font-family: 'National Regular', 'Helvetica', 'Arial', 'Sans-serif';
  font-size: 13px;
  letter-spacing: 1px;
  border: 1px solid transparent;
}

.dealer_tabs .model_categories_wrapper a, 
.dealer_tabs>a,
.jobs-sidebar .jobs-categories a,
.news-sidebar .news_categories .news_fake_category, 
.news-sidebar .news_categories a {
    font-family: 'National Regular', 'Helvetica', 'Arial', 'Sans-serif';
    font-size: 13px;
    letter-spacing: 1px;
}




body .btn:hover,
body .button:hover {
  background-color: white !important;
  color: #007dba !important;
  border: 1px solid #007dba;
}



body .vehicle_models_listing_wrapper .models_list .model .button:hover, 
body .vehicle_models_listing_wrapper .models_list .model .button:focus, 
body .models_list_wrapper .button:hover, 
body .models_list_wrapper .button:focus,
body .sidebar .button:hover,
body .sidebar .main_actions a.button:hover,
.disposition_1 .align_right a.button:hover  {
    background-color: white !important;
    color: #1b1b1b !important;
    border: 1px solid #1b1b1b;
}
.sidebar .main_actions a.button:hover .icon {
    fill: #1b1b1b !important;
}


.vehicle_models_listing_wrapper .model .model_name,
.trims_container h1 .color_main,
.fuel_economy_wrapper .color_main,
.vehicle_inventory_item .upper_container h1 {
    color: #1b1b1b;
}
.vehicle_models_listing_wrapper .model .msrp {
    font-size: 30px;
}
.vehicle_models_listing_wrapper .model .starting_at,
.fuel_economy_wrapper .fuel_economy,
.vehicle_models_listing_wrapper .model .model_make,
.new_arrival_wrapper .starting_at, 
.starting_at_price_wrapper .starting_at,
.trims_container h1 .model_make,
.vehicle_inventory_item h1 .make  {
    color: #707070; 
}

.employe .bottom-ctas .btn:hover i {
    color: #007dba !important;
}

@media screen and (min-width:768px) {
    .flexible-content .tools_wrapper .tool_cta a.button {
        background-color: #e3173e;
        color: #ffffff;
        border: 1px solid transparent;
    }
    
    .flexible-content .tools_wrapper .tool_cta a:hover,
    .flexible-content .tools_wrapper .tool_cta a:focus {
        background-color: #1b1b1b !important;
        color: #fff !important;
        border: 1px solid #fff;
    }
}

@media screen and (max-width:767px) {
    .flexible-content .tools_wrapper .tool_cta a:hover,
    .flexible-content .tools_wrapper .tool_cta a:focus {
        background-color: transparent !important;
        border: 1px solid #fff;
    }
}



body .vehicle_inventory_filters .main_header {
    background-color: #1b1b1b;
    color: #fff;
}
.vehicle_inventory_filters .header .button_wrapper .reset_all_button,
.vehicle_inventory_filters .header p {
    color: #fff;
}

.vehicle_inventory_filters .header,
.vehicle_inventory_filters .filter_box .header p,
.vehicle_inventory_archive_entry .trim,
.vehicle_model .vehicle_model_container .details_container h2.bloc_header,
.home .funnel_content.funnel_search select {
    color: #1b1b1b;
}

.vehicle_inventory_archive_entry .price_wrapper .price {
    color: #e3173e;
}

.vehicle_model h1 .model_make {
    font-weight: normal;
}




:root {
    --btn-color: #d62028;
    --btn-text-color: #ffffff;
    --btn-border: 1px solid var(--btn-color);
    --btn-margin: 1em 0;
    --btn-inner-padding: .5em 1em;
    --btn-hover-color: #7c181d;
    --beta-color: #060505;
}

h1 {
    font-weight: normal;
    font-size: 32px;
    color: #1b1b1b;
    text-transform: inherit;
}
h2 {
    font-weight: normal;
    font-size: 28px;
    color: #1b1b1b;
    text-transform: inherit;
}
h3, h4,
.vehicle_model .vehicle_model_container .details_container .vehicle_description h3 {
    font-weight: normal;
    font-size: 24px;
    color: #1b1b1b;
    text-transform: inherit;
}

.home .funnel_content.funnel_search h2,
.flexible-content .parallax_text_block .parallax h1,
#fixed_action_bar h4,
#priceBuilderModal h4,
#priceBuilderModal p,
#priceBuilderModal span,
#priceBuilderModal a  {
    color: #fff;
}
#priceBuilderModal a  {
    text-decoration: underline;
}

.specs_fold:hover, .specs_unfold:hover {
    color: #e3173e;
}

.LS-post {
    width: 100%;
    max-width: 1080px;
    margin: auto;
    font-size: 16px;
}

html {
    scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 15px;
    margin: -15px 0 0;
}

.LS-topNav {
    margin: 1.5em 0;
    font-weight: bold;
    padding: 1.5em;
    border: 2px solid;
}

.LS-topNav ul {
    list-style-type: disclosure-closed;
}

.LS-topNav li {
    margin: 1em 0;
}

.LS-post .LS-section {
    width: 100%;
}

.LS-img {
    margin: 1em 0;
}

.LS-img,
.LS-img img {
    width: 100%;
}

.LS-img p {
    font-size: .8em;
    font-style: italic;
    margin: 5px 0 0;
    text-align: center;
}

.LS-btnLink {
    width: 100%;
    text-align: center;
    margin: var(--btn-margin);
}

.LS-btnLink .LS-innerBtnLink {
    display: inline-block;
    padding: var(--btn-inner-padding);
    background-color: var(--btn-color);
    color: var(--btn-text-color);
    font-weight: bold;
    text-decoration: none;
    border: var(--btn-border);
    border-radius: 4px;
    transition: all 250ms linear;
}

.LS-btnLink .LS-innerBtnLink:hover {
    background: var(--btn-hover-color);
}

.LS-btnLink .LS-innerBtnLink--beta {
    background-color: transparent;
    color: var(--beta-color);
    border-color: var(--beta-color);
}

.LS-btnLink .LS-innerBtnLink--beta:hover {
    color: var(--btn-text-color);
    background-color: var(--beta-color);
}

.LS-post .LS-section p a.LS-innerLink {
    text-decoration: underline;
}

.LS-post .LS-section p a.LS-innerLink::after {
    content: unset;
}

.LS-post .LS-section .LS-btnLink .LS-innerBtnLink:after {
    content: unset;
}

.LS-post .LS-section .LS-btnLink .LS-innerBtnLink:after:hover {
    content: unset;
}

.LS-sbs {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.LS-flexContent {
    flex: 0 0 48%;
}

.LS-flexContent--3C {
    flex: 0 0 32%;
}

.LS-flexContent--4C {
    flex: 0 0 24%;
}

.LS-flexContent__btn,
.LS-flexContent__txt {
    flex: 0 0 100%;
}

.LS-FAQContainer {
    margin: 1.5em 0;
}

.LS-FAQ {
    display: inline-block;
    background: #efedee;
    width: 100%;
    /* 		margin-bottom: .9em; */
    cursor: pointer;
    /* 		border: 1.5px solid #000; */
    padding: 1em;
    transition: all 250ms;
}

.LS-FAQ .LS-h3 {
    display: inline;
    box-sizing: border-box;
    margin: 0;
    font-weight: bold;
}

.LS-FAQ .LS-h3:before {
    /* Insérer le signe d'ouverture ici */
    content: url("https://static.edealer.ca/V3_1/V-3/dist/img/colapse-red-right.png");
    margin-right: 5px;
    /* 		font-size: 2rem; */
    float: right;
    font-weight: bold;
    transition: 0.5s;
    transform: rotate(90deg);
}

.active .LS-h3:before {
    transform: rotate(270deg);
}

.LS-section .panel {
    padding: 0 1em;
    background: transparent;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-out;
}

@media screen and (max-width:425px) {
    .LS-FAQ h3 {
        font-size: 0.95em;
    }
}

.LS-tableContainer,
.LS-table {
    width: 100%;
    border-collapse: collapse;
}

.LS-tableContainer {
    overflow-x: auto;
}

.LS-table :is(th, td) {
    text-align: center;
    vertical-align: center;
    padding: .5em .45em;
    border: 1px solid;
}

.LS-table th {
    padding: .75em .45em;
    background: var(--btn-color);
    color: #ffffff;
    font-weight: bold;
    border-color: lightgrey;
}

.LS-table td {
    border-color: grey;
}

.LS-table td:first-child {
    font-weight: bold;
}

.LS-table :is(ul, ol) {
    padding: 0;
}

.LS-table li {
    list-style: none;
}

.LS-table__2C :is(th, td) {
    width: 50%;
}

.LS-table__3C :is(th, td) {
    width: 33.333333%;
}

.LS-table__4C :is(th, td) {
    width: 25%;
}

.LS-table__5C :is(th, td) {
    width: 20%;
}

.LS-table__6C :is(th, td) {
    width: 16.666667%;
}

.LS-table__7C :is(th, td) {
    width: 14.2856142856%;
}

.LS-table__8C :is(th, td) {
    width: 12.5%;
}

.LS-table:not(.LS-table__2C, .LS-table__3C, .LS-table__4C) {
    min-width: 720px;
}

@media screen and (min-width:768px) {
    .LS-flexContent {
        margin: 1em 0;
    }

    .LS-flexContent :is(.LS-img, .LS-btnLink, p:last-child:not(.LS-img p)) {
        margin: 0;
    }

    .LS-flexContent :is(h2.LS-h2, h3.LS-h3, h4.LS-h4, p:first-child) {
        margin-top: 0;
    }
    #main_header .topbar .element .menu-item a, #main_header .topbar .element>a {

    }
}

@media screen and (max-width:767px) {
    .LS-flexContent {
        flex: 0 0 100%;
    }

    .LS-flexContent__img {
        order: 5;
    }
}

@media screen and (max-width:1024px) {

}