.ddc-page-title { text-align: center; } [data-widget-id="template-disclaimer1"] { display: none; } /* COMPANY INFO WIDGETS */ .ddc-span4 [data-widget-name="contact-info"] { height: 300px; text-align: center; } .ddc-span4 [data-widget-name="hours-default"] { text-align: center; } .ddc-span4 div[data-widget-id="content4"] { text-align: center; background: white; padding: 10px; height: 300px; } .ddc-span4 div[data-widget-id="content4"] .content > div .btn { border-radius: 5px; font-size: 12px; } /* POP UP */ .popupModal { margin-top: 145px; } .popupModal .close { font-size: 30px; } /* BTN OUTLINE FIX */ a:focus, div:focus, span:focus, button:focus { outline: none !important; text-decoration: none !important; } .mycars-btn, .mycars { display: none !important; } /* FIX FOR abbr */ abbr[title], abbr[data-original-title] { cursor: default; border-bottom: none; text-decoration: none; } /* NAVIGATION */ .page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu { left: 35%; } .nav-fragment .ui-button-submit { width: 14%; border-radius: 5px; } .navbar-nav .nav-last a:hover:after { content: none; } .navbar-nav .dropdown:nth-of-type(6) ul li:nth-of-type(2) h4, .navbar-nav .dropdown:nth-of-type(6) ul li:nth-of-type(2) ul { text-align: center; } /* NAVBAR SEARCH FORM STYLES */ .page-header .inventory-search-form {right: 0px !important; position: absolute; top: 10px; left: auto;} .page-header .inventory-search-form button {bottom: -70px !important;} .ws-site-text-search-navigation-target .ddc-nav-icon-link { margin-left: 20px; } /* BUTTON CENTERING FIX */ .btn-primary.btn:not(.btn-no-decoration), .btn-danger.btn:not(.btn-no-decoration), .btn-default.btn:not(.btn-no-decoration), .consumer-privacy-banner-button { padding-right: 20px !important; } /* VLP */ .inventoryList .pricing-area { width: 36%; } div [data-web-api-id="capital-one-digital-retailing"] { margin-bottom: 15px; } .vehicle-ctas .btn-primary:hover { background: #255f82; color: white; } /* VLP/PPC Background */ /* .vlp body, body.ppc-vehicle { background: url('https://pictures.dealer.com/m/mossbrosautogroup/1838/44bd227a7033bdaf1e8d276d9e9cc247x.jpg'); background-size: cover; background-position: 50% 0; background-repeat: repeat-y; background-attachment: fixed; } */ .vlp .main, body.ppc-vehicle .main { background-color: #FFF; background-color: var(--color-neutral-0); } /* Memorial Day */ /* background: url('https://pictures.dealer.com/m/mossbrosautogroup/1726/f436287fdc16c5770ec057012f48a2b9x.jpg'); */ /* JULY 4th Bkg */ /* background: url('https://pictures.dealer.com/m/mossbrosgroup/0702/2f5d4c80a823a6f11c79f308f7797d57x.jpg'); */ /* VLP Net Costs - Bigger and Blue - DESKTOP */ .vlp .pricing .final-price .label, .vlp .pricing .final-price .value { color: rgba(36,99,255,1); font-weight: bold; } .vlp .pricing .stackedConditionalFinal .label, .vlp .pricing .stackedConditionalFinal .value { color: rgba(36,99,255,1); font-weight: bold; } .vlp .pricing .final-price .label { font-size: 1.25em !important; } .vlp .pricing .stackedConditionalFinal .label { width: 50%; font-size: 1.1em !important; } .vlp .pricing .final-price .value { font-size: 1.6em !important; } .vlp .pricing .stackedConditionalFinal .value { font-size: 1.6em !important;} /* VDP Net Costs - Bigger adn Blue - Desktop - Honda */ .vdp-sidebar .final-price .price-label { color: black; font-size: 1rem; font-weight: bold; } .vdp-sidebar .final-price .price-value { color: rgb(37,95,130); font-size: 1.2rem!important; font-weight: 800; } .vdp-sidebar .final-price ~ dt.discount:last-of-type .price-label { color: rgba(36,99,255,1); font-size: 1rem; font-weight: bold; } .vdp-sidebar .final-price ~ dd.discount:last-of-type .price-value { color: rgba(36,99,255,1); font-size: 1.2rem!important; font-weight: 800; } .vdp-sidebar.responsive-content-mid .final-price dt span, .vdp-sidebar.responsive-content-min .final-price dt span {color: rgba(36,99,255,1); font-size: 1.3rem; font-weight: bold;} .vdp-sidebar.responsive-content-mid .final-price dd button, .vdp-sidebar.responsive-content-min .final-price dd button {color: rgba(36,99,255,1); font-size: 1.5rem; font-weight: 800;} /* Widen + Shift Mfg Offers block; Prevents it tucking under pricing block and allows better use of dead space when pricing/btn Column is VERY TALL */ .inventoryList .incentive-list { width: 100% !important; margin: 12px 0 12px -240px !important; /* background-color: pink;*/ } .index div[data-name="index-landing-0004-collage-1"] h3 { font-size: 35px !important; margin-bottom: 20px !important; font-weight: bold; } .apple-wallet { margin: 1.5em 0; } /* UX/accessibility Fix Push VDP Image-Carousel & Full-Page-Image-Viewer Prev/Next Buttons farther in from the edge to prevent being overlapped by Fixed-Position Chat or AudioEye buttons. */ .photo-carousel .slider-decorator-0 { right: 50px!important; } .photo-carousel .slider-decorator-1 { left: 50px!important; } .pswp__button--arrow--left { margin-left: 50px; } .pswp__button--arrow--right { margin-right: 50px; } .align-center img {display: inline-block;} /* Make Conditional Rebate Labels & Pricing Consistent */ .pricing .discount .label, .pricing .stackedRebate .label, .pricing .stackedConditionalRebate .label, .pricing .stackedConditionalFinal .label, .pricing .abcPricing .label { font-weight: 700; } /* Make popover links obvious with underlines */ .pricing .discount[data-toggle='popover'] .label, .pricing .stackedRebate[data-toggle='popover'] .label, .pricing .stackedConditionalRebate[data-toggle='popover'] .label, .pricing .stackedConditionalFinal[data-toggle='popover'] .label, .pricing .abcPricing[data-toggle='popover'] .label { text-decoration: underline var(--color-neutral-1000); } /* Shift the underline Color */ .pricing .discount[data-toggle='popover']:hover .label, .pricing .stackedRebate[data-toggle='popover']:hover .label, .pricing .stackedConditionalRebate[data-toggle='popover']:hover .label, .pricing .stackedConditionalFinal[data-toggle='popover']:hover .label, .pricing .abcPricing[data-toggle='popover']:hover .label { text-decoration: underline var(--color-primary-300); } /* [VLP Pricing Stack] Give Conditional Final Price Value and Internet Price the same Sizing as Final Price (Net Cost) */ .pricing .stackedConditionalFinal .value, .pricing .stackedConditionalFinal .price, .pricing .internetPrice .value, .pricing .internetPrice .price, .pricing .final-price .value, .pricing .final-price .price, .pricing .final .value, .pricing .final .price {font-size: 1.5em;} /*CDJR Conditional Final Price Label Size-Alignment correction */ .pricing .stackedConditionalFinal .label {width: 45%;} .pricing .stackedConditionalFinal .value, .pricing .stackedConditionalFinal .price {width: 55%;} /* [RVDP Format] Give Conditional Final Price, Internet Price and Net Cost (Final Price) the same sizing */ .responsive-type .pricing-detail .internetPrice .price-value, .responsive-type .pricing-detail .final-price .price-value, .responsive-type .pricing-detail .font-weight-bold.discount .price-value { font-size: 1.25rem; } /* CDJR VDP Big-Price Fix */ .inventory-detail-pricing .final .price.h1, .inventory-detail-pricing .final .price.contentHeading, .inventory-detail-pricing .final .showroom-details-section>h4.price, .inventory-detail-pricing .final-price .price.h1, .inventory-detail-pricing .final-price .price.contentHeading, .inventory-detail-pricing .final-price .showroom-details-section>h4.price { font-size: 1.5em; } /* Tweaking Sales Phone# */ .page-header.responsive-centered-nav .header-contact .vcard .tels .tel { font-size: 13px !important; } /* Tweaking Phone# icons */ .page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone1 .ddc-icon {font-size: 16px;} .page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone2 .ddc-icon {font-size: 16px;} .page-header.responsive-centered-nav .header-contact .vcard .tels .tel.phone3 .ddc-icon {font-size: 16px;} /* Tweaking Menu Top-level span arrangements*/ .header-navigation .navigation-default .navbar-nav>li>a>span { display: inline-block; } /* Search heading font increased. */ .index .inventory-search-facet-browse .widget-heading {font-size: 30px;} /* Link top collage image, now a cta widget, to link to a page. */ .index div[data-name="index-landing-0004-collage-image-1"] .cta-content a {border: 2px solid red; !important;} /* Some page titles have additional text and address content. */ .content-page-title h1 {padding: 15px 0px 30px 0px !important;} /* Search form overlaps to the left. */ .page-header .inventory-search-form {right: 0px !important;} /* Font size changes for the custom footer navigation. */ .customFooternav a {font-size: 18px !important;} .customFooternav h2 a {font-size: 26px !important;} /* .ddc-footer .customFooternav a:not(.btn){ font-size: .9em; } .ddc-footer .container {width: 100%;} */ .page-header .header-default .vcard .adr a span {display: inline-block !important;} .page-header .header-default .vcard .adr a .responsive-directions-link {display: none !important;} .span-to-edge {margin: 0 -12px;} .featured-banner { height: 200px; } .featured-banner-link { display: block; margin: 0; width: 100%; height: 100%; /* background: url(http://pictures.dealer.com/m/mossbrosgroup/0221/c6b3d8077b0e7d410bece569989709fax.jpg) 50% 50% / 1920px 200px no-repeat scroll content-box transparent; */ background-position: 50% 50%; background-size: 1920px 200px; background-repeat: no-repeat; background-attachment: scroll; /* background-origin: content-box; */ background-color: transparent; } .quick-list {padding-left:16px;} .quick-list dl { margin: 0 0 1em 0; } .quick-list dt { font-weight: bold; font-size: 1.25em;} .vlp-banner { display: none; } .honda-memorial-day-sales-event .vlp-banner, .ddc-composer .vlp-banner {display: block;} /* gutter after Page Heading */ .content-page-title h1 { margin-bottom: 10px; } /* PPC page Buttons */ .h2.buttonblock-button { font-size: 30px; } /* Eprice Button OVERRIDE (Too Low to Show) Aspect Ratio Hack: width:100%; 0 height/padding + 100% Padding-top (1:1); overflow:hidden hides the button text; */ /* .inventoryList .item.inv-type-new .pricing .ePrice .btn, .inventoryList .item.inv-type-new .pricing .eprice-button, .inventoryList .item.inv-type-new .pricing [data-eprice].btn { background: url('https://pictures.dealer.com/m/mossbrosgroup/1634/34618c1aeddf8512f1850cfd448d71b3x.jpg') !important; width:100%; height:0; padding:100% 0 0 0; background-size:contain !important; overflow:hidden; } */ /* Widen + Shift Mfg Offers block; Prevents it tucking under pricing block and allows better use of dead space when pricing/btn Column is VERY TALL */ /* .inventoryList .incentive-list { width: 110%; margin: 12px 0 0 -250px; } */ /* Languages Where character font-size needs to be increased for legibility.*/ .lang-ar, :lang(ar), .lang-fa, :lang(fa), .lang-ur, :lang(ur), .lang-hi, :lang(hi), .lang-ja, :lang(ja), .lang-zh, :lang(zh), .lang-zh-Hans, :lang(zh-Hans), .lang-zh-Hant, :lang(zh-Hant) { /*font-size: 1.35em;*/ } /* iframe Placeholders */ .ddc-composer .iframe-wrapper { min-height: 100px; border: 5px dashed red; clear:both;} .ddc-composer .iframe-wrapper:before { display:block; content:"IFRAME (div.iframe-wrapper) Remember to grab iframe code from live source prior to editing in composer!"; } .iframe-border iframe { border: solid 1px #666; height: 900px; } /* RESPONSIVE VIDEO (Container) */ .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /* Hide Extra contact block generated after submitting the Directions form */ .directions-form form .ddc-content.mod {display:none;} /* Set a widget to same height as hours widgets (e.g. contact widget/hours in 3-across layout) */ .ddc-box-1.match-hours-height {min-height:300px;} /* Keep Vertical Ad Banners on TOP */ .ad.banner { z-index: 99999; } /* Hide VLP Range Graphs */ .facet-type-user-range .facet-user-range-chart { display: none; } .navbar-default .navbar-nav > li > a.homeLink:link, .navbar-default .navbar-nav > li > a.homeLink:visited, .navbar-default .navbar-nav > li > a.homeLink:hover, .navbar-default .navbar-nav > li > a.homeLink:focus, .navbar-default .navbar-nav > li > a.homeLink:active { margin-top: -2px; padding-top: 18px; } ul.quick-specs.list-unstyled > li { width: 50%; float: left; } /* Logo Normalization Override Inline Styles */ .page-header a.header-logo { top: 25px !important; } .expand-full-width { width: 100vw; position:relative; left: 50%; margin-left:-50vw; } /*************** MOSS BROS. THEME [DO NOT TOUCH] *******************************/ /* Color Palette: * Moss Bros. Blue #0054A3; rgba(0,84,163,1); [CMYK: 100/48/0/36]; * Moss Bros. Red #ED1B2D; rgba(237,27,45,1); [CMYK: 0/89/81/7]; * Honda Blue* #2463FF; rgba(36,99,255,1); [CMYK: 86/61/0/0]; PMS 285 as Alt?; * Honda Blue2011 #1791FF; rgba(23,145,255,1); [CMYK: 91/43/0/0]; PMS 285 as Alt; * PMS 285 C #0072CE; rgba(1,114,206,1); [CMYK: 90/48/0/0]; PMS 285 C; * Honda Gray2011* #75787B; rgba(117,120,123,1); [CMYK: 30/22/17/57]; PMS Cool Gray 9 C*; * Honda Gray2011 #898B8E; rgba(137,139,142,1); [CMYK: 28/16/12/35]; PMS Cool Gray 9 U; * Toyota Red(1) #E60000; rgba(230,0,0,1); [CMYK: 0/100/100/10]; PMS 186 C as ALT; * PMS 186 C #C8102E; rgba(200,15,46,1); [CMYK: 2/100/85/6]; PMS 186 C; * MVP Pink: #FF0080; rgba(255,0,128,1); * White: #FFFFFF; rgba(255,255,255,1); * Gray80 (Med-Light) #CCCCCC; rgba(204,204,204,1); * Gray40 (Med-Dark) #666666; rgba(102,102,102,1); * Gray20 (Dark) #333333; rgba(51,51,51,1); * Black: #000000; rgba(0,0,0,1); * Transparent Black: rbga(0,0,0,.5); -- Alpha levels may vary; 50% shown; * Transparent White: rbga(255,255,255,.5); -- Alpha levels may vary; 50% shown; * MVP Pink w/ Gradient: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.3)) rgba(255,0,128,1); * Black w/ Gradient: linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); * MVP Pink w/ Tint: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)) rgba(255,0,128,1); * -- Tints controlled by varying Alpha levels of gradient over white; keep them the same; * MVP Pink w/ Shade: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3)) rgba(255,0,128,1); * -- Shades controlled by varying Alpha levels of gradient over black; keep them the same; * -- EQUIVALENT SOLID: MVP Pink w/30% Opacity Black: #B3005A; rgba(179,0,90,1); */ /* BEGIN COLOR SCHEME (ONLY) */ /* Default link colors: */ a { color: rgba(36,99,255,1); } a:hover, a:focus { color: rgba(0,0,0,1); } a:active { color: rgba(0,0,0,.5); } /* Footer Link Colors (Inverted) */ .ddc-footer .ddc-content a { color: rgba(0,0,0,1); } .ddc-footer .ddc-content a:hover { color: rgba(36,99,255,1); } /* Default Button and CTA Colors */ /* .btn-primary, .showroom-detail .hproduct .view-link, .showroom-detail .callout .callout-button, .pricing .ePrice .btn, .pricing .eprice-button, .pricing [data-eprice].btn, .mycars-favorites .hproduct .pricing .make-an-offer, .mycars .popup .mycars-form-btn, .locations-proximity [type="submit"] { background: rgba(36,99,255,1); background: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: -moz-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: -o-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); white-space:normal; } .mycars .popup .mycars-form-btn { color: white; text-shadow: rgba(0, 0, 0, 0.75) 1px -1px 0; } .mycars .popup .mycars-form-btn:hover { background: rgba(0,0,0,1); } */ /* Disabled Button Colors */ /* .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary.disabled.currentPage, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, .btn-primary[disabled].currentPage, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.currentPage, .showroom-detail .hproduct .disabled.view-link, .showroom-detail .callout .disabled.callout-button, .pricing .ePrice .disabled.btn, .pricing .disabled.eprice-button, .pricing .disabled[data-eprice].btn, .mycars-favorites .hproduct .pricing .disabled.make-an-offer, .locations-proximity .disabled[type="submit"], .showroom-detail .hproduct .disabled.view-link:hover, .showroom-detail .callout .disabled.callout-button:hover, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.disabled.active, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.disabled.currentPage, .pricing .ePrice .disabled.btn:hover, .pricing .disabled.eprice-button:hover, .pricing .disabled[data-eprice].btn:hover, .mycars-favorites .hproduct .pricing .disabled.make-an-offer:hover, .locations-proximity .disabled[type="submit"]:hover, .showroom-detail .hproduct .disabled.view-link:focus, .showroom-detail .callout .disabled.callout-button:focus, .pricing .ePrice .disabled.btn:focus, .pricing .disabled.eprice-button:focus, .pricing .disabled[data-eprice].btn:focus, .mycars-favorites .hproduct .pricing .disabled.make-an-offer:focus, .locations-proximity .disabled[type="submit"]:focus, .showroom-detail .hproduct .disabled.view-link:active, .showroom-detail .callout .disabled.callout-button:active, .pricing .ePrice .disabled.btn:active, .pricing .disabled.eprice-button:active, .pricing .disabled[data-eprice].btn:active, .mycars-favorites .hproduct .pricing .disabled.make-an-offer:active, .locations-proximity .disabled[type="submit"]:active, .showroom-detail .hproduct .disabled.currentPage.view-link, .showroom-detail .callout .disabled.currentPage.callout-button, .pricing .ePrice .disabled.currentPage.btn, .pricing .disabled.currentPage.eprice-button, .pricing .disabled.currentPage[data-eprice].btn, .mycars-favorites .hproduct .pricing .disabled.currentPage.make-an-offer, .locations-proximity .disabled.currentPage[type="submit"], .showroom-detail .hproduct .disabled.active.view-link, .showroom-detail .callout .disabled.active.callout-button, .pricing .ePrice .disabled.active.btn, .pricing .disabled.active.eprice-button, .pricing .disabled.active[data-eprice].btn, .mycars-favorites .hproduct .pricing .disabled.active.make-an-offer, .locations-proximity .disabled.active[type="submit"], .showroom-detail .hproduct [disabled].view-link, .showroom-detail .callout [disabled].callout-button, .pricing .ePrice [disabled].btn, .pricing [disabled].eprice-button, .pricing [disabled][data-eprice].btn, .mycars-favorites .hproduct .pricing [disabled].make-an-offer, .locations-proximity [disabled][type="submit"], .showroom-detail .hproduct [disabled].view-link:hover, .showroom-detail .callout [disabled].callout-button:hover, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span[disabled].active, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span[disabled].currentPage, .pricing .ePrice [disabled].btn:hover, .pricing [disabled].eprice-button:hover, .pricing [disabled][data-eprice].btn:hover, .mycars-favorites .hproduct .pricing [disabled].make-an-offer:hover, .locations-proximity [disabled][type="submit"]:hover, .showroom-detail .hproduct [disabled].view-link:focus, .showroom-detail .callout [disabled].callout-button:focus, .pricing .ePrice [disabled].btn:focus, .pricing [disabled].eprice-button:focus, .pricing [disabled][data-eprice].btn:focus, .mycars-favorites .hproduct .pricing [disabled].make-an-offer:focus, .locations-proximity [disabled][type="submit"]:focus, .showroom-detail .hproduct [disabled].view-link:active, .showroom-detail .callout [disabled].callout-button:active, .pricing .ePrice [disabled].btn:active, .pricing [disabled].eprice-button:active, .pricing [disabled][data-eprice].btn:active, .mycars-favorites .hproduct .pricing [disabled].make-an-offer:active, .locations-proximity [disabled][type="submit"]:active, .showroom-detail .hproduct [disabled].currentPage.view-link, .showroom-detail .callout [disabled].currentPage.callout-button, .pricing .ePrice [disabled].currentPage.btn, .pricing [disabled].currentPage.eprice-button, .pricing [disabled].currentPage[data-eprice].btn, .mycars-favorites .hproduct .pricing [disabled].currentPage.make-an-offer, .locations-proximity [disabled].currentPage[type="submit"], .showroom-detail .hproduct [disabled].active.view-link, .showroom-detail .callout [disabled].active.callout-button, .pricing .ePrice [disabled].active.btn, .pricing [disabled].active.eprice-button, .pricing [disabled].active[data-eprice].btn, .mycars-favorites .hproduct .pricing [disabled].active.make-an-offer, .locations-proximity [disabled].active[type="submit"], fieldset[disabled] .showroom-detail .hproduct .view-link, .showroom-detail .hproduct fieldset[disabled] .view-link, fieldset[disabled] .showroom-detail .callout .callout-button, .showroom-detail .callout fieldset[disabled] .callout-button, fieldset[disabled] .pricing .ePrice .btn, .pricing .ePrice fieldset[disabled] .btn, fieldset[disabled] .pricing .eprice-button, .pricing fieldset[disabled] .eprice-button, fieldset[disabled] .pricing [data-eprice].btn, .pricing fieldset[disabled] [data-eprice].btn, fieldset[disabled] .mycars-favorites .hproduct .pricing .make-an-offer, .mycars-favorites .hproduct .pricing fieldset[disabled] .make-an-offer, fieldset[disabled] .locations-proximity [type="submit"], .locations-proximity fieldset[disabled] [type="submit"], fieldset[disabled] .showroom-detail .hproduct .view-link:hover, .showroom-detail .hproduct fieldset[disabled] .view-link:hover, fieldset[disabled] .showroom-detail .callout .callout-button:hover, .showroom-detail .callout fieldset[disabled] .callout-button:hover, fieldset[disabled] .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.active, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner fieldset[disabled] span.active, fieldset[disabled] .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner span.currentPage, .tabs-tabbed-widgets.tabs-tabbed-widgets-extension-2 .tab-inner fieldset[disabled] span.currentPage, fieldset[disabled] .pricing .ePrice .btn:hover, .pricing .ePrice fieldset[disabled] .btn:hover, fieldset[disabled] .pricing .eprice-button:hover, .pricing fieldset[disabled] .eprice-button:hover, fieldset[disabled] .pricing [data-eprice].btn:hover, .pricing fieldset[disabled] [data-eprice].btn:hover, fieldset[disabled] .mycars-favorites .hproduct .pricing .make-an-offer:hover, .mycars-favorites .hproduct .pricing fieldset[disabled] .make-an-offer:hover, fieldset[disabled] .locations-proximity [type="submit"]:hover, .locations-proximity fieldset[disabled] [type="submit"]:hover, fieldset[disabled] .showroom-detail .hproduct .view-link:focus, .showroom-detail .hproduct fieldset[disabled] .view-link:focus, fieldset[disabled] .showroom-detail .callout .callout-button:focus, .showroom-detail .callout fieldset[disabled] .callout-button:focus, fieldset[disabled] .pricing .ePrice .btn:focus, .pricing .ePrice fieldset[disabled] .btn:focus, fieldset[disabled] .pricing .eprice-button:focus, .pricing fieldset[disabled] .eprice-button:focus, fieldset[disabled] .pricing [data-eprice].btn:focus, .pricing fieldset[disabled] [data-eprice].btn:focus, fieldset[disabled] .mycars-favorites .hproduct .pricing .make-an-offer:focus, .mycars-favorites .hproduct .pricing fieldset[disabled] .make-an-offer:focus, fieldset[disabled] .locations-proximity [type="submit"]:focus, .locations-proximity fieldset[disabled] [type="submit"]:focus, fieldset[disabled] .showroom-detail .hproduct .view-link:active, .showroom-detail .hproduct fieldset[disabled] .view-link:active, fieldset[disabled] .showroom-detail .callout .callout-button:active, .showroom-detail .callout fieldset[disabled] .callout-button:active, fieldset[disabled] .pricing .ePrice .btn:active, .pricing .ePrice fieldset[disabled] .btn:active, fieldset[disabled] .pricing .eprice-button:active, .pricing fieldset[disabled] .eprice-button:active, fieldset[disabled] .pricing [data-eprice].btn:active, .pricing fieldset[disabled] [data-eprice].btn:active, fieldset[disabled] .mycars-favorites .hproduct .pricing .make-an-offer:active, .mycars-favorites .hproduct .pricing fieldset[disabled] .make-an-offer:active, fieldset[disabled] .locations-proximity [type="submit"]:active, .locations-proximity fieldset[disabled] [type="submit"]:active, fieldset[disabled] .showroom-detail .hproduct .currentPage.view-link, .showroom-detail .hproduct fieldset[disabled] .currentPage.view-link, fieldset[disabled] .showroom-detail .callout .currentPage.callout-button, .showroom-detail .callout fieldset[disabled] .currentPage.callout-button, fieldset[disabled] .pricing .ePrice .currentPage.btn, .pricing .ePrice fieldset[disabled] .currentPage.btn, fieldset[disabled] .pricing .currentPage.eprice-button, .pricing fieldset[disabled] .currentPage.eprice-button, fieldset[disabled] .pricing .currentPage[data-eprice].btn, .pricing fieldset[disabled] .currentPage[data-eprice].btn, fieldset[disabled] .mycars-favorites .hproduct .pricing .currentPage.make-an-offer, .mycars-favorites .hproduct .pricing fieldset[disabled] .currentPage.make-an-offer, fieldset[disabled] .locations-proximity .currentPage[type="submit"], .locations-proximity fieldset[disabled] .currentPage[type="submit"], fieldset[disabled] .showroom-detail .hproduct .active.view-link, .showroom-detail .hproduct fieldset[disabled] .active.view-link, fieldset[disabled] .showroom-detail .callout .active.callout-button, .showroom-detail .callout fieldset[disabled] .active.callout-button, fieldset[disabled] .pricing .ePrice .active.btn, .pricing .ePrice fieldset[disabled] .active.btn, fieldset[disabled] .pricing .active.eprice-button, .pricing fieldset[disabled] .active.eprice-button, fieldset[disabled] .pricing .active[data-eprice].btn, .pricing fieldset[disabled] .active[data-eprice].btn, fieldset[disabled] .mycars-favorites .hproduct .pricing .active.make-an-offer, .mycars-favorites .hproduct .pricing fieldset[disabled] .active.make-an-offer, fieldset[disabled] .locations-proximity .active[type="submit"], .locations-proximity fieldset[disabled] .active[type="submit"], .mycars .popup .mycars-form-btn.disabled:hover { border-color: rgba(36,99,255,1); background: rgba(36,99,255,1); background: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: -moz-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: -o-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); } */ /* Map Pin Icons */ .ddc-icon.ddc-icon-map, .page-header .header-default .vcard .adr .ddc-icon { color: rgba(36,99,255,1); } /* Menu Bar */ .navbar-default { background: black; background: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); background: -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); background: -o-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); background: linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); } /* Menu Column Dividers */ .dropdown-menu > li { border-left-color: rgba(0,0,0,.15); } /* Menu & Current Hours Highlight */ .ddc-mega-menu-nav .hours-default .today, .hours-default .today { background-color: rgba(0,0,0,.25); } /* Menu Link Hover State */ .dropdown-menu a:hover { background-color: rgba(0,0,0,.25); } /* Menu Link Hover/Focus Color Override: */ .dropdown-menu a:hover, .dropdown-menu a:focus { color: rgba(255,255,255,1); } /* Menu Featured Pricing Label */ /* .dropdown-menu .pricing .label { color: rgba(255,255,255,1); } */ /* Menu Featured Inventory Hover State */ .ddc-mega-menu-nav .hproduct:hover { background-color: rgba(0,0,0,.25); } /* Menu CTA Buttons (Override-to-Black Option) */ .mvp-cars .dropdown-menu .btn-primary, .mossbroshonda .dropdown-menu .btn-primary, .mossbrostoyota .dropdown-menu .btn-primary { background: black; background: -webkit-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); background: -moz-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); background: -o-linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); background: linear-gradient(rgba(255,255,255,.25), rgba(0,0,0,.25)) rgba(0,0,0,1); } .dropdown-menu .btn-primary:hover { background: rgba(0,0,0,1); } /* BEGIN FRANCHISE BAR */ /* Franchise Bar Flyout Colors */ .franchise.selected .childList:after { border-bottom-color: rgba(0,0,0,.75); } .franchise.selected .childList .vcard { background-color: rgba(0,0,0,.75); color: white; } .franchise.selected .childList .vcard a { color: white; } /* END FRANCHISE BAR */ /* SLIDESHOW CONTROLS */ /* Round Prev/Next Buttons Colors */ .slideControls .previousNext a { color: white; border-color: #dfdfdf; } /* Slide Control links Colors/Opacity */ .slideControls .pager a { border-color: white; opacity: .5; background-color: rgba(0,0,0,0.5); } .slideControls .pager a:hover { opacity: 1; } .slideControls .pager a:hover, .slideControls .pager a.activeSlide { background-color: rgba(36,99,255,1); } /* END SLIDESHOW CONTROLS */ /* Tab Group Background Color */ .tabs-tabbed-widgets .tabs-tabbed-widgets-container, .vdp .ddc-wrapper .ui-tabs .ui-widget-header, .showroom-detail .ui-tabs .ui-widget-header { background-color: transparent;} /* VDP Selected Tab Text Color correction */ .vdp .ddc-wrapper .ui-tabs .ui-widget-header li.ui-state-default.ui-tabs-selected a { color: black; } .vdp .inventory-detail-media-tabs .nav > li > a:focus, .vdp .inventory-detail-media-tabs .ddc-nav-inline > li > a:focus { background: white;} .links-breadcrumbs a {color:white;} /* Default Homepage [unselected] Tab Color (instead of gray) */ .tabs-tabbed-widgets .ui-tabs-nav li a { background-color: rgba(36,99,255,1); } /* PARALLAX MODEL SELECTOR WIDGET */ /* NOTE: Drop HSL Lightness 10% from theme Base Color for these Alt gradient Colors: DDC Default Alt: #0A4C8F Moss Blue: #003970 Honda Alt: #0043EF Toyota Alt: #B20000 Disabled Alt: #5E5E5E */ /* Prev/Next Buttons - Active - DDC Default */ .model-selector-parallax .carousel-prev, .model-selector-parallax .carousel-next { border-color: #0D65BF; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF0A4C8F', endColorstr='#FF0D65BF'); background-image: -webkit-linear-gradient(left, #0A4C8F 0%, #0D65BF 100%); background-image: -moz-linear-gradient(left, #0A4C8F 0%, #0D65BF 100%); background-image: -o-linear-gradient(left, #0A4C8F 0%, #0D65BF 100%); background-image: linear-gradient(left, #0A4C8F 0%, #0D65BF 100%); } /* Default Prev/Next Buttons - Active - MBAG */ .mossbrosautogroup .model-selector-parallax .carousel-prev, .mossbrosautogroup .model-selector-parallax .carousel-next { border-color: rgba(0,84,163,1); /* #0054A3 */ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF003970', endColorstr='#FF0054A3'); background-image: -webkit-linear-gradient(left, #003970 0%, rgba(0,84,163,1) 100%); background-image: -moz-linear-gradient(left, #003970 0%, rgba(0,84,163,1) 100%); background-image: -o-linear-gradient(left, #003970 0%, rgba(0,84,163,1) 100%); background-image: linear-gradient(left, #003970 0%, rgba(0,84,163,1) 100%); } /* Prev/Next Buttons - Active - Honda */ .mossbroshonda .model-selector-parallax .carousel-prev, .mossbroshonda .model-selector-parallax .carousel-next { border-color: rgba(36,99,255,1); /* #2463FF */ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF0043EF', endColorstr='#FF2463FF'); background-image: -webkit-linear-gradient(left, #0043EF 0%, rgba(36,99,255,1) 100%); background-image: -moz-linear-gradient(left, #0043EF 0%, rgba(36,99,255,1) 100%); background-image: -o-linear-gradient(left, #0043EF 0%, rgba(36,99,255,1) 100%); background-image: linear-gradient(left, #0043EF 0%, rgba(36,99,255,1) 100%); } /* Prev/Next Buttons - Active - Toyota */ .mossbrostoyota .model-selector-parallax .carousel-prev, .mossbrostoyota .model-selector-parallax .carousel-next { border-color: rgba(230,0,0,1); /* #E60000 */ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFB20000', endColorstr='#FFE60000'); background-image: -webkit-linear-gradient(left, #B20000 0%, rgba(230,0,0,1) 100%); background-image: -moz-linear-gradient(left, #B20000 0%, rgba(230,0,0,1) 100%); background-image: -o-linear-gradient(left, #B20000 0%, rgba(230,0,0,1) 100%); background-image: linear-gradient(left, #B20000 0%, rgba(230,0,0,1) 100%); } /* Prev/Next Buttons - Disabled */ .ddc-content.model-selector-parallax .carousel-prev-disabled, .ddc-content.model-selector-parallax .carousel-next-disabled { border-color: #787777; background: #787777; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF5E5E5E', endColorstr='#FF787777'); background-image: -webkit-linear-gradient(left, #5E5E5E 0%, #787777 100%); background-image: -moz-linear-gradient(left, #5E5E5E 0%, #787777 100%); background-image: -o-linear-gradient(left, #5E5E5E 0%, #787777 100%); background-image: linear-gradient(left, #5E5E5E 0%, #787777 100%); } /* END PARALLAX MODEL SELECTOR */ /* Body-Style Search Widget Hover State (Alternate Widget for Parallax Veh. Search) */ .touch .facetmulti-facetlist-bodystyle .facetmulti-item.facetmulti-selected, .no-touch .facetmulti-facetlist-bodystyle .facetmulti-item:hover { background: rgba(36,99,255,1); background: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: -moz-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: -o-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); background: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) rgba(36,99,255,1); } /* FOOTER */ /* Hide White Box */ div[style="min-height: 100px; height: auto; padding: 0px; border-width: 0px;"] { display: none; } /* Footer Alternate Color Scheme */ .ddc-footer { background: #333333; background: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) #333333; background: -moz-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) #333333; background: -o-linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) #333333; background: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.25)) #333333; border-top: solid 3px rgba(36,99,255,1); } /* END FOOTER */ /* SPECIFIC PAGE COLOR FIXES */ /* VLP Item Hover Glow */ .inventoryList li.item:hover { background: transparent; box-shadow: 0px 2px 20px 3px rgba(36,99,255,1); transition: all 0.3s; } /* VDP Package and Options List Background */ .inventory-detail-packages-options .options .option-table tr, .inventory-detail-packages-options .options .package-table tr, .inventory-detail-packages-options .packages .option-table tr, .inventory-detail-packages-options .packages .package-table tr { background-color: transparent; } /* END SPECIFIC PAGE COLOR FIXES */ /* END COLOR SCHEME */ /* BEGIN CORE THEME LAYOUT ADJUSTMENTS */ /* RESETS */ /* Fix DDC-Composer to prevent empty elements collapsing/becoming un-selectable */ .ddc-composer .unit-terminus .content.editable {min-height: 30px;} /* Allow for full-width content stretch w/o horizontal scroll */ .ddc-footer {overflow-x:hidden !important;} /* Optimize Image Resizing in IE */ img { -ms-interpolation-mode: bicubic; } /* Default Link behaviors */ a, a:hover, a:focus, .content a { text-decoration: none;} .content a:not(.btn) { font-weight: bold; font-size: 1.10em; } .ddc-footer .footer-banner a { font-size: inherit; text-decoration: underline; font-weight: normal; } /* VLP */ /* .btn, .pricing .eprice, .pricing .ePrice a, .pricing [data-eprice] { width: 100%; } */ /* END RESETS */ /*mbag INDETERMINATE TEMP??? CUSTOMIZATIONS??? */ /*Header Search Form Position */ .page-header .inventory-search-form, .page-header.sticky-header-nav.shrink-header-nav .inventory-search-form { position: absolute; top: 10px; bottom: auto; left: auto; right: 250px; } /* Google Translate Positioning - OVERRIDE DDC INLINE STYLES WITH !important */ .page-header #google_translate_element { position: absolute !important; top: auto !important; left: auto !important; bottom: auto; right: 0px; z-index: 999; } .mvp-cars .page-header #google_translate_element { top: 90px !important; } .mossbrosautogroup .page-header #google_translate_element { top: 90px !important; /* ESTIMATED */ } .mossbroshonda .page-header #google_translate_element, .mossbrostoyota .page-header #google_translate_element { top: 106px !important; } .page-header.sticky-header-nav.shrink-header-nav #google_translate_element { display:none; } /* Phone Sizing Positioning */ /* .page-header.sticky-header-nav.shrink-header-nav .vcard .tels .tel.phone1 { position: relative; cursor: pointer; margin: -21px 54px 0 0; text-align: right; } */ .page-header.sticky-header-nav.shrink-header-nav .vcard .tels .tel.phone1 { margin-right: 0px; } .page-header .header-default .vcard .tels li.tel, .page-header .header-default .vcard .tels li.tel.phone1 { font-size: 22px; line-height:1.25em; } .page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li.tel, .page-header.sticky-header-nav.shrink-header-nav .vcard ul.tels li.tel.phone1 span { font-size: 20px; } .page-header .header-default .vcard .tels { top: -18px; } .page-header.sticky-header-nav.shrink-header-nav .vcard .tels { top: 2px; margin-right: 0; } .page-header.sticky-header-nav.shrink-header-nav .vcard .tels:after {top: -4px;} /* Sizing / Positioning the Header Map Pin [Moss-Variant] */ .page-header .header-default .vcard .adr a span, .page-header .header-default .vcard .adr a br {display:none;} .page-header .header-default .vcard .adr a { font-size: 26px; } .page-header .header-default .vcard .adr { position: absolute; right: 200px; top: 3px; } .page-header.sticky-header-nav.shrink-header-nav p.adr .ddc-icon-map:before, .page-header.sticky-header-nav.shrink-header-nav p.adr .ddc-icon-map-marker:before { display:inline; } /* MERGE MVP PHONE/ADDRESS Map Pin VARIANT??? */ /* Line up the Top of the Header Image with everything else */ /* SPOT-CHECK THIS FOR MVP */ .page-header .header-default h1 { margin-top: 10px;} /* Logo and Org Name - [MVP Variant] */ .mvp-cars .page-header .header-default .home-logolink { display: block; margin-top: 10px; padding: 0px; height: 120px; width: 240px; } .mvp-cars .page-header.sticky-header-nav.shrink-header-nav .home-logolink { margin-top: 5px; padding: 0px; height: 40px; width: 80px; } .mvp-cars .page-header .header-default .home-logolink img { display:none; } .mvp-cars .page-header .header-default .home-logolink:before { content: ""; displaY: block; margin: 0; padding: 0; width: auto; height:100%; background: url("//pictures.dealer.com/m/mossbrospreowned/0315/0a2a9bc343474166793788713c0eb0b1x.jpg") 50% 50% no-repeat scroll rgba(255,0,128,0); background-size: 100% 100%; } /*Review this pair FOR MOSS */ .mvp-cars .page-header .header-default .vcard .fn .org { display:block; text-indent: -9999px; } .mvp-cars .page-header.sticky-header-nav.shrink-header-nav .vcard .fn .org { text-indent: 0px; } /* END Logo and Org Name - [MVP Variant] */ /* CSS the TagLine to the Logo (Hide on Collapse) */ .page-header .header-default .vcard h1.fn:after { content: '"At Moss...You\'re the Boss!"\2122'; color: #000000; font-style: italic; font-weight: 900; font-size: 18px; font-family: 'DDC Heading Font Face', Univers, 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: normal; display: block; margin-top: 2px; } .mvp-cars .page-header .header-default .vcard h1.fn:after { content: 'Your Every Day Savings Champion'; } .mossbrostoyota .page-header .header-default .vcard h1.fn:after { font-size: 16px; } .page-header.sticky-header-nav.shrink-header-nav .vcard h1.fn:after { display:none; } /*Normal Tagline applied to Toyota - Style it correctly, but Hide it to normalize with the rest */ .value-statement span { color: #000000; font-style:italic; font-weight:900; font-size:15px; } .mossbrostoyota .value-statement span { display: none; } /* 1921 Logo */ /* .shrink-header-nav .header-default {background-position:220px 8px;background-size:auto 40px} .header-default {background:url(/static/sites/m/mossbrostoyotascion/images/1921.png) no-repeat 378px 20px transparent;} */ /* END HEADER */ /* MAIN MENU */ /* Menu Top-Nav Hover/Open State [Sizing/Positioning] */ .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .currentPage > a, .navbar-default .navbar-nav > .currentPage > a:hover, .navbar-default .navbar-nav > .currentPage > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .mycars .menu.selected > a, .mycars .menu:hover > a { height: 62px; margin-top: -2px; padding-top: 12px; } /* Top Nav Link Spacing */ .navbar-nav > li > a { padding: 10px; } /* Positioning Correction for MyCars Login Btn Hover/Open State */ .mycars .menu.selected > a, .mycars .menu:hover > a { padding-top: 7px; } .mycars .menu > a {width: 60px;} /* Menu Dropdown-Nav-item-Sizing - Fixes Caret Positioning */ .navbar-default .navbar-nav > .dropdown > a .caret { width: auto; height: auto; top: -.25em; } /* Sub-Menu Header Link Sizing correction (keeps links and non-links consistent) */ .dropdown-menu h4 a { margin: -5px -10px; padding: 5px 10px; } .dropdown-menu h4 a:hover { text-decoration: none; } /* LIVE CHAT Button Placement Styles */ .chat-wrapper { position: relative; width: 68px; overflow: hidden; display: inline-block; vertical-align: bottom; z-index:1; /* fix clickability */ } .chat-wrapper a img { width: 136px; max-width: 136px; } .chat-wrapper a:hover img { margin-left: -68px; } .nav-bar-chat-container { position: absolute; float: right; } .nav-chat-split .nav-bar-chat-container.nav-bar-chat-left { float: left; } /* Position the Chat Buttons */ .nav-bar-chat-container.nav-bar-chat-left { left: 10px; } .nav-bar-chat-container.nav-bar-chat-right { right: 10px; } .live-chat-enabled.talk-with-glenn-enabled .nav-chat-combined .nav-bar-chat-container.nav-bar-chat-left { left: auto; right: 10px; } .live-chat-enabled.talk-with-glenn-enabled .nav-chat-combined .nav-bar-chat-container.nav-bar-chat-right { right: 98px; } /* Pad the menu for chat placeholders */ .nav-chat-split .navigation-default.navbar-nav { padding-left: 68px; padding-right: 68px; } .nav-chat-combined .navigation-default.navbar-nav { padding-left: 0px; padding-right: 156px; } .navigation-default.navbar-nav { min-height: 62px; } /* Shift/resize the Menu-Flyout back over to compensate for the top-menu-shift */ .nav-chat-split .ddc-mega-menu-nav.navbar-nav .dropdown-menu { margin: 0 -68px; width: 940px; } .nav-chat-combined .ddc-mega-menu-nav.navbar-nav .dropdown-menu { margin-right: 0 0 0 -156px; width: 940px; } /* Correctly Position MyCars Bar When Live Chat isn't enabled */ .ddc-site .mycars-default { right: 10px; } /* Shift MyCars Bar Over for Live Chat (when enabled) */ .ddc-site .live-chat-enabled .mycars-default, .ddc-site .talk-with-glenn-enabled .mycars-default { right: 78px; } .ddc-site .live-chat-enabled.talk-with-glenn-enabled .mycars-default { right: 146px; } /* "Talk With Glenn Moss" Button Placement Styles */ /* Moss Blue (Default for Red F11 Themes: MBAG, CDJRs, Toyota, Chevy*): https://pictures.dealer.com/m/mossbrosgroup/1901/09dfd9327a204910fb49f4519280c2e0x.jpg Moss Red (Default for Blue F11 Themes: Honda, Buick-GMC*) https://pictures.dealer.com/m/mossbrosgroup/1351/efbfc57863c9f758350f39f30fa1f412x.jpg VW Think Blue: https://pictures.dealer.com/m/mossbrosgroup/0584/c6c7e58bb8957c7342fead0549043be9x.jpg */ .talk-with-glenn { display: block; width: 68px; height: 62px; text-indent: -9999px; background: url('https://pictures.dealer.com/m/mossbrosgroup/1901/09dfd9327a204910fb49f4519280c2e0x.jpg') scroll no-repeat left center transparent; background-size: 136px 62px; /* Defining Separately Fixes Safari */ /* float: left; */ } .mossbroshonda .talk-with-glenn { background-image: url('https://pictures.dealer.com/m/mossbrosgroup/1351/efbfc57863c9f758350f39f30fa1f412x.jpg'); } .talk-with-glenn:hover { background-position: -68px center; } .mossbrosvw .talk-with-glenn { display: block; width: 88px; height: 80px; text-indent: -9999px; background: url('https://pictures.dealer.com/m/mossbrosgroup/0584/c6c7e58bb8957c7342fead0549043be9x.jpg') scroll no-repeat left center transparent; background-size: 176px 80px; /* Defining Separately Fixes Safari */ float: left; } /* End Talk With Glenn */ /* END MAIN MENU */ /* TITLE BAR */ .content-page-title h1 { position: relative; padding-left: 10px; padding-right: 10px; } /* Title Bar Enhancements (VLP, VDP, Model-specific Landing Pages) */ .vlp .content-page-title h1, .vdp .content-page-title h1, .alias-model-specific-landing .content-page-title h1 { /*padding-right: 200px;*/ padding: 15px 200px 6px 0 !important } .vlp .ddc-page-title .vehicle-condition, .vlp .ddc-page-title .vehicle-location, .vdp .ddc-page-title .vehicle-condition, .vdp .ddc-page-title .vehicle-location, .alias-model-specific-landing .ddc-page-title .vehicle-condition, .alias-model-specific-landing .ddc-page-title .vehicle-location { font-size: .6em; position: absolute; right: 10px; } .vlp .ddc-page-title span.vehicle-condition, .vdp .ddc-page-title span.vehicle-condition, .alias-model-specific-landing .ddc-page-title span.vehicle-condition { top: 10px; } .vlp .ddc-page-title span.vehicle-location, .vdp .ddc-page-title span.vehicle-location, .alias-model-specific-landing .ddc-page-title span.vehicle-location { bottom: 5px; } .vlp .ddc-page-title .vehicle-condition:before, .vdp .ddc-page-title .vehicle-condition:before, .alias-model-specific-landing .ddc-page-title .vehicle-condition:before { content: "Condition: "; } /* END TITLE BAR */ /* WIDGET FIXES */ /* FRANCHISE BAR */ /* Full-Width Bar / Equal Logo Distribution */ .franchiseList { box-sizing:border-box; max-width: 100%; width: 100%; margin: 20px 0; padding: 0 5px; } .franchiseList li.franchise { box-sizing: border-box; padding: 0 5px; width: 8.333333%; } img.franchiseLogo { width: 100%; display:inline-block; /* border:solid 1px red; */ } /* Show Franchises Bar Flyouts below the Franchise Bar (instead of Above) */ .franchise.selected .childList { bottom: auto; top: 100%; padding: 20px 0 0; } .franchise.selected .childList:after { border-top-color: transparent; bottom: auto; top: -20px; } /* First Flyout List position */ .franchise.selected:first-child .childList { left: 0; margin-left: -8px; } .franchise.selected:first-child .childList:after { left: 22%; } /* Last Flyout List position */ .franchise.selected:last-child .childList { margin-left: -212.5px !important; margin-left: 0px !important; left: auto; right:0; margin-right:-7px } .franchise.selected:last-child .childList:after { left: 78%; } /* Eliminate extra margin caused by the logo li, which throws off the top arrow */ .franchise.selected .childList li:first-child { margin-bottom: 0; position: relative; } /* Clean up the Franchise Bar Flyout Contact Blocks */ .franchise.selected .adr { margin-bottom: 0; } .franchise.selected .street-address { display:block; } .franchise.selected .tel .value { float:right; } /* Correct the Display of the Franchise Logo in the Flyout */ .franchise.selected .childList .childFranchise { z-index: 9999; background-color: white; } /* Fix CarQuest Flyout Franchise Logo */ .franchise.preowned .childList .childFranchise .franchiseLogo { visibility: hidden; } .franchise.preowned .childList .childFranchise:after { content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; background: url('https://pictures.dealer.com/m/mossbrosautogroup/0758/6e484ba2ed016cce5663d1c74f0dd9fex.jpg') no-repeat top center transparent; } /* END FRANCHISE BAR */ /* SLIDESHOWS */ /* Smooth out the Round Prev Next Buttons */ .slideControls .previousNext a { border-style: solid; border-width: 3px; width:58px; height:58px; line-height: 28px; text-align: center; } /* Slide Control links Sizing */ .slideControls .pager a { width: 20px; height: 20px; border-style: solid; border-width: 3px; border-radius: 50%; } /* END SLIDESHOWS */ /* TABS (Homepage) */ /* PARALLAX MODEL SELECTOR WIDGET */ /* Prev/Next Buttons - Active */ .model-selector-parallax .carousel-prev, .model-selector-parallax .carousel-next { border-style: outset; border-width: 3px; line-height: 48px; } .model-selector-parallax .carousel-prev:hover, .model-selector-parallax .carousel-next:hover { border-style: inset; } /* Prev/Next Buttons - Disabled */ .ddc-content.model-selector-parallax .carousel-prev-disabled:hover, .ddc-content.model-selector-parallax .carousel-next-disabled:hover { border-style: outset; } /* END PARALLAX MODEL SELECTOR */ /* CUSTOM WIDGETS: JUMBOTRON */ .jumbotron { display: block; box-sizing: border-box; margin: 60px auto; padding: 60px 100px; max-width: 960px; background-color: white; text-align:justify; font-size: 20px; } .jumbotron h1, .cover h1 {text-align:left; font-size: 1.4em; font-weight:bold;} .jumbotron h2, .cover h2 {text-align:left; font-size: 1.3em; font-weight:bold; font-style:italic;} .jumbotron h3, .cover h3 {text-align:left; font-size: 1.2em; font-weight:bold;} .jumbotron h4, .cover h4 {text-align:left; font-size: 1.1em; font-weight:bold; font-style:italic;} .jumbotron h5, .cover h5 {text-align:left; font-size: 1.05em; font-weight:bold;} .jumbotron h6, .cover h6 {text-align:left; font-size: 1em; font-weight:bold; font-style:italic;} /* CUSTOM WIDGETS: FULL-WIDTH COVERS WTIH ART DIRECTION */ /* "Cover Art" (Default is Content-Width) */ /* NOTE: Override Cover Heights for .cover-wrap AND .cover elements TOGETHER */ .cover-wrap { display: block; box-sizing:border-box; position: relative; height: 500px; } /* Give clearance for Homepage Covers */ .index .cover-wrap {margin: 10px 0;} .index .mossbroshonda .cover-wrap, .index .mossbrostoyota .cover-wrap {margin: 10px 0 -60px;} .index .scionmorenovalley .cover-wrap {margin: -50px 0 -61px;} .index .mossbrosvw .cover-wrap {margin: -10px 0 -48px;} .cover { display: block; box-sizing:border-box; width:100%; height: 500px; overflow: hidden; background-size: cover; background-position: center center; } .cover > img {display: none !important;} .cover-fixed {background-attachment: fixed;} /* Cover Art (Full-Page-Width) */ .cover.full { position: absolute; left: 50%; /* Fallback for no-VW units (Safari) will assume overlarge 1400px screen size */ width: 1400px; margin-left:-700px; /* Full Width (Where supported) */ width: 100vw; margin-left: -50vw; } /* Cover Image Art Direction (IGNORED with .cover-fixed) */ .cover-top-left, .cover-left-top { background-position: left top; } .cover-top-center, .cover-center-top, .cover-top { background-position: center top; } .cover-top-right, .cover-right-top { background-position: right top; } .cover-center-left, .cover-left-center, .cover-left { background-position: left center; } .cover-center-center, .cover-center { background-position: center center; } .cover-center-right, .cover-right-center, .cover-right { background-position: right center; } .cover-bottom-left, .cover-left-bottom { background-position: left bottom; } .cover-bottom-center, .cover-center-bottom, .cover-bottom { background-position: center bottom; } .cover-bottom-right, .cover-right-bottom { background-position: right bottom; } /* Cover Content Overlay (blur the cover bg-img to prioritize .cover-content visibility) */ .cover-content-overlay, .cover-content-overlay-dark { background-color: rgba(0,0,0,.5); } .cover-content-overlay-light { background-color: rgba(255,255,255,.5); } #honda-wrap .cover-content-overlay-dark { background-color: hsla(223,80%,25%,.75); } .index #toyota-wrap .cover-content-overlay-dark { background-color: hsla(0,80%,25%,.75); } /* Cover Content Font & Colors; */ .cover .cover-content, .cover .cover-content a, .cover-content-overlay-dark .cover-content, .cover-content-overlay-dark .cover-content a { font-size: 15px; color: white; } .cover-content-overlay-light .cover-content, .cover-content-overlay-light .cover-content a { color: black; } .cover-content { display:block; box-sizing: border-box; margin: 0 auto; padding: 60px 10px; max-width: 960px; text-align:justify; } .cover-content p, .jumbotron p {margin: 1.5em 0;} /* SPECIFIC COVERS */ /* #Skyline is on MBAG Homepage */ #skyline-wrap, #skyline-cover, #skyline-cover .cover-content-overlay { height: 800px; } /* Honda Homepage */ #honda-wrap, #honda-cover, #honda-cover .cover-content-overlay { /* height: 1750px; */ height: 1100px; } #honda-wrap.spanish, #honda-wrap.spanish #honda-cover, #honda-wrap.spanish #honda-cover .cover-content-overlay { height: 1300px; } #honda-wrap a, #honda-wrap a:hover, #honda-wrap a:focus, #honda-wrap .content a {text-decoration: underline;} /* Toyota Homepage */ #toyota-wrap, #toyota-cover, #toyota-cover .cover-content-overlay { height: 2350px; } /* MVP Homepage Cover Sizing */ #mvp-welcome-cover, #mvp-welcome-cover .cover, #mvp-welcome-cover .cover-content-overlay { height: 675px; } /* END SPECIFIC COVERS */ /* CUSTOM WIDGET THEMING: SHADOW BOXES */ /* .shadow-box Style to Make things Pop (applies to jumbotron and featured veh. imgs too) */ .shadow-box, .jumbotron, .inventory-featured-default img { border-radius: 5px; box-shadow: 2px 3px 10px 0px rgba(0,0,0,.5); border: solid 1px #CCC; } /* Featured-Vehicle Hack for Shadow-Boxing */ /* Allow featured-vehicle-widget image shadows to expand outside the visible wrapper space */ .inventory-featured-default .hproduct { margin-left: -5px; margin-right: -10px; padding-left: 5px; padding-right: 10px; height: 550px; } /* Featured Vehicle widget Button placement fix */ div.inventory-featured-default.inventory-featured-button-fix a.view-link { position:absolute !important; } /* CUSTOM WIDGET THEMING: MOSS STRIPES */ .moss-stripes, .mossbrosautogroup .shadow-box, .mossbrosautogroup .jumbotron, .mossbrosautogroup .cover { border-style: solid; border-width: 4px 0px 0px; border-top-color: rgba(237,27,45,1); border-radius: 5px; } .moss-stripes:before, .mossbrosautogroup .shadow-box:before, .mossbrosautogroup .jumbotron:before, .index .mossbrosautogroup .cover:before { background: white; border: solid rgba(0,84,163,1); border-width: 0 0 4px; content: ""; display: block; position: absolute; height: 7px; box-sizing: border-box; top: 4px; left: 0px; right: 0px; pointer-events: none; border-radius: 0% 0% 100% 0%; } .index .mossbrosautogroup .cover:before { top: 0px; } /* BEGIN FOOTER */ /* Footer Logos (and BBB Fix) */ /* CUSTOM WIDGET (CORRECTION): BBB WIDGET */ /*BBB SEAL CSS, for our selected style, (Preloaded to prevent flashes from BBB's CSS-Load-via-Javascript) */ a#bbblink{margin: 0 auto !important; display:block;position:relative;text-align:center;color:#005A78;text-decoration:none;overflow:hidden;margin:0;padding:0;} a#bbblink img{border:0;position:absolute;top:0;left:0;margin-left:0;max-width:200%;} a#bbblink.sehzbam:hover img,a#bbblink.rbhzbam:hover img,a#bbblink.ruhzbam:hover img,a#bbblink.sehzbum:hover img,a#bbblink.rbhzbum:hover img,a#bbblink.ruhzbum:hover img{margin-left:-150px;} a#bbblink.ruhzbam,a#bbblink.ruhzbum{width:150px;height:69px;} /*Custom BBB Top Margin to Vertically Center Align Badges*/ .ddc-footer .footer-logo-wrap { text-align: center; background-color: rgba(255,255,255,0.25); margin: 0 -3000px; padding: 0 3000px; } /*.container-footer {overflow-x: hidden;}*/ .ddc-footer .footer-logos { height: auto; position: relative; top: 0; right: auto; display:inline-block; } .ddc-footer .footer-logos a { display: inline-block !important; box-sizing: border-box; padding: 0; margin-left: 2em; margin-right: 2em; } .ddc-footer .footer-logos a#bbblink {margin: 30px 2em !important;} .ddc-footer .footer-logos a.readers-choice { padding:0 !important; margin-top: 18px; float:left; width:150px !important; } .ddc-footer .best-of-inland-empire img { max-height: 125px; position: relative; top: 8px; } /* END FOOTER LOGOS */ /* BEGIN FOOTER LINKS */ /* Footer Link Lists */ .ddc-footer ul { margin:0; padding:0; list-style:none; } /* Force the Link columns on top of Footer-Car */ .ddc-footer .ddc-span2 { z-index: 999; } /* END FOOTER LINKS */ /* BEGIN CUSTOM WIDGET: FOOTER CAR */ .footer-car-decor { position: relative; width: 100%; z-index: 1; } .footer-car-decor .car { position: absolute; bottom: 0; right: -80px; opacity: 1; /* Flip Horizontal Sample - Apply to specific cars */ /* -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; */ } /* Car Image, Dimensions, Positioning, H-Flip... NOTEs: Use BG Img Size (or scaled values) to keep Img in proportion, Use positioning to keep the car in view; This allows the container size to crop down outer dead space as needed */ /* .footer-car-decor.dodge.challenger-rt-plus .car { background: url('//pictures.dealer.com/m/mossbrosgroup/1256/892f8cb6721189defd0d6ff412a8c3dfx.jpg') center center no-repeat transparent; background-size: 540px 400px; width: 540px; height: 300px; /*border: solid 1px orange;*/ } */ /* Container Height for Positioning */ .footer-car-decor.dodge.challenger-rt-plus { height: 0px; } /* .footer-car-decor.honda .car { background: url('https://pictures.dealer.com/m/mossbrosgroup/0998/65f3cec0a5a2711c094315ea90993a07x.jpg') right bottom no-repeat transparent; background-size: 550px 350px; width: 550px; height: 350px; /*border: solid 1px orange;*/ } */ /* Container Height for Positioning */ .footer-car-decor.honda { height: 0px; } /* END CUSTOM WIDGET: FOOTER CAR */ /* Position Footer Social Media Links */ /* Keep Sizing/Positioning The Same for Mac/ Pixel Ratio (Reset the Media Query) */ @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .social-header-buttons.social-header-button-override.socialmed a {width:30px;height:30px; padding:0; margin: 0;} } /* Periscope Positioning (Next to Social Media) */ .periscope-wrap { position: absolute; bottom: -75px; left: 185px; } .ddc-footer .navigation-default ul li > a {min-width:0;} /* Fix the Footer Menu */ .ddc-footer .navigation-default ul li > a { padding: 1.25em 1em; height: auto; margin-bottom:20px; text-transform: none; } /* END FOOTER */ /* BEGIN LANDING PAGE-SPECIFIC STYLES */ /* Homepage CTA Buttons */ /*Homepage MOSS CTA Buttons*/ html.index div#call-to-action-btns { display:block; position:relative; clear:both; overflow:hidden; /*width:960px;*/ height:103px; /*margin-left:-16px;*/ /*Counteract default padding*/ } html.index .mbag div#call-to-action-btns.parallelogram { width:958px; height:101px; } html.index div#call-to-action-btns.moss-cdjr { margin-left:0; } html.index div#call-to-action-btns img { position:absolute; left:0; top:0; width:960px; height:103px; border:0; } html.index .mbag div#call-to-action-btns.parallelogram img { width:958px; height:101px; } html.index div#call-to-action-btns a { display:block; position:relative; float:left; text-indent: -9999px; /*Apply Default rectangular dimensions */ margin:0; width: 16.6666667%; /* 6 Btns */ height: 103px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; /*KEEP THIS! Forces transparent click surface */ background-color:pink; } html.index div#call-to-action-btns.parallelogram a { margin-top:5px; width:91px; height:87px; -ms-transform:skew(-30deg); -moz-transform:skew(-30deg); -webkit-transform:skew(-30deg); -o-transform:skew(-30deg); transform:skew(-30deg); } html.index div#call-to-action-btns.parallelogram.moss-cdjr a { width:151px; height:90px; margin-top:7px; } html.index div#call-to-action-btns.parallelogram a.first { margin-left:25px; } html.index div#call-to-action-btns.parallelogram.moss-cdjr a.first { margin-left:26px; } html.index div#call-to-action-btns a.para-only {display:none;} html.index div#call-to-action-btns.parallelogram a.para-only {display:block;} html.index div#call-to-action-btns a.rect-only {display:none;} html.index div#call-to-action-btns.rect-parallelogram a.rect-only {display:block;} /* END Homepage CTA Buttons */ /* BEGIN VLP MODS */ /* Fix VLP Column & Details Distribution */ /* Pricing Column */ /*VLP Badge Sizing */ .inventoryList .calloutDetails li { width: 50%; margin: 2px 0; float: left; clear: none; } .inventoryList .calloutDetails li img {margin: 0;} .inventoryList .calloutDetails li .badge, .inventoryList .calloutDetails li .pure-cars-badge { display: block; text-align: center; margin: 0 0 !important; } .inventoryList .calloutDetails li .badge.carfax-free { margin: 6px 0 !important; } .inventoryList .calloutDetails .badge img, .inventoryList .calloutDetails .pure-cars-badge img, .inventory-listing-default .inventoryList .hproduct .badge img { max-height: 50px; display: inline-block; } .inventoryList .calloutDetails li.certified { width: 50%; /* width: 100%; */ float: right; } /* VLP Green Vehicles */ .inventoryList li.item.green-vehicle:before { /* content: "\e64c";*/ font-family: 'ddc-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; font-size: 2em; color: rgba(0%,65%,0%,1); position: absolute; right: 4px; top: 0px; background: url(https://pictures.dealer.com/m/mossbrosgroup/0403/d98e31dc07ec868c7fe8f90751e458abx.jpg) no-repeat center center; width: 30px; height: 30px; background-size: cover; } /* END VLP MODS */ /* Fix the ePrice Button Size (VLP/VDP) */ .ePrice .btn.dialog { width: 100%; } .vdp .ePrice .ddc-span6 { width: 100%; } /* .pricing .ePrice .btn, .pricing .eprice-button, .pricing [data-eprice].btn { width: 100%; }*/ /* BEGIN VDP MODS */ /* Force the Vehicle Images to Full-Column Width */ /* ***WILL AFFECT SOME SMALLER STOCK IMAGES FOR NOW (PARTIAL FUZZINESS) *** */ .vdp .imageViewer img { width: 100%; } /* Collapse the VDP Sidebar Blocks together (should be .ddc-box-1) */ .vdp .ddc-span4 .ddc-box-1, .vdp .ddc-span4 .inventory-detail-incentives-listing { margin-bottom: 0; } /* Change the Pkg & Options VDP table Layout */ .vdp table.option-table tr { float: left; width: 50%; border: 0 none; display: block; } .vdp .inventory-detail-packages-options .options .option-table tr td.option-item-description { display:block; width: 100%; border: 0 none; } /* Tech Specs Layout */ .vdp .inventory-detail-tech-specs .value { float: right; } /* END VDP MODS */ /* BEGIN MBAG SERVICE DEPT PAGES CUSTOMIZATIONS */ /* CUSTOM WIDGET: SERVICE IMAGE-MENUS */ div#service-call-to-action-btns { display:block; position:relative; clear:both; overflow:hidden; width:959px; height:101px; margin-left:-16px; /*Counteract default padding*/ } #service-call-to-action-btns img { position:absolute; left:0; top:0; width:959px; height:101px; border:0; } #service-call-to-action-btns a { display: block; position: relative; float: left; text-indent: -9999px; margin: 0 0 0 1px; width: 136px; height: 101px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-color: pink; } #service-call-to-action-btns a.first { margin-left: 0px; } /*** MBAG SERVICE DEPT PAGE 'COUPONS' ***/ div#Coupon1 { display:block; position:relative; clear:both; overflow:hidden; width:958px; height:290px; margin-left:-16px; /*Counteract default padding*/ } #Coupon1 img { position:absolute; left:0; width:290px; height:290px; border:0; margin-left: 18px; } #Coupon1 a { display:block; position:relative; float:left; text-indent: -9999px; /*FIT Buttons links to the Implementation of the Button List Sprite */ width:290px; height:290px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; /*KEEP THIS! Forces transparent click surface */ background-color:pink; } #Coupon1 a.first { margin-left:25px; } div#Coupon2 { display:block; position:relative; clear:both; overflow:hidden; width:958px; height:290px; margin-left:-16px; /*Counteract default padding*/ } #Coupon2 img { position:absolute; left:0; width:290px; height:290px; border:0; margin-left: 18px; } #Coupon2 a { display:block; position:relative; float:left; margin-left: 18px; text-indent: -9999px; /*FIT Buttons links to the Implementation of the Button List Sprite */ width:290px; height:290px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; /*KEEP THIS! Forces transparent click surface */ background-color:pink; } #Coupon2 a.first { margin-left:25px; } /*** END SERVICE DEPT PAGES CUSTOMIZATIONS ***/ /* Testimonials Page Mods*/ .mossbroshonda blockquote { border-color: #2463FF;; background-color:white; padding: 10px; } .testimonial-title {font-size: 1.6rem;} blockquote.testimonial .testimonial-content div { background-repeat: no-repeat; background-position: 0px 0px; padding-top: 35px; margin-top: -35px; font-size: 1.4rem; } blockquote.testimonial .testimonial-content div.stars5 { background-image: url(//pictures.dealer.com/m/mossbrostoyotascion/0948/22b2113499734018f681a9ccd6837d72x.jpg); } blockquote.testimonial .testimonial-content div.stars4 { background-image: url(//pictures.dealer.com/m/mossbrosautogroup/1121/35327c227dc2ac71799dfc24400892adx.jpg); } .testimonials-default blockquote.testimonial .testimonial-title { margin-left: 144px; } blockquote.testimonial cite { display: block; text-align: right; } blockquote.testimonial cite span:before { content: "- "; } #hours1-app-root li span:first-of-type {margin-right: 0px !important;} /* End Testimonials Page Mods */ /* END LANDING PAGE SPECIFIC STYLES */ /* Accolade Badges */ .ddc-footer .footer-logo-wrap { background-color: rgba(255,255,255,.9); background: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.25)) rgba(255,255,255,.9); } .text-center { text-align:center; } .badge-img-greyscale:hover, .badge-img-greyscale10:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .badge-img-greyscale, .badge-img-greyscale10 { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.75; -webkit-transition: -webkit-filter 0.2s ease, opacity 0.2s ease, filter 0.2s ease, opacity 0.2s ease; transition: filter 0.2s ease, opacity 0.2s ease; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .badge-img-greyscale10 { -webkit-filter: grayscale(10%); filter: grayscale(10%); } .badge-img { position: relative; display: inline-block; width: auto; height: 80px; margin: 10px 10px !important; vertical-align: middle; } .badge-img.alpha { margin-left: 0 !important; } .badge-img.omega { margin-right: 0 !important; } @media (min-width: 760px) { .badge-img { width: auto; height: 80px; margin: 20px 20px !important; } } @media (min-width: 992px) { .badge-img { height: 80px; margin: 20px 20px !important; } } /* END Accolade Badges */ /*************** END MOSS BROS. THEME *******************************/ /******************************************/ /***********HONDA CUSTOMIZATIONS***********/ /******************************************/ /* ddcbatot DNA4794617 */ .header-default .custom-header-button{position: absolute; left: 350px; top:5px;} .page-header.shrink-header-nav .header-default .custom-header-button{display:none;} .page-header.shrink-header-nav .header-default .glennchat{display:none;} /*dtclairecampbell home button hover function blue */ /* .navbar .home:hover{background-color: #222b62;} */ /* DNA4947092 ddcdmeline */ .shrink-header-nav .header-default {background-position:260px 3px;background-size:auto 45px;} /* M-00215620 william.thompson */ /* .vdp .links-breadcrumbs {position: absolute; top: 0px; right: 10px; display: block; z-index: 99; } */ /* Fix DDC Specials Display for Mobile */ @media screen and (max-width: 768px) { .specials-listing .special .offer-wrap { max-width:100%!important; /*border:solid 1px green;*/ background: white!important; border: solid 1px #222 !important; box-shadow: .5em .5em 1em -.25em rgba(0,0,0,.5); } .specials-listing .special .offer-wrap img { max-width:100% !important; margin:0!important; } .specials-listing .special .offer-wrap .moss-special-offer { background-size:103%!important; border:none !important; background-position-y: -1px !important; margin: 0 !important; } .specials-listing .special font {font-size: inherit;} .specials-listing .special .offer-wrap *[style*="font-size"] {font-size: inherit;} } /* DDC Specials widget cleanup */ .specials-listing .special .dsbid2001t02, .specials-detail .special .dsbid2001t02 { background-color: #fefefe; box-sizing: border-box; width: 100%; padding: 1em; border: 5px dashed #ED1B2D; } .mossbroshonda .specials-listing .special .dsbid2001t02, .mossbroshonda .specials-detail .special .dsbid2001t02 { border-color: #2463FF; } .mossbrostoyota .specials-listing .special .dsbid2001t02, .mossbrostoyota .specials-detail .special .dsbid2001t02 { border-color: #E60000; } .mossbrosvw .specials-listing .special .dsbid2001t02, .mossbrosvw .specials-detail .special .dsbid2001t02 { border-color: #009DDC; } .mvp-cars .specials-listing .special .dsbid2001t02, .mvp-cars .specials-detail .special .dsbid2001t02 { border-color: #FF0080; } .specials-listing .special .dsbid2001t02 .s01 .layer1 h4, .specials-detail .special .dsbid2001t02 .s01 .layer1 h4, .specials-listing .special .dsbid2001t02 .s01 .layer1 div.dsbCont, .specials-detail .special .dsbid2001t02 .s01 .layer1 div.dsbCont { color: black; } .specials-listing .special .dsbid2001t02 .s01 .layer1 div.dsbCont img, .specials-detail .special .dsbid2001t02 .s01 .layer1 div.dsbCont img { /*width:100%!important; height:auto!important;*/ } .specials-listing .special .dsbTitle img[alt="Honda Certified Service"], .specials-detail .special .dsbTitle img[alt="Honda Certified Service"] { margin-right: -1.5em; } /*Collapse down the h4.dsbTitle to take no space*/ .specials-listing .special .dsbTitle { margin: 0; /* font-size: 0;*/ } /*Don't Format the New (Finance) Specials (Honda/VW/MBAG) */ .specials-listing.moss-new-specials .special .dsbid2001t02 { background-color: transparent; padding: 0em; box-sizing: border-box; width: 100%; border: 0 none transparent !important; } /* Re-Enable EPrice Rounded Corners*/ .btn-lg, .pricing .eprice:not(.btn-xs), .pricing .eprice:not(.btn-sm), .pricing .eprice:not(.btn-default), .pricing .eprice:not(.btn-lg), .pricing .eprice:not(.btn-xl), .pricing .ePrice a:not(.btn-xs), .pricing .ePrice a:not(.btn-sm), .pricing .ePrice a:not(.btn-default), .pricing .ePrice a:not(.btn-lg), .pricing .ePrice a:not(.btn-xl), .pricing [data-eprice]:not(.btn-xs), .pricing [data-eprice]:not(.btn-sm), .pricing [data-eprice]:not(.btn-default), .pricing [data-eprice]:not(.btn-lg), .pricing [data-eprice]:not(.btn-xl), .inventory-detail-pricing .on-deposit-link { /* border-radius: 6px; */ border-radius: 1.5em; } .offer h1 { font-weight: bold; } .coupon-border{ border-style: dashed; border-width: 5px; } .coupon-border-blue { border-color: rgba(36,99,255,1); } .offer .disclaimer { margin-top: 1em; font-size: .9em; font-style: italic; clear:both; } .offer .pricing { font-weight: bold; } /*Swap google+ button for Google Places*/ .social-header-buttons a.googleplus-button { float:left; background:url(https://pictures.dealer.com/m/mossbrosgroup/1793/592a21f245411826789734c60b6593d5x.jpg) no-repeat 0 0 transparent; padding:0 3px; } /* Add HOV Eligible sticker overlay for VDPs (add the hov-eligible class to body on js-detect) */ .vdp .hov-eligible .imageViewer::before { content: ""; /* background: url('https://pictures.dealer.com/m/mossbrosgroup/1212/7b2a68f15bd43b5ea0afc790d16cb329x.jpg?impolicy=resize&w=100&h=50') 0 0 / 100px 50px no-repeat scroll transparent; */ background: url('https://pictures.dealer.com/m/mossbrosgroup/1635/b296a514882d4131aace0c3ea6ab9898x.jpg?impolicy=resize&w=100&h=50') 0 0 / 100px 50px no-repeat scroll transparent; display: block; width: 100px; height: 50px; position: absolute; top: 10px; right: 10px; z-index: 9999; } /* HOV for New RVDP page format */ .vdp .hov-eligible .vdp-sidebar::after { /* background: url('https://pictures.dealer.com/m/mossbrosgroup/1212/7b2a68f15bd43b5ea0afc790d16cb329x.jpg?impolicy=resize&w=100&h=50') 0 0 / 100px 50px no-repeat scroll transparent; */ background: url('https://pictures.dealer.com/m/mossbrosgroup/1635/b296a514882d4131aace0c3ea6ab9898x.jpg?impolicy=resize&w=100&h=50') 0 0 / 100px 50px no-repeat scroll transparent; display: block; width: 100px; height: 50px; content: ''; position: absolute; top: 10px; right: 20px; z-index: 9999; } /* Support Aspect Ratios with a custom --aspect-ratio: css inline declaration (on a container of the content) */ [style*="--aspect-ratio"] > :first-child { width: 100%; } [style*="--aspect-ratio"] > img { height: auto; } @supports (--custom:property) { [style*="--aspect-ratio"] { position: relative; } [style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100% / (var(--aspect-ratio))); } [style*="--aspect-ratio"] > :first-child { position: absolute; top: 0; left: 0; height: 100%; } } /* Make the CarFax Callout more of a Call to Action */ .badge {padding: 3px 0px;} .carfax a::after { content: "Get the CarFax"; color: black; display: block; margin: .5em 0 .5em; font-size: 1.25em; } .carfax a img { margin-right: 0; margin: 0 auto; } /* Global Disclaimer Styles (Footer) */ .disclaimer-block { margin: 0 0 1.5em 0; margin: 0; font-size: 0.9em; text-align: left; font-style: italic; } .mossbrosvw .disclaimer-block { text-align: justify; } .disclaimer-block .disclaimer { margin: 0.5em 0px; padding: 0.5em 0; } #copyright { text-align: center; } /* Hide Social Media Icon Link Text in a way that is still readable by screen-readers */ .social-header-buttons a span {display:block !important; text-indent: -99999px;} img.full {width: 100%;} .inventory-featured-default .pricing { float: none; width: 100%; margin: 0px; } /* Crank up the link spacing for sitemap.htm pages to spread out the links for mobile */ .navigation-sitemap a, .inventory-listing-sitemap a { display: block; padding: .15em .5em; margin-bottom: .25em; /* background-color: rgba(0,0,0,.1); */ } /* btn-default Colors white/black border based on CDJR */ :root { /* --btn-default-text-alignment: left; --btn-default-decoration-alignment: right; --btn-default-decoration-content: "\e002"; --btn-default-decoration-position-right: 1.5em; --btn-default-padding-right: 2.5em; */ --btn-default-border-color: var(--color-neutral-1000); --btn-default-bg: var(--color-neutral-0-alpha-8); --btn-default-color: var(--color-neutral-1000); --btn-default-decoration-color: var(--color-primary-500); --btn-default-hover-border-color: var(--color-primary-500); --btn-default-hover-bg: var(--color-neutral-0-alpha-7); --btn-default-hover-color: var(--color-primary-500); --btn-default-decoration-hover-color: var(--color-neutral-1000); --btn-default-active-border-color: var(--color-primary-600); --btn-default-active-bg: var(--color-neutral-0-alpha-6); --btn-default-active-color: var(--color-primary-600); --btn-default-decoration-active-color: var(--color-neutral-1000); /* --btn-default-inverse-text-alignment: left; --btn-default-inverse-decoration-alignment: right; --btn-default-inverse-decoration-content: "\e002"; --btn-default-inverse-decoration-position-right: 1.5em; --btn-default-inverse-padding-right: 2.5em; */ --btn-default-inverse-border-color: var(--color-neutral-0-alpha-4); --btn-default-inverse-bg: var(--color-neutral-1000-alpha-6); --btn-default-inverse-color: var(--color-primary-50); --btn-default-inverse-decoration-color: var(--color-neutral-0); --btn-default-inverse-hover-border-color: var(--color-neutral-0-alpha-6); --btn-default-inverse-hover-bg: var(--color-neutral-1000-alpha-8); --btn-default-inverse-hover-color: var(--color-neutral-0); --btn-default-inverse-decoration-hover-color: var(--color-neutral-0); --btn-default-inverse-active-border-color: var(--color-neutral-0); --btn-default-inverse-active-bg: var(--color-neutral-1000); --btn-default-inverse-active-color: var(--color-neutral-0); --btn-default-inverse-decoration-active-color: var(--color-neutral-0); } /* Featured Vehicles Widget Layout Normalizations */ /* set the image to 100%-column width (mostly for larger 2-column layout) */ .inventory-featured-default img { min-width: 100%; } /*Give headings a little clearance for multiple lines */ .inventory-featured-default .hproduct .fn {min-height: 2.5em;} /* Make Pricing Stack Full-width in the column */ .inventory-featured-default .pricing { float: none; width: 100%; margin: 0px; } .inventory-featured-default .description span { display: block; text-align: left; } .inventory-featured-default .description span.separator { display: none; } /*Hide the Testimonials widget heading so the page columns line up nicely */ .testimonials-default .widget-heading { display: none; } /* 09189743 JLC */ :root{ --btn-default-decoration-content: "\e002"; --btn-default-decoration-position-right: 1.5em; --btn-default-padding-right: 2.5em; --btn-default-decoration-color: var(--color-neutral-1000); --btn-default-decoration-hover-color: var(--color-primary-500); --btn-default-decoration-active-color: var(--color-primary-500); --btn-default-inverse-decoration-content: "\e002"; --btn-default-inverse-decoration-position-right: 1.5em; --btn-default-inverse-padding-right: 2.5em; --btn-default-inverse-decoration-color: var(--color-neutral-0); --btn-default-inverse-decoration-hover-color: var(--color-neutral-0); --btn-default-inverse-decoration-active-color: var(--color-neutral-0); --btn-primary-decoration-content: "\e002"; --btn-primary-decoration-position-right: 1.5em; --btn-primary-padding-right: 2.5em; --btn-primary-decoration-color: var(--color-neutral-0); --btn-primary-decoration-hover-color: var(--color-neutral-0); --btn-primary-decoration-active-color: var(--color-neutral-0); --btn-primary-inverse-decoration-content: "\e002"; --btn-primary-inverse-decoration-position-right: 1.5em; --btn-primary-inverse-padding-right: 2.5em; --btn-primary-inverse-decoration-color: var(--color-primary-500); --btn-primary-inverse-decoration-hover-color: var(--color-primary-500); --btn-primary-inverse-decoration-active-color: var(--color-primary-500); --btn-danger-decoration-content: "\e002"; --btn-danger-decoration-position-right: 1.5em; --btn-danger-padding-right: 2.5em; --btn-danger-decoration-color: var(--color-neutral-0); --btn-danger-decoration-hover-color: var(--color-neutral-0); --btn-danger-decoration-active-color: var(--color-neutral-0); } /* Enable Horizontal Hours Layouts (by adding hours-horizontal class to standard hours widget) */ .hours-horizontal .widget-heading { text-align: center; width: 100%; } .hours-horizontal ul li { width: 14.2%; float:left; } .hours-horizontal .ddc-list-columns>li .key, .hours-horizontal .ddc-list-columns>li .value { display: block; width: 100%; text-align: center; padding: .25em .5em; } .hours-horizontal .ddc-list-columns>li .value { font-size: .85em; } /* 09311022 nlfoster */ .inventoryList .description dt { width: 40%; padding-right: 4px; } .inventoryList .description dd { width: 60%; padding-left: 4px; } /*cnconway 10218062*/ .ddc-footer .small {font-size: 100%;} .social-header-buttons.ddc-integrations.socialheader-header-container.socialmed.social-header-button-override {position: relative!important;} /*BFS PRINT CERTIFICATE*/ @media print { #hideme { display:none !important; } } #hideme { padding: 6px; font-size: 16px; } /* MODEL RESEARCH */ .alias-sitebuilder-honda-model-research-1 .btn, .alias-sitebuilder-honda-model-research-2 .btn { width: auto; } .alias-sitebuilder-honda-model-research-2 .ddc-page-title { text-align: center; } /* SPECIALS */ .alias-specials-listing-new .row:last-of-type [data-widget-id="contact1"], .alias-specials-listing-new .row:last-of-type [data-widget-id="hours1"] { text-align: center; border: 1px solid white; padding: 15px; border-radius: 5px; background: white; box-shadow: 1px 1px 7px #d8d0d0; height: 300px; } .alias-specials-listing-new .inventory-featured-default [class*="yui3-u-"], .alias-specials-listing-new .inventory-featured-default [class*="yui3-u-"] > .ddc-content { position: inherit !important; } .alias-specials-listing-new .inventory-featured-default .yui3-u-1-4 .btn.view-link { width: 90% } .alias-specials-listing-new .content-page-title h1 { text-align: center; } /* CLEAN FUEL REWARD PROGRAM */ .alias-sitebuilder-clean-fuel-reward-program-1 body { font-family: sans-serif; } .alias-sitebuilder-clean-fuel-reward-program-1 div[data-name="title.1-1"] { background-color: #1d164a !important; color: white; } .alias-sitebuilder-clean-fuel-reward-program-1 .ddc-page-title { display: none; } .alias-sitebuilder-clean-fuel-reward-program-1 div[data-widget-id="content5"] img { height: 150px; margin: 0 auto; display: block; } .alias-sitebuilder-clean-fuel-reward-program-1 .contact-form { background-color: #007cc0; border-radius: 10px; box-shadow: 1px 1px 8px black; border: 1px solid black; margin-top: 50px !important; padding: 20px } .alias-sitebuilder-clean-fuel-reward-program-1 .contact-form h3 { margin-top: 25px; margin-bottom: 50px; text-align: center; color: white; text-decoration: underline; text-underline-position: under; } .alias-sitebuilder-clean-fuel-reward-program-1 .form-horizontal .form-group label { text-align: center; color: white; } .alias-sitebuilder-clean-fuel-reward-program-1 .contact-form button { background: black; border: none;} .alias-sitebuilder-clean-fuel-reward-program-1 hr { border-top: 2px solid #ffffff; width: 85%; margin: 50px auto !important; } .alias-sitebuilder-clean-fuel-reward-program-1 .push { display: none; } .alias-sitebuilder-clean-fuel-reward-program-1 .page-section .saveMoney a { color: #fece01; text-decoration: underline; } .alias-sitebuilder-clean-fuel-reward-program-1 .extraInfo a { width: 30%; margin: 0 auto; background: #fece01; border: 1px solid black; border-radius: 10px; color: black; padding: 15px !important; text-decoration: none; margin-top: 20px !important; } .alias-sitebuilder-clean-fuel-reward-program-1 .extraInfo .learnMore { width: 60%; font-size: 14px; font-weight: bold; } .alias-sitebuilder-clean-fuel-reward-program-1 .extraInfo h3 { text-align: center; color: #fece01; } .alias-sitebuilder-clean-fuel-reward-program-1 [data-widget-id="content1"] .col-md-4 { padding: 0px 25px; text-align: center; } /* Remove Carret Icon That DDC Randomly Added */ .alias-sitebuilder-clean-fuel-reward-program-1 a::before, .alias-sitebuilder-clean-fuel-reward-program-1 button::before, button::before, a::before { display: none; } /* Standardized VLP BTNs */ .vehicle-ctas .btn { border-radius: 5px; border: none; } /* Standardized VDP BTNs */ #vehicle-ctas1-app-root [data-web-api-id="activengage-api"] a { border-radius: 5px !important; } .vdp [alt="Value your Trade"] { background: #00324f; color: white; } /* Moss Drives BTN */ .cst-btn-1 .cst-image img { border: solid 2px #255f82 !important; padding: 0.5rem 0 !important; border-radius: 5px; box-shadow: 1px 1px 3px #737373; } /* FIND YOUR VEHICLE FORM (redirected from popup) */ .alias-sitebuilder-find-your-vehicle-1 .ddc-page-title, .alias-sitebuilder-find-your-vehicle-1 .content-disclaimer, .alias-confirm-default .content-disclaimer { display: none; } .alias-sitebuilder-find-your-vehicle-1 div[data-widget-id="content2"] { background: white; height: 298px; } .alias-sitebuilder-find-your-vehicle-1 h3 { text-align: center; } .alias-sitebuilder-find-your-vehicle-1 div[data-widget-id="content2"] h3 { padding-top: 15px; } .alias-sitebuilder-find-your-vehicle-1 div[data-widget-id="inventory-search1"] { margin-bottom: 50px; } .alias-sitebuilder-find-your-vehicle-1 .contact-info { height: 298px; text-align: center; } .alias-sitebuilder-find-your-vehicle-1 .inventory-finder-lead .ui-button-submit { margin-bottom: 20px; } /* JULY 4TH NAVIGATION CHANGE (REMOVE AFTER 07/04/21) */ .alias-sitebuilder-test123-1 .header-navigation { width: 100%; height: 97px; background-image: url(https://pictures.dealer.com/m/mossbrosgroup/0544/2fe755ab916bdda8bb125c4649125244x.jpg); background-position: 0px 0px; animation: animatedBackground 10s linear infinite; -moz-animation: animatedBackground 10s linear infinite; -webkit-animation: animatedBackground 10s linear infinite; -ms-animation: animatedBackground 10s linear infinite; -o-animation: animatedBackground 10s linear infinite; } @keyframes animatedBackground { 0% { background-position: 0px -75px; } 100% { background-position: -600px -75px; } } .alias-sitebuilder-test123-1 .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav>li>a:hover { color: white !important; } .alias-sitebuilder-test123-1 .page-header.responsive-centered-nav .header-navigation .navigation-default .navbar-nav { height: 95px; } .alias-sitebuilder-test123-1 .header-navigation .header-logo img { margin-top: 5px; max-height: 40px !important; } .alias-sitebuilder-test123-1 .page-header.responsive-centered-nav .header-navigation .header-default .home-logolink img { height: 55px !important; margin-top: 2px; } /* SCHEDULE SERVICE */ .alias-sitebuilder-service-department-1 .ddc-page-title { text-align: center; } /* CERTIFIED PROGRAM PAGE */ .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 [data-widget-id="content3"] { background: white; padding: 20px; border-radius: 10px; box-shadow: 3px 3px 3px #cdcdcd; margin: 40px auto; } .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 #benefits-of-ownership, .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 [data-widget-id="content1"] h2, .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 #why-honda-certified h2 { text-align: center; } .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 [data-widget-id="content4"] { margin: 50px auto; } .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 [data-widget-name="contact-info"] { height: 300px; text-align: center; } .alias-sitebuilder-honda-certified-pre-owned-vehicles-program-1 [data-widget-id="content6"] img { margin: 30px auto; } /* SERVICE CENTER */ .alias-sitebuilder-honda-service-center-1 .ddc-icon-carousel-arrow { margin-top: 2px; } .alias-sitebuilder-honda-service-center-1 .slideControls .previousNext { width: 875px; } .alias-sitebuilder-honda-service-center-1 [data-widget-id="content1"] a { font-size: 16px; } .alias-sitebuilder-honda-service-center-1 [data-widget-id="content13"], .alias-sitebuilder-honda-service-center-1 [data-widget-id="content15"], .alias-sitebuilder-honda-service-center-1 [data-widget-id="content17"] { background: white; padding: 20px; border-radius: 10px; box-shadow: 3px 3px 3px #b0b0b0; margin: 35px auto; } .alias-sitebuilder-honda-service-center-1 h2 { text-align: center; margin-bottom: 15px; } .alias-sitebuilder-honda-service-center-1 [data-widget-id="content3"] h2 { text-align: center; text-decoration: underline; text-underline-position: under; } .alias-sitebuilder-honda-service-center-1 [data-widget-id="content17"] a { background: #007cc0; border: #007cc0; color: white } .alias-sitebuilder-honda-service-center-1 [data-widget-id="content16"] a { background: #007cc0; border: #007cc0; color: white; margin: 5px auto; } /* FINANCE KNOWLEDGE CENTER */ .alias-sitebuilder-finance-knowledge-center-1 [data-widget-id="content2"], .alias-sitebuilder-finance-knowledge-center-1 [data-widget-id="content3"] h2, .alias-sitebuilder-finance-knowledge-center-1 p.my-4 { text-align: center; } .alias-sitebuilder-finance-knowledge-center-1 [data-widget-id="content3"] { margin: 30px auto; background: white; padding: 25px; border-radius: 5px; box-shadow: 3px 3px 3px #b3b3b3; } .alias-sitebuilder-finance-knowledge-center-1 [data-widget-id="content3"] .btn { margin-top: 20px } /* DIRECTIONS PAGE */ .alias-directions-default .iframe-wrapper iframe { height: 325px !important; width: 100% !important; } .alias-directions-default [data-widget-id="contact1"] { text-align: center; } /* MOSS DRIVES PAGE */ .alias-sitebuilder-moss-drives-1 iframe { height: 100% !important; width: 100% !important; } .alias-sitebuilder-moss-drives-1 [data-widget-id="content6"] img { margin-bottom: 50px; } .alias-sitebuilder-moss-drives-1 .ddc-page-title { display: none; } /* KBB TRADE IN */ [data-widget-id="iframe1"] iframe { height: 700px !important; display: none; } /* SCHEDULE SERVICE */ .alias-sitebuilder-service-department-1 [data-widget-id="contact1"], .alias-sitebuilder-service-department-1 [data-widget-id="hours1"] { height: 310px; text-align: center; } /* FEATURED VEHICLES MENU */ .vlp .inventory-featured-default .pricing .value { font-size: 20px !important; } .vlp .inventory-featured-default .pricing .label { font-size: 14px !important; } .vlp .inventory-featured-default .pricing .value, .vlp .inventory-featured-default .pricing .label { color: black; } /* ESPANOL */ .alias-sitebuilder-index2-1 [data-name="index-landing-0001-background-1"] { margin-top: 52px; } /* CONTACT PAGE */ .alias-contact-default [data-widget-id="contact1"] h3, .alias-contact-default [data-widget-id="content1"] h4 { text-align: center; } .alias-contact-default [data-widget-id="contact1"] { background: white; padding: 30px 30px 10px 30px !important; } .alias-contact-default [data-widget-id="contact1"] form { margin-right: 100px; } .alias-contact-default [data-widget-id="content1"] { margin-bottom: 40px; } /* MOSS DRIVES */ .alias-sitebuilder-moss-drives-1 .ddc-page-title { display: none; } .alias-sitebuilder-moss-drives-1 [data-widget-id="content1"] { margin-bottom: 60px; } .alias-sitebuilder-moss-drives-1 [data-widget-id="content2"] { text-align: center; font-weight: bold; margin: 50px auto; } .alias-sitebuilder-moss-drives-1 [data-widget-id="content3"] h2, .alias-sitebuilder-moss-drives-1 [data-widget-id="content4"] h2 { text-align: center; } .alias-sitebuilder-moss-drives-1 [data-widget-id="contact1"] { margin-top: 40px; background: #f1f1f1; padding: 30px; border-radius: 5px; } .alias-sitebuilder-moss-drives-1 [data-widget-id="contact1"] h3 { text-align: center; font-size: 25px; } .alias-sitebuilder-moss-drives-1 [data-widget-id="content3"], .alias-sitebuilder-moss-drives-1 [data-widget-id="content4"], .alias-sitebuilder-moss-drives-1 [data-widget-id="links1"] { padding: 0px 175px; } /* CAREERS */ .alias-sitebuilder-employment-form-1 .iframe-border iframe { height: 625px; } /* TALK WITH GLENN */ .alias-sitebuilder-talk-with-glenn-1 .contact-form h3 { text-align: center; } /* PARTS CENTER */ .alias-parts-default [data-name="parts-page-title-section-container-1"] { display: none; } /* LoJack PAGE */ .alias-sitebuilder-lojack-1 .ddc-page-title { display: none; } .alias-sitebuilder-lojack-1 [data-name="title-container-1"] { max-width: 90% !important; padding: 0 !important; } .alias-sitebuilder-lojack-1 iframe { border: none !important; }