/* staff pages - BM */ .ws-staff-listing img {border-radius: 0} .ws-staff-listing .img-container {aspect-ratio: unset} /* ivanreyna removed title off in-transit badge on VDP */ .vdp .mr-5 {display: none!important;} .vdp [data-title="Location Details"] {display: none!important;} /* service index page images - JL 5-10-2019 */ .service-info-button {width:50%; float:left; padding: 3px;} /* homepage banner - bc 1/29/25 */ .content-alert-banner-message,.content-alert-banner-message a{font-size:27px;margin-top:-7px;font-weight:bold;} .content-alert-banner-container.bg-contrast-max {background-image: linear-gradient(to left, #cc0916, #ae070f );important;height:60px;} /* index hero homepage swap out images */ [data-name="index-landing-0003-hero-wrapper-1"] {background-image: url('//pictures.dealer.com/v/vandergriffhondavtg/0372/94f1124e73de32888ec6e9f203f559d9x.jpg') !important;} [data-name="index-landing-0003-content-side-1"] {background-image: url('//pictures.dealer.com/v/vandergriffhondavtg/0834/6db6477e792f1084af3d896001efb0bcx.jpg') !important;} [data-name="index-landing-0003-content-side-2"] {background-image: url('//pictures.dealer.com/v/vandergriffhondavtg/1333/dbb449980403c20e08eff6a724be663bx.jpg') !important;} [data-name="index-landing-0003-content-side-1"] h2, [data-name="index-landing-0003-content-side-2"] h2 {text-shadow: 0 0 20px rgba(0,0,0,1); } [data-name="index-landing-0003-background-1"] {background-image: url('//pictures.dealer.com/v/vandergriffhondavtg/0207/2dc37f04a79cab4e1d5ba45f04bfb0a6x.jpg') !important;} [data-name="index-landing-0003-background-2"] {background-image: url('//pictures.dealer.com/v/vandergriffhondavtg/0169/2a0f46c6b416cf6f555d4ceddc8b395cx.jpg') !important;} [data-name="index-landing-0003-background-3"] {background-image: url('//pictures.dealer.com/v/vandergriffhondavtg/0464/c69d6f5e6db33852318a5e0de5e3a2b3x.jpg') !important;} .nav-fragment .aside-right .main { margin-right: 0px !Important; padding-right: 0px !Important; } .googletranslate-header-container {right: 220px !important;} /* Hide trade driver form */ .tradedriver-sections {display: none;} /* hero widget change TPH */ [data-name="index-landing-0003-hero-wrapper-1"] {min-height: 550px !important; max-height: 650px !important; } /* slideshow fix */ .slideshow-background {height: auto; background: transparent; } @media screen and (max-width: 2000px) {.slideshow-background .slick-slider .slide, .slideshow-background .slick-slider .slide-background { background-size: 100% !important;}} @media only screen and (max-width: 1280px) {.slideshow-background:not(.no-resize) { height: auto;}} /* hex code changes 2019 */ .bg-primary {background-color: #007cc3!important; border: #007cc3; } .btn-link, .btn-primary.btn-inverse {color: #00324f; } .form-group label {padding-right: 0px;} .inventoryList .video.btn, .inventoryList .photos.btn {padding: 5px;font-size: 14px;background-color: var(--btn-primary-border-color);width: 98%;} /* Responsive Slideshow - AL : 2/26/19 */ @media screen and (max-width: 1700px) {.slideshow-background .slick-slider .slide, .slideshow-background .slick-slider .slide-background { background-size: 100% !important;}} .inventoryList .stackedFinal.final-price::after {content:"Manufacturer’s Rebate subject to residency restrictions. Any customer not meeting the residency restrictions will receive a dealer discount in the same amount of the manufacturer’s rebate"; font-size: 8px; font-weight: normal; padding-bottom: 10px;} .inventory-detail-pricing .stackedFinal.final-price::before {content:"Manufacturer’s Rebate subject to residency restrictions. Any customer not meeting the residency restrictions will receive a dealer discount in the same amount of the manufacturer’s rebate"; font-size: 10px; font-weight: normal; padding-bottom: 10px;} #clockdiv{font-family: sans-serif;color: #fff;display: inline-block;font-weight: 100;text-align: center;font-size: 45px;} #clockdiv > div{padding: 10px;border-radius: 3px;background: #0d65bf;display: inline-block; margin-right: 20px;} #clockdiv div > span{padding: 15px;border-radius: 3px;background:#0d65bf;display: inline-block;} .smalltext{padding-top: 5px;font-size: 16px;} .alert { font-size: 200%; background-color: white; color: black; width: 100%; margin: 10px 0px; padding: 10px; } .badge.badge-in-transit { display: none; } .dealer-path-override-img { margin-top: -20px; } .page-header.sticky-header-nav.shrink-header-nav .dealer-path-override-img { margin-top: 0px; } .hours-default .today { border-radius: inherit; font-weight: inherit; font-size: inherit; background-color: grey; color: white; } /*oil coupon width BB 6-1-16 */ div.dsbid2001t02 {width: 100%; margin: 0 auto; padding: 0; font-size: 100%; margin-top:-10px;} /* featured vehicles pages - LH */ .ddc-content.inventory-featured-default.inventory-featured-full-page h3 {font-size: 1.2em;} .ddc-content.inventory-featured-default.inventory-featured-full-page .btn-block {width:100%;} .ddc-wrapper .inventory-featured-default .description { width: 55%; float: left; display: inline-block; font-size: .8em; min-height: 120px; max-height: 120px; overflow:hidden;} .ddc-content.inventory-featured-default.inventory-featured-full-page div.yui3-g {margin-bottom: 20px; border-bottom: thin #bbb solid;} .pricing .abSub, .pricing .rebate, .pricing .subtotal {border-bottom: 2px dotted #bbb;} /* Offers Page Full Width */ .special .dsbid2001t02 {width: 100%;} /* Custom Lease SRP - BC */ .CustomLeaseSrp .inventoryList .pricing .abSub,.CustomLeaseSrp .inventoryList .pricing .rebate,.CustomLeaseSrp .inventoryList .pricing .final-price,.CustomLeaseSrp .inventoryList .pricing .internetPrice,.CustomLeaseSrp .inventoryList .pricing .stackedRebate,.CustomLeaseSrp .inventoryList .pricing .stackedFinal,.CustomLeaseSrp .inventoryList .pricing .stackedConditionalRebate,.CustomLeaseSrp .inventoryList .pricing .stackedConditionalFinal,.CustomLeaseSrp .inventoryList .pricing .paymentLoan {display:none !important;} .CustomLeaseSrp .inventoryList .pricing .msrp {display:inline !important;} /* --------------RESEARCH -------------------- */ .research-div{margin: 0 10px 20px; text-align: justify; border-radius: 2px; background: #E7E7E7} .research-div p{margin-bottom:.8em; font-size: 14px; line-height: 1.22em } .research-div h2 { font-size: 16px; background: #0176AA; display: block; padding: 8px; max-width: 96.75%; color: #fff; border-radius: 2px; text-align: left; margin-bottom: 10px;} .research-top{background: transparent; padding-left: 9px;} .research-tl{} .research-tr{background: transparent; height: 11px;} .research-inner{background: transparent; position: relative;padding-left: 10px;} .research-inner2{background: transparent; padding-right: 10px;} .research-hd{} .research-hd2 h2{ font-weight: bold } .research-hd2{background-image: none;} .research-bd{padding: 0 10px;} .research-bd2 {} .research-bottom{background: transparent; padding-left: 9px;} .research-bl{} .research-br{background: transparent; height:10px;} .research-div a{ font-size:14px; font-weight: bold } .research-div p p{ text-align: center !important } /* CUSTOM CSS BY JY */ #quick_link_wrap{ width: 100%; padding: 0px } .quick_link{ background: #E7E7E7; color: #000; padding: 8px 10px 8px 10px; text-align: left; border-top: none; border-left: 4px solid #CF4E30; width: 90%; margin-top: 4px } .quick_link:hover{ background: #08558D; color: #fff; padding: 8px 10px 8px 10px; text-align: left; border-top: none; border-left: 4px solid #CF4E30; width: 90%; margin-top: 4px } .quick_link:hover a{ color: #fff } .quick_link a{ color: #000; font-weight: bold; text-decoration: none } .quick_link a:hover{ color: #fff; font-weight: bold; text-decoration: none } #quick_link_wrap h1{ background: #fff; width: 90%;color: #000; font-weight: bold; font-size: 16px; text-transform: uppercase; text-align: left; margin-bottom: -6px } .widget_button{ margin: 0 auto; background: #CF4E30; border-radius: 5px; text-align: center; margin-bottom: 6px; height: 50px; padding-top: 12px } .widget_button:hover { background: #08558D; color: #fff } a.widget_button{ color: #fff; text-decoration: none; font-weight: bold; font-size: 16px } .link-div{width: 200px; height: 200px; float: left; margin: 10px 5px; text-align: center;} .link-name{font-size: 125%; display: block; font-weight: bold;} .link-image{display: block; width: 200px; border:0; height: 132px;} .linx a{font-size: 105%; display: block; font-weight: bold;} /* ------------------------------ GENERIC YEAR RESEARCH WRAP STYLES --------------------------- */ /* Justin Y. RESEARCH INVENTORY WIDGET CSS STYLES 7262013 */ #research-wrap .inventory-featured-default .hproduct .photo {width: 140px } #research-wrap .inventory-featured-default h1, #research-wrap .inventory-featured-default h2, #research-wrap .inventory-featured-default .description { width: 100% } #research-wrap .inventory-detail-default .pricing.multiple-prices .final-price, #research-wrap .inventory-detail-pricing .pricing.multiple-prices .final-price, #research-wrap .multiple-prices .price .final-price { font-size: 95% } #research-wrap .calloutDetails { display:none } #research-wrap .hproduct .fn a { font-size: 115% } #research-wrap .retailValue { color:black } #research-wrap .inventory-featured-default .description{font-size: 85% } #research-wrap .hproduct .price {font-size: 95%; font-weight: normal; line-height: normal } #research-wrap .inventory-featured-default .hproduct h1, #research-wrap .inventory-featured-default .hproduct .pricing, #research-wrap .inventory-featured-default .description { float: right;margin: 0 0 5px; padding: 0;width: 100% } #research-wrap .price .value { display:block } #research-wrap .pricing { display:none } html.single-franchise body #research-wrap div.ddc-document div.container div.doc div.ddc-page div.page-bd div.yui3-g section.region div.yui3-g #research-wrap div.yui3-u-1 div.mod div.inner div.inner2 div.bd{ margin-left: 6px } #research-wrap img.photo.thumb { margin-bottom: 4px } #research-wrap .ui-button .ui-button-text { font-size: 9px !important } #research-wrap .inventory-featured-default .hproduct { margin: 8px !important } #research-wrap .ui-button.ui-state-default { padding-right: 9px !important } #research-wrap .yui3-u-1-4 { background: #f4f4f4; border-radius: 2px; margin: 4px; width: 23.5%; min-height: 345px } #research-wrap .yui3-u-1-4 img { max-width: 130px } #research-wrap description { min-height: 130px !important } #research-wrap .ui-button .ui-button-text { padding-top: 0px !important } /* CENTER INV BUTTON TEXT */ #research-wrap .hproduct .fn a { font-size: 100% !important; font-weight: bold !important } /* BOLD INV WIDGET TITLES */ /* COMPARE RESEARCH BLOCK JY 7262013 */ #compare-sec { background: #000000; border-radius: 4px 4px 4px 4px; margin: 0 auto; margin-bottom: 20px; max-width: 578px; padding: 14px 0 22px; text-align: center } #compare-sec img { width: 606px; margin-bottom: 20px } #compare-sec a.button { width: 100%; border-radius: 4px; padding: 12px; text-align: center; color: #0176AA!important; text-decoration: none !important; font-size: 16px; font-weight: bold } #compare-sec a.button { background: #ccc} #compare-sec a.button:hover{ background: #fff; color: #222 !important; text-decoration: none !important } /* ------------------------ END GENERIC YEAR RESEARCH WRAP STYLES ---------------------------- */ /* New Service Index Info Images ----------------2017---------------- */ #service-info {max-width: 98%; background-color: #bcbdc1; margin: 0 auto;} #service-info .service-info-button img{float: left; width: 49.5%; padding: 0 1.5%; background-color: #bcbdc1; margin-bottom: -1px;} #service-info .service-info-button-specials img{width: 100%; padding-top: 6px; background-color: #bcbdc1;} /* SERVICE PAGE CSS JY */ #service-index .aside-none section.region { border-radius:0 } #service-index .container-page-title .doc h1 { display:NONE } #service-index .service h1 { background:#d4d4d4; color:#222; font-size:3em } #service-index .service h2 { background:#d4d4d4; color:#222; font-size:2em } #service-index .service h3 { background:#d4d4d4; color:#222; font-size:1.5em } #service-index .service-text { line-height:22px; padding:0 14px } #service-index .service-text p,.service-text span {font-size:1.1em!important } #service-index a.qlink {background:#444; border-radius:0; clear:both; color:#fff; display:block; font-size:20px; margin:0 0 6.5px; padding:21.4px 0; text-align:center; text-decoration:none; width:100% } #service-index a.qlink.red { background:rgb(95,116,134) } #service-index a.qlink.red:hover { background:#444} #service-index a.qlink:hover { background:rgb(95,116,134); text-decoration:none } #service-index label.lg-service-bttn { clear:both; color:#fff; display:block; font-size:2em; margin:0; text-align:center; text-decoration:none; width:100% } #service-index label.lg-service-bttn:hover { text-decoration:none } #service-index .modal { background:rgba(0,0,0,.9); bottom:0; left:0; opacity:0; position:fixed; right:0; text-align:left; top:0; transition:opacity .25s ease; visibility:hidden } #service-index .modal__bg { bottom:0; cursor:pointer; left:0; position:absolute; right:0; top:0 } #service-index .modal-state { display:none } #service-index .modal-state:checked + .modal { opacity:1; visibility:visible; z-index:9999 } #service-index .modal-state:checked + .modal .modal__inner { top:0 } #service-index .modal__inner { background:#fff; border-radius:5px; bottom:0; height:80%; left:0; margin:auto; overflow:auto; padding:1em 2em; position:absolute; right:0; top:-10%; transition:top .25s ease; width:50%; z-index:9999 } #service-index .modal__close { cursor:pointer; height:20px; position:absolute; right:1em; top:1em; width:20px } #service-index .modal__close:after,.modal__close:before { background:#CC2C2C; color:#fff; content:'X'; display:block; font-weight:bold; height:20px; margin:-12px 0 0 -8px; padding:10px; position:absolute; text-align:center; top:0; transform:rotate(45deg); width:20px } #service-index .modal__close:hover:after,.modal__close:hover:before { background:#aaa } #service-index .modal__close:before { transform:rotate(-45deg) } #service-index body{font:1/1.5em sans-serif; padding:1%; text-align:center } #service-index .lg-service-bttn { color:#fff; cursor:pointer; display:inline-block } #service-index p img { float:left; height:auto; margin:0 1em 1em 0; max-width:200px } #service-index .coupon-block { margin:0 auto; padding: 20px 0 20px 0; width:100%; border-bottom: 1px solid #757782 } #service-index .coupon { background:#E7E7E7; box-shadow:0 1px 4px #444; max-width:98%; overflow:hidden; padding:6px; width:45.25% } #service-index .coupon img { max-width:98.5% } #service-index .coupon.l { float:left; margin:10px 0 10px 14px } #service-index .coupon.r { float:right; margin:10px 14px 10px 0 } #service-index .coupon.single { float:none; margin:0 auto } #service-index .coupon-head { background:#444; clear:both; color:#fff; margin-bottom:2px; overflow:hidden; padding:6px 0 6px 6px; width:98.5% } #service-index .coupon-head span.left { display:inline-block; float:left; width:10% } #service-index .coupon-head span.right { display:inline-block; float:left; font-size:12px; font-weight:bold; padding-top:2px } #service-index .coupon-mid { background:#fff; color:#fff; overflow:hidden; text-align:center; border:0 } #service-index a.serv-button { -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; background:#888; color:#fff; display:block; padding:6px 8px 6px 0; text-align:center; text-decoration:none; transition:all .3s ease; width:98.5%; margin-top: 2px; } #service-index a.serv-button:hover { -moz-transition:all .6s ease; -o-transition:all .6s ease; -webkit-transition:all .6s ease; background:#ef4925; color:#fff; text-decoration:none; transition:all .6s ease } #service-index a.serv-button:hover > i.fa { color:#444 } #service-index i.fa { color:#fff } h2.service { background:#999; border-bottom:3px solid #c71633; color:#fff; font-size:2.5em; font-weight:700; padding:20px } #service-index .adr a, .vcard .fn { color: #757782 } #service-index span.org { font-size: 24px; font-weight: 500; display: block; padding: 18px 0; border-bottom: 1px solid #757782 } @media screen and max-width 768px { #service-index .modal__inner { box-sizing:border-box; height:90%; width:90% } } /* END SERVICE PAGE CSS*/ /* Service Appt Form Iframe - BC */ .dealer-socket-service-frame{min-height: 800px; width:1024px; margin: 0 0 0 -42px; -webkit-transform: scale(0.91); transform: scale(0.91);} /* COUPON PRINT BUTTON */ .print_bttn { width: 120px; height: 30px; background: #004b84; padding: 8px; color: #fff; text-decoration: none; border-radius: 6px; margin-right: 32px; margin-top:5px;} .print_bttn:link, .print_bttn:visited, .print_bttn:hover { text-decoration: none; color: #fff; } .bottom-bar{ background: none !important; border: none !important; margin: 12px 0; } /* V11 MPP Page */ .v11-mpp{clear:both; padding-bottom: 15px;} .v11-mpp img{width: 250px; float: left; padding: 0 10px 0 0;} .v11-mpp p{text-align: justify} .v11-mpp .mpp-class{font-size: 110%; font-weight: bold; color: grey; display:none;} /* ddchillaryt */ .inventory-listing-default.used .facetlist-compositeType li:first-child {display:none;} /* Staff Page - LH */ .staffList dd.title {display: block; font-size: .75em; color: #888; margin-top: -3px; margin-bottom: 3px;} .staffList > .staff { width:200px; margin:0 10px;} /* Research Pages - V2 */ .blog-post-list .alert-info{display:none;} .rowContainer {text-align:center; position:relative;} .researchSpec {padding:15px 0px; border-bottom: solid 2px #bbb; } .researchSpec div {display:inline-block; padding:0 20px;} .researchSpec div:not(:first-child) { border-left: solid 1px #ccc; } .researchSpecLarge {color:#3a3a3a; font-size: 2.5em; font-weight: 900; line-height: 1em;} .research-hero img {padding: 5px;} .research-image-box div {float:left; width:47.55%; height:100px; margin:5px; overflow:hidden;} .research-image-box img {position:relative; top:-20px; width:100%;} .research-article{} .research-article .right{padding: 0 0 0 10px; width: 50%} .research-article .left{padding: 0 10px 0 0; width: 50%} .compare-sec{} .research-disclaimer{font-size:80%} .btn-default:before {top :none;} .ddc-wrapper .inventory-featured-default .hproduct .view-link {position:relative;} .content-page-title.ddc-content {min-height: 40px;} /* BHA Comparisons */ .bha-cta li,.bha-veh-stats{float:left;box-sizing:border-box}.bha-cta li,.bha-stripe,.bha-text-center{text-align:center}.bha-parent{width:100%;background-color:#fff;color:#000}.bha-verge{max-width:1000px;margin:auto}.bha-row{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bha-row:after{content:"";display:block;clear:both}.bha-stripe{background-image:url(https://pictures.dealer.com/b/berkshirehathawayautomotive/0586/b6d5e39c926eabc2cec325f6e17d9ea1x.jpg);background-attachment:fixed;background-color:#333;color:#fff;margin:10px 0;padding:5px 10px}.bha-parent img{width:100%;padding:10px 0}.bha-img-tb-border{border-top:solid 2px #000}.bha-cta,.bha-veh-stats ul{margin:0;padding:0}.bha-cta a,.bha-cta li{padding:10px;color:#fff}.bha-cta li{list-style:none;width:50%}.bha-cta a{display:block;text-decoration:none}.bha-cta a:hover{color:#fff}.bha-3cta li{width:33%}.bha-cta-red .bha-cta a{background-color:#c21b20}.bha-cta-blue .bha-cta a{background-color:#0074b5}.bha-cta-black .bha-cta a{background-color:#000}.bha-cta-green .bha-cta a{background-color:#005A2B}.bha-veh-stats{width:50%;padding:0 10px}.bha-veh-stats ul{border-top:solid 4px #000}.bha-veh-stats li{list-style:none;border-bottom:solid 1px #ccc}.bha-stat,.bha-stat-cat{display:inline-block;box-sizing:border-box;padding:10px}.bha-stat-cat{width:35%;background-color:#ababab}.bha-stat{width:65%}.bha-parent h3{font-size:18px}.bha-text-blue{color:#337ab7}.bha-text-red{color:#CE1F21}.bha-content{padding:0 10px}.bha-dis{margin:10px 0 0}.bha-float-reverse{float:right}.bha-margin-tb-30{margin:30px 0}@media(max-width:600px){.bha-cta li,.bha-veh-stats{width:100%;padding:5px}.bha-stat-cat{width:40%}.bha-stat{width:60%}} /*hide vehicle comments for shared inventory*/ .inventory-item-shared .ws-dealernotes {display:none;} /* ddcrandyh CC10044474 */ .TRADE_BANNER_CONTAINER { position: relative; z-index: 2; } /* owen.perks 10212273 */ .ddc-footer .social-header-buttons {position: static !important;} .ddc-footer [data-name="footer-links-responsive-ddc-logo-and-third-party-container-1"] {padding-bottom: 80px !important;} /* owen.perks 10387384 */ .ddc-footer [data-name="footer-links-responsive-ddc-logo-and-third-party-container-1"] > div:nth-child(1){flex-direction: row-reverse; width: 80%; justify-content: space-between; padding-left: 20px;} /* fdbarfety 12535555 Laptop Height Nav Dropdown Menu Scroll */ @media (max-height : 1040px) {.page-header.minimal .header-navigation .navigation-default .dropdown-menu {height: 690px; overflow-y: scroll; overflow: scroll;}} @media (max-height : 800px) {.page-header.minimal .header-navigation .navigation-default .dropdown-menu {height: 490px; overflow-y: scroll; overflow: scroll;}} /* Header Phone Sizing - LM: 6/10/25 */ .page-header .tel .value {font-weight: 800; font-size: 1.5rem;} .page-header .tel .separator { display: none;} /* owen.perks 12541640 */ .ddc-mega-menu-nav .inventory-featured-default .hproduct a.btn.view-link{ font-size: 15px; bottom:30px; text-align: center; padding: 10px;} .ddc-mega-menu-nav .inventory-featured-default .hproduct .description { font-size: 11px;} /* ddcdaniele */ .indexsearch.ddc-content .widget-heading { margin: 7px!important; }