/* BHA Global CSS */ @import url("https://ddc.bhacss.com/customcss/custom.css"); /* bm remove green discount */ .text-discount { color: var(--text-color) } /* New Template CSS */ .page-header .header-default .vcard .tels .tel.phone1 {color: #000;} .index .inventory-search-facetbrowse.hori-search {background-color: #e8e8e8;} .purecars-report img{max-height: 150px;} .changeheadercolor .page-header {background-color: #0086d3;} .tels .tel .type, .tels .tel .separator{display:none !important;} .service-page-schedule { background: #0086d3; width: 280px; display: block; border-radius: 5px; -moz-border-radius: 5px; color: #fff; text-align: center; padding: 14px 6px 14px 6px; font-size: 1.25em; font-weight: bold; text-transform: uppercase; box-shadow: 0 2px 6px #000; text-decoration: none; float: left; margin: 0px 8px;} .form-group label, .ddc-form-group-container label { padding-right: 3px;} .hero-text{text-align:justify;} h3, .h3 {font-size: 16px;} .navbar-nav .inventory-featured-default .pricing .final-price .value {font-size: 180%; color: white;line-height: 1em;} .navbar-nav .inventory-featured-default .pricing {padding-top: 0px;} .ddc-mega-menu-nav .inventory-featured-default .hproduct {min-height: 240px;} /* Blog Style */ .blog-post-list .entry-summary img{padding: 0 10px 0 0; width: 150px; border: 0px; float:left;} .entry-summary {clear: both;margin-bottom: 2px; text-align: justify;} .blog-post-detail .author {display:none;} .mod .hentry {margin-bottom: 7px;padding: 10px 0;border-bottom: 1px solid #c0c0c0;} .blog-post-detail a{color: #0086d3; text-decoration:underline;} .blog-post-detail {font-size: 110%; text-align: justify;} .blog-post-detail h1{color: #0086d3; text-transform: uppercase; font-size:120%;} .comments-listing{display:none;} .entry-content p{margin: 0 0 10px 0;} .blog-author-list{display:none;} /* Dealer Socket Service 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);} /* Gorilla Buttons */ .gorilla { background: #0086d3; width: 280px; display: block; border-radius: 36px; -moz-border-radius: 36px; color: #fff; text-align: center; padding: 16px 6px 16px 6px; font-size: 1.25em; font-weight: bold; text-transform: uppercase; box-shadow: 0 2px 6px #000; text-decoration: none; float: left; margin: 16px 8px } .gorilla:hover { background: #555; color: #fff } .gorilla.square { border-radius:0; -moz-border-radius: 0 } /* 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;} .social-tabs{display:none} .form-group label, .ddc-form-group-container label { padding-right: 3px;} .ajax-navigation-element .blog-post-list.ddc-box-1{background: transparent;} /* Research CSS */ .research-div{margin: 0 10px; text-align: justify; background: #fafafa;} .research-div p{margin-bottom:10px;} .research-div h2{width:90%; margin: 10px;} .research-div ul{margin-bottom:0px} .research-top{padding-left: 9px;} .research-tr{height: 11px;} .research-inner{padding-left: 10px;} .research-inner2{padding-right: 10px;} .research-hd2{background-image: none;} .research-bd{padding: 0 10px;} .research-bottom{padding-left: 9px;} .research-br{height:10px;} .research-div a{font-size:100%; font-weight:bold} /* homepage banner - bc 1/29/25 */ .content-alert-banner-message,.content-alert-banner-message a{font-size:36px;margin-top:-7px;font-weight:bold;} .content-alert-banner-container.bg-white {background-image: linear-gradient(to left, #e7e7e7, #d5d5d5 );important;height:65px;} /* Research Index Page */ .link-div{width: 185px; height:185px; float: left; margin: 10px 5px; text-align: center; display: inline;} .link-name{font-size: 125%; display: block; font-weight: bold;} .link-image{display: block; width: 180px; border:0; height: 130px;} .linx a{font-size: 105%; display: block; font-weight: bold;} .link-div img{ background: none repeat scroll 0 0 #F2F2F2; box-shadow: 0 0 3px #555555; padding: 3px; margin-bottom: 3px} .link-div img:hover{border-bottom: 2px solid #CE0030; margin-bottom: 1px} /* t11 - Quick Links and Widget Buttons */ #quick_link_wrap{ width: 100%; padding: 0px;} .quick_link{ background: #eee; padding: 8px 10px 8px 10px; text-align: left; border-top: none; border-left: 4px solid #000000; width: 90%; margin-top: 4px } .quick_link:hover{ background: #000000; padding: 8px 10px 8px 10px; text-align: left; border-top: none; border-left: 4px solid #eee; width: 90%; margin-top: 4px } .quick_link:hover a{ color: #fff } .quick_link a{ color: #444; font-weight: bold; text-decoration: none } .quick_link a:hover{ color: #fff; font-weight: bold; text-decoration: none } #quick_link_wrap h2{ background: #d9d9d9; width: 90%; color: #444; font-weight: normal; font-size: 16px; text-transform: uppercase; padding: 8px 10px 8px 10px; text-align: left; border-top: 2px solid #000000 } .widget_button{ margin: 0 auto; background: #000000; border-radius: 6px; text-align: center; margin-bottom: 6px; height: 50px; padding-top: 12px } .widget_button:hover { background: #c0c0c0; } a.widget_button{ color: #fff; text-decoration: none; font-weight: bold; font-size: 16px } /* t11 - Compare Page */ #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: #fff !important; text-decoration: none !important; font-size: 16px; font-weight: bold } #compare-sec a.button { background: #0086d3;} #compare-sec a.button:hover{ background: #fff; color: #222 !important; text-decoration: none !important } /* Service Index Page - 17 */ .service-info-button img{width:50%; float:left; padding: 3px;} /* t11 - Service Page */ #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:100%; overflow:hidden; padding:6px; width:45.25% } #service-index .coupon img { max-width:100% } #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:100% } #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; margin: 0px;} #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:100% } #service-index a.serv-button:hover { -moz-transition:all .6s ease; -o-transition:all .6s ease; -webkit-transition:all .6s ease; background:#0086d3; 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*/ /* t11 - Service Coupon Print Button */ .print_bttn { width: 120px; height: 30px; background: #B51840; padding: 8px; color: #fff; text-decoration: none; border-radius: 6px; margin-right: 32px } .print_bttn:hover, .print_bttn:link, .print-bttn:visited { text-decoration: none; color: #fff } .bottom-bar{ background: none !important; border: none !important; margin: 8px 0; } /* t11 MPP Page */ .v11-mpp{display:inline-block;} .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;} /* 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;} /* ddcjonathana DNA4635937 */ .customGridFv ul.pricing, .ddc-wrapper .inventory-featured-default.customGridFv .description, .inventory-featured-full-page.customGridFv .btn-block {width: 100%;} /* 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%}} /*Gopher: Adding Content Freeze Banner*/ @keyframes pulse {0%{background-color: darkred;} 100% {background-color: orangered;}} .ddc-composer::before {content:"ATTENTION: A NEW WEBSITE IS BEING BUILT! Any website edits made today on the current site will not carry over to the new, upgraded site. Please contact your Performance Manager for assistance or with questions."; font-size: 24px; font-weight: 900; text-align: center; color: #fff; display: block; padding: 20px 25px; background-color: darkred; animation: pulse 1250ms ease-in-out alternate infinite; text-shadow: 0 0 3px rgba(0,0,0,.55); border-bottom: 1px solid black;} .v9-oem-mazda-0001-v1 .ddc-composer .page-header.header-compact,.v9-oem-mazda-0001-v1 .ddc-composer .navbar.header-compact {position: static;} .v9-global-0011-v2 .ddc-composer .page-header.value-statement-header .vs-header-container.persistent-contact {position: absolute;} /*Gopher: Adding Content Freeze Banner*/ @keyframes pulse {0%{background-color: darkred;} 100% {background-color: orangered;}} .ddc-composer::before {content:"ATTENTION: A NEW WEBSITE IS BEING BUILT! Any website edits made today on the current site will not carry over to the new, upgraded site. Please contact your Performance Manager for assistance or with questions."; font-size: 24px; font-weight: 900; text-align: center; color: #fff; display: block; padding: 20px 25px; background-color: darkred; animation: pulse 1250ms ease-in-out alternate infinite; text-shadow: 0 0 3px rgba(0,0,0,.55); border-bottom: 1px solid black;} .v9-oem-mazda-0001-v1 .ddc-composer .page-header.header-compact,.v9-oem-mazda-0001-v1 .ddc-composer .navbar.header-compact {position: static;} .v9-global-0011-v2 .ddc-composer .page-header.value-statement-header .vs-header-container.persistent-contact {position: absolute;}