/* franckbarfety M-00442643 - side banners */
.page-header .left-banner {position:absolute;left:20px;top:230px; list-style-type: none;}
.page-header .right-banner {position:absolute;right:-10px;top:230px; list-style-type: none;}
.page-header .left-banner a {height:44px;width:180px;display:block;background:url(/sites/d/dsmithautoplex/images/learn_more.png) no-repeat 0 0 transparent;}
.page-header .left-banner a:hover {opacity:.85;filter:alpha(opacity=85);}
@media only screen and (max-width : 1379px) {.left-banner, .right-banner {display: none;}}

/* franckbarfety M-00442643 - dealer logo */
@media only screen and (max-width : 1149px) {a.header-logo.header-logo-style {position: absolute; left: 120px; top: 13px;}}

/* franckbarfety M-00442643 - hey doug! */
.cst-phrase {left: 210px; position: relative; font-weight: bold;}
@media only screen and (max-width : 1149px) {.cst-phrase {left: 59%;}}
@media only screen and (max-width : 1023px) {.cst-phrase {left: 50px; top: 25px;}}

 .vdp .links-list .btn.btn-primary { margin-top: 5px;}

/* ddcrandyh M-00495557 */
.pricing .stackedConditionalFinal .value { color: #787777; font-weight: normal; }

/* Start 'vdp-new-price-value-stackedConditionalFinal' (do not modify this line) */
/* Modified by agermek on 03/19/18 02:54 PM EDT */
.vdp .inv-type-new.pricing .stackedConditionalFinal .price { text-decoration: none; font-weight: normal; font-size: 18px; color: #787777; }
/* End 'vdp-new-price-value-stackedConditionalFinal' (do not modify this line) */

/*cnconway M-00509010 */
.vlp .page-bd, .vdp .page-bd {background-color: #FFF}

/* M-00513611 ddcjareds */
.index .inventory-search-facet-browse .pill-label {color: hsl(0, 0%, 100%);}
.index .inventory-search-facet-browse .pill-label.checked { color: hsl(210, 87%, 40%); border-color: hsl(210, 87%, 40%); }
.index .inventory-search-facet-browse .pill-label:hover { color: #666 ; }

/* ddcsamp M-00521104 */
.pricing .discount .label, .pricing .stackedRebate .label, .pricing .stackedConditionalRebate .label,
.pricing .stackedConditionalFinal .label, .pricing .abcPricing .label {font-weight:  700;}

/* ddcrandyh M-00524902 */
.hero-image-overlay-container .hero-image-overlay {
    margin-top: -590px;
    margin-bottom: 390px;
}

/* 04844332 ddcjareds */
.vdp .row { margin-left: 0px; margin-right: 0px; }

/* Start 'vlp-used-price-value-final-price' (do not modify this line) */
/* Modified by surbanchoc on 08/08/18 11:43 AM CDT */
.vlp .inventoryList .item.inv-type-used .pricing .final-price .value { text-decoration: none; font-weight: bold; font-size: 20.2px; color: #000000; }
/* End 'vlp-used-price-value-final-price' (do not modify this line) */

/* ddcmhampton 05370614 */
.view-all-link {background:var(--btn-default-bg);}
.view-all-link {font-weight:700 !important; text-align:center;}

/* william.abbey 05497746  */
.cst-color.view-all-link{background:#0B55A6;color:#fff;border-color:#0B55A6;}

/*updating homepage I'm Interested in type text - mstotts - RE 08342261*/
.index .inventory-search-facet-browse .pill-label {color:#000;}
.index .inventory-search-facet-browse .pill-label.checked {color: #fff; border-color: hsl(210, 87%, 40%);}

/* fdbarfety 12876814 */
 .ddc-footer .container {width: 1040px;}
.ddc-footer .navigation-default ul li > a {padding: 43px 19px;}
.ddc-footer a.ad-choices, .ddc-footer a.credit {position: relative; top: 50px;}

/* 06715209 ddcjareds */
.inventory-featured-default.add-grid .yui3-g {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.25rem; grid-auto-flow: row;  margin-bottom: 0.5rem;
  &:before { display: none; }
  & > .yui3-u-1-3 {
    float: none;  display: grid; grid-template-rows: subgrid;  grid-template-columns: 1fr; width: 100%; 
    & > .hproduct {
      display: grid; grid-template-rows: 1fr; grid-template-columns: subgrid; gap: 0.75rem; 
      box-sizing: border-box; padding: 0.75rem; border: 1px solid #e0e0e0; border-radius: 0.5rem; background: #fff;
      grid-template-rows:
        [media-start]      auto [media-end fn-start]
        auto               [fn-end pricing-start]
        auto               [pricing-end description-start]
        auto               [description-end view-link-start]
        auto               [view-link-end];
      & > div {
        display: contents;
        & .media        { grid-row: media-start / media-end; align-self: start; }
        & .fn           { grid-row: fn-start / fn-end; align-self: start; }
        & .pricing      { grid-row: pricing-start / pricing-end; align-self: start; }
        & .description  { grid-row: description-start / description-end; align-self: start; }
        & .view-link    { grid-row: view-link-start / view-link-end; align-self: end; }
      }
    }
  }
}