/* Text Shadow */ .text-shadow {text-shadow: 3px 3px 5px #000000 !important;} /* 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;} /* Align hero video - BM */ div[data-name="index-landing-0004-hero-1"] {justify-content: end !important;} div[data-name="index-landing-0004-collage-slideshow-wrapper-1"] > .position-absolute {position: relative !important;} div[data-name="index-landing-0004-hero-1"] {text-shadow: 1px 1px 2px #000;} /* Hide Shared Pricing on New */ .vehicle-offsite .inv-type-new .discount,.vehicle-offsite .inv-type-new .final-price,.inventory-item-shared .inv-type-new .discount,.inventory-item-shared .inv-type-new .final-price{display:none !important;} .vehicle-offsite .inv-type-new .msrp.final-price,.inventory-item-shared .inv-type-new .msrp.final-price{display:inline !important;} .inventory-item-shared .ws-vehicle-location{display:none !important;} /* Specials Page */ @media (min-width: 992px){ .specials-xby1 .coupon-listing .promo {width: 100%; max-width:100%;} .specials-xby2 .coupon-listing .promo {width: calc((100% / 2) - 24px);max-width: calc((100% / 2) - 24px);} .specials-xby3 .coupon-listing .promo {width: calc((100% / 3) - 24px);max-width: calc((100% / 3) - 24px);} .specials-xby4 .coupon-listing .promo {width: calc((100% / 4) - 24px);max-width: calc((100% / 4) - 24px);} .specials-xby6 .coupon-listing .promo {width: calc((100% / 6) - 24px);max-width: calc((100% / 6) - 24px);} } /* HM removed 5/17 due to request ivanreyna removed title off in-transit badge on VDP .vdp .mr-5 {display: none!important;}*/ .vdp [data-title="Location Details"] {display: none!important;} /* .ddc-content.inventory-featured-default {min-height: 600px; margin-bottom: 90px;} */ .slideshow-background .slick-slider .slide, .slideshow-background .slick-slider .slide-background { background-size: 100% !important;} /* fdbarfety 05158033 */ iframe.dealer-socket-service-frame {height: 1100px; width: 780px;} /* Offers Page Full Width */ .special .dsbid2001t02 {width: 100%;} /* Subaru Blog CSS - BC */ .blog-post-detail .entry-content img{margin-left: auto;margin-right: auto;} .blog-post-detail .entry-content iframe{width: 100%;} .blog-post-detail .entry-content p{text-align: justify} .blog-post-detail .author{padding: 10px 0;} .blog-post-list img{float:right; height: 200px; padding: 0 0 0 10px;} .blog-post-list .author, .blog-post-list .categories, .comments-listing{display:none;} /*RESEARCH INDEX STYLES */ .link-div{width: 190px; float: left; margin: 10px 5px; text-align: center; min-height: 240px;} .link-name{font-size: 125%; display: block; font-weight: bold;} .link-image{display: block; width: 190px; 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} /* -------------------- RESEARCH PAGE STYLES ------------------- */ #quick_link_wrap{ width: 100%; padding: 0px } .quick_link{ background: #E7E7E7; color: #003067; padding: 8px 10px 8px 10px; text-align: left; border-top: none; border-left: 4px solid #003067; width: 90%; margin-top: 4px } .quick_link:hover{ background: #003067; color: #fff; padding: 8px 10px 8px 10px; text-align: left; border-top: none; border-left: 4px solid #003067; 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 h1{ background: #fff; width: 90%;color: #003067; font-weight: bold; font-size: 16px; text-transform: uppercase; text-align: left; margin-bottom: -6px } .widget_button{ margin: 0 auto; background: #003067; border-radius: 2px; text-align: center; margin-bottom: 6px; height: 42px; padding-top: 12px } .widget_button:hover { background: #E7E7E7; color: #003067 } a.widget_button{ color: #fff; text-decoration: none; font-weight: bold; font-size: 16px } /* Research CSS */ .research-div{margin: 0 10px 20px; text-align: justify;} .research-div p{margin-bottom:0px;} .research-div h2{width:100%;} .research-top{background: transparent url("/static/v9/variations/global/0004/v2/images/black-red_white/type-3-tl.png")no-repeat 0 100%;padding-left: 9px;} .research-tl{} .research-tr{background: transparent url("/static/v9/variations/global/0004/v2/images/black-red_white/type-3-tr.png") no-repeat 100% 100%;height: 11px;} .research-inner{background: transparent url("/static/v9/variations/global/0004/v2/images/black-red_white/type-3-l.png") repeat-y 0 0;position: relative;padding-left: 10px;} .research-inner2{background: transparent url("/static/v9/variations/global/0004/v2/images/black-red_white/type-3-r.png") repeat-y 100% 0;padding-right: 10px;} .research-hd{} .research-hd2{background-image: none;} .research-bd{padding: 0 10px;} .research-bd2{} .research-bottom{background: transparent url("/static/v9/variations/global/0004/v2/images/black-red_white/type-3-bl.png") no-repeat 0% 0; padding-left: 9px;} .research-bl{} .research-br{background: transparent url("/static/v9/variations/global/0004/v2/images/black-red_white/type-3-br.png") no-repeat 100% 0;height:10px;} .research-div a{font-size:120%;} /*Research Page CSS - Image & Inventory */ /* COMPARE RESEARCH BLOCK */ #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: #dd2a3f} #compare-sec a.button:hover{ background: #fff; color: #222 !important; text-decoration: none !important } /* INVENTORY WIDGET CSS STYLES */ #research-wrap .mod .hd2 { background: none } /* INVENTORY WIDGET INNER RULES */ #research-wrap .inventory-featured-default .inner { margin-left: 9px; display: block; width: 100% } #research-wrap .inventory-featured-default .inner2 .hd h1 { text-transform: capitalize; font-size: 16px; padding: 8px; background: #000; max-width: 93.5%; color: #fff; border-radius: 2px; margin-left: 4px; font-weight: bold } /* INVENTORY WIDGET DESCRIPTION RULES */ #research-wrap .inventory-featured-default .description { display:none;} /* INVENTORY WIDGET PRICING & MISC*/ #research-wrap .inventory-featured-default .price .value { display:block } #research-wrap .inventory-featured-default .pricing { display:none } #research-wrap .inventory-featured-default .retailValue { color:black } #research-wrap .inventory-featured-default .calloutDetails { display:none } #research-wrap .inventory-detail-default .pricing.multiple-prices .final-price { font-size: 95% } /* INVENTORY WIDGET PRODUCT */ #research-wrap .inventory-featured-default .hproduct .fn a { font-size: 100% !important; font-weight: bold !important } /* BOLD INV WIDGET TITLES */ #research-wrap .inventory-featured-default .hproduct h3.fn.h4 {max-height: 80px; min-height: 80px; overflow:hidden;} #research-wrap .inventory-featured-default .hproduct { margin: 8px !important } #research-wrap .inventory-featured-default .hproduct .price {font-size: 95%; font-weight: normal; line-height: normal } #research-wrap .inventory-featured-default .hproduct .photo {min-width: 145px; max-width:145px; max-height: 1151px; min-height: 115px;} /* VEHICLE PHOTO */ #research-wrap .inventory-featured-default .hproduct h1, #research-wrap .inventory-featured-default .hproduct .pricing{ float: right;margin: 0 0 5px; padding: 0;width: 100% } #research-wrap .ddc-span4, #research-wrap .yui3-u-1-3, #research-wrap .col-xs-4 {width: 25%; padding:0;} #research-wrap .hproduct {padding: 8px 8px;} /* INVENTORY WIDGET BLOCK & IMAGE */ #research-wrap .inventory-featured-default .yui3-g .yui3-u-1-4 { background: #f4f4f4; border-radius: 2px; margin: 4px; width: 23.5%; height: 405px } /* SINGLE INVENTORY COLUMN */ #research-wrap img.photo.thumb { margin-bottom: 4px } /* INVENTORY WIDGET H1, H2 */ #research-wrap .inventory-featured-default h1, #research-wrap .inventory-featured-default h2 { width: 100% } #research-wrap .research-div h2 { font-size: 16px; background: #000; display: block; padding: 8px; max-width: 96.75%; color: #fff; border-radius: 2px; text-align: left; margin-bottom: 10px;} /* INVENTORY WIDGET NO INVENTORY HIGHLIGHT BOX */ #research-wrap .inventory-featured-default .highlight.ui-state.ui-state-highlight.ui-corner-all{ max-width: 92% } /* INVENTORY WIDGET BUTTONS*/ #research-wrap .inventory-featured-default .ui-button .ui-button-text { font-size: 9px !important } /* INV BUTTON TEXT SIZE & POSITION */ #research-wrap .inventory-featured-default .ui-button.ui-state-default { margin-right: 24px } /* CENTER INV BUTTON */ /* PAGE TITLES, WIDGET TITLES & RESEARCH H2 FIXES */ .research-hd2{background-image: none; padding-top: 10px } .content-page-title h1 { font-size: 180% } /* DECREASE FONT SIZE FOR LONGER H1 TITLES */ /* ------------------- END RESEARCH PAGE STYLES -------------------- */ /* 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);} /* SERVICE PAGE CSS JY * ZC ADDED 05282015*/ #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:#008DCC; 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{ 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*/ /* COUPON PRINT BUTTON */ .print_bttn { width: 120px; height: 30px; background-color: #1b4481; padding: 8px; color: #fff; text-decoration: none; border-radius: 6px; } .print_bttn:hover { text-decoration: none; color: #fff; background-color: #B51840;} .bottom-bar{ !important; border: none !important; margin: 8px 0; } .bottom-bar:hover {!important; border: none !important; margin: 8px 0; } /* JY NEW MPP PAGE CSS STYLES 642013 */ #mpp_top {padding:0; margin-left: -14px; margin-top: 6px; margin-bottom: 0px; width: 940px; height: 414px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/0184/7a9aeac6a25b308025e4bba9c118b03bx.jpg') no-repeat;} #mpp2.mppContent, #mpp3.mppContent, #mpp4.mppContent {width: 930px; margin-left: -14px;} ul#mpp_button_wrap{ margin-left: -44px; height: 74px } #mpp_button_wrap li { list-style: none } #mpp_button_wrap{ margin-left: 0px; margin-bottom: 20px; width: 980px; height: 74px; background: url('images/top.jpg') no-repeat } li#1{ width: 235px; height: 74px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/1106/9755476e7945938e1b31d8dcc0a82945x.jpg') no-repeat; display: block; float: left; } li#2{ width: 234px; height: 74px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/0804/2271adb45b8bc42e5271a1b038beae2cx.jpg') no-repeat; display: block; float: left; list-style:none } li#3{ width: 234px; height: 74px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/1150/ec0af8b1a655cc9e53b2ceff58650f56x.jpg') no-repeat; display: block; float: left; list-style:none } li#4{ width: 237px; height: 74px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/1326/749caedfbe01187797e52d68563e78abx.jpg') no-repeat; display: block; float: left; list-style:none } #mpp_content_top{ margin-left: -14px; margin-bottom:-12px; width: 940px; height: 89px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/0456/8b0e25d19122811b651af1d16e3f3d0bx.jpg') no-repeat } #mpp_content{ margin-left: -14px; width: 940px; padding-left: 10px; text-align: justify } #mpp_bottom{ margin-left: -14px; width: 940px; height: 127px; background: url('//pictures.dealer.com/v/vantuylautomotiveaz/1238/90cf222298fa354fda68b0be74d273bex.jpg') no-repeat } #mpp_clear{ clear: both } h2.mpp{background: #222; color: #fff; padding: 8px; margin-bottom:20px; margin-top: 20px } h2.mpp_main{font-size: 220%; padding-bottom:10px } /* JY END NEW MPP PAGE CSS STYLES 642013 */ /* New Pricing BC 10.29.14 */ .inv-type-new .internetPrice, .inventory-featured-default .internetPrice{display:none !important;} .inv-type-new .internetPrice.final-price, .inventory-featured-default .internetPrice.final-price{display:inline !important;} #blogpost { position:absolute; width:100%; height:100%; text-align: center; /*handles the horizontal centering*/} /* 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:130px; 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;} /* Custom BHA FM-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;} /* ddcmhampton 09374985 */ .kbb off dl.pricing-detail dt.retailValue {background: url(//pictures.dealer.com/c/camelbackfordlmvtg/1099/5db5c78533f1afcbdb72f49df87ddf61x.jpg) no-repeat 0 0 transparent; background-size: 100% 100%; height: 44px; width: 95px; z-index: 1000; margin-left: -42px; text-indent: -999em;} /* ddcrandyh CC09406807 */ .buttonblock-default.alwaysZoom.zoom li a img { transform:scale3d(1.1, 1.1, 1); opacity:.5; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; transition-property:transform; -webkit-transition-duration:.5s; -moz-transition-duration:.5s; -o-transition-duration:.5s; transition-duration:.5s } .buttonblock-default.alwaysZoom.zoom.dual-text li a .ui-button-text { bottom: 20%; } .buttonblock-default.alwaysZoom.zoom.dual-text li a h3 { bottom: 60%; } /* ddcmatt 10291787 */ .vehicle-ctas .price-btn .btn { text-align: center; } /* wabbey 12117968 */ .nav > li > a[href="/reserve-your-next-subaru.htm"] { background-color: #1971d4; color: #fff;padding: 15px !important; } /* owen.perks 12490244 */ .index .hero-expand-button i {border: none !important} /* fdbarfety 12495793 counter subaru variation blue-white nav css */ .header-default {min-width: 370px;} .page-header .header-default .vcard.header-logo-enabled {height: 0;} .page-header.minimal .header-default .home-logolink {width: inherit; height: inherit; border-right: inherit; background: inherit;} .page-header.minimal .header-default .home-logolink img {display: block} .header-logo-container .header-logo img {padding: 0 0 0 35px; position: relative; top: 5px;} .header-navigation .header-logo-container {width: 400px;} .page-header .navigation-default .nav>li>a {height: 35px; margin: 15px 15px;} .navbar .navigation-default .dropdown, .page-header .navigation-default .dropdown {height: 35px;} .page-header.minimal.true-minimal .navigation-default .navbar-nav>li {float: initial;} .navbar .navigation-default .navbar-nav, .page-header .navigation-default .navbar-nav {height: inherit;} .page-header .navigation-default .nav>li>a, .page-header .navigation-default .navbar-nav li.home a.homeLink {min-width: inherit; height: inherit; margin: inherit;} .page-header.minimal.true-minimal .navigation-default .navbar-nav>li.home>a.homeLink {margin-top: inherit;} /* 13156026 JLC */ .navigation-default .nav-fragment .inventory-featured-default .hproduct > div:hover { top: 0; } /* 04007929 JLC + 04014106 ddcrandyh */ .index .ws-specials .aspect-ratio-desktop-10x1 .asset-disclaimer { bottom: 0; & button { color: #FFF; background-color: #acabac; padding: 0px 10px; } } /* Header Phone Sizing - LM: 6/10/25 */ .page-header .tel .value {font-weight: 800; font-size: 1.5rem;} .page-header .tel .separator { display: none;}