New and Pre-owned Audi dealership in Victoria BC on Vancouver Island

Sales (250) 590-5849 Find Our Location

Visit Our Location

2929 Douglas St, Victoria, BC, V8T 4M8

Contact Us

Sales (250) 590-5849 Parts (250) 590-2285 Service (250) 590-5849

Hours Of Operation

Dealership hours of operation
Mon - Fri	8:30am - 6:00pm
Sat	9:00am - 5:30pm
Sun	closed

Dealership hours of operation
Mon - Fri	8:00am - 5:30pm
Sat	closed - temporarily
Sun	closed

Dealership hours of operation
Mon - Fri	8:00am - 5:30pm
Sat	closed - temporarily
Sun	closed

Connect With Us

:root { --color-primary: #cc0033; --color-primary-dark: #000000; --color-primary-light: #e71b4e; } @font-face { font-family: Audi Extended; src: url( https://www.audivictoria.com/wp-content/themes/convertus-achilles/achilles/assets/fonts/Audi%20Extended/AudiExtended-Bold.otf ); font-weight: 700; font-display: swap; } @font-face { font-family: Audi Extended; src: url( https://www.audivictoria.com/wp-content/themes/convertus-achilles/achilles/assets/fonts/Audi%20Extended/AudiExtended-Regular.otf ); font-weight: 400; font-display: swap; } body, input, button, select { font-family: Audi Extended, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Audi Extended, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /* corona update */ .corona { display: flex; justify-content: space-between; align-items: center; padding: .8rem calc(50% - 55rem); background: #305e8c; color:#fff; font-size: 1.4rem; } .corona-mobile { display: flex; justify-content: space-between; align-items: center; padding: .8rem calc(50% - 55rem); background: #305e8c; color:#fff; font-size: 1.4rem; padding-left: 15px; z-index: 999; padding-right: 12px; } div.close { border: 1px #fff solid; padding: 1px; } /* END corona update */ body{ font-size: 1.5rem; font-family:'Titillium Web',-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search select > option { color:#000; } body.page-id-1812 main p{font-size:1.4rem;margin-bottom:1.5rem;} body.page-id-1812 main .col-lg-4{max-width:40%;flex-basis:40%;padding:0;} body.page-id-1812 main .col-lg-8{max-width:60%;flex-basis:60%;} body.page-id-1812 main .col-lg-4 img{width:100%;}@media only screen and (max-width: 767px) { body.page-id-1812 main .col-lg-4{max-width:none;display:block;} body.page-id-1812 main .row{display:block;} body.page-id-1812 main .col-lg-8{max-width:none;}} body.page-id-1803 main p{font-size:1.4rem;margin:1.5rem 0;} body.page-id-4147 .filter-wrap{display:none;} body.page-id-4147 #specials-app .transition-container > div{display:none;} body.page-id-4147 #specials-app .transition-container > div#specials-department-service{display: block !important;} body.page-id-4150 main p{font-size:1.4rem;margin:1.5rem 0;} body.page-id-4150 .filter-wrap{display:none;} body.page-id-4150 #specials-app .transition-container > div{display:none;} body.page-id-4150 #specials-app .transition-container > div#specials-department-parts{display: block !important;} body.page-id-11765 main p, body.page-id-4143 main p{ font-size:1.4rem;margin:1.5rem 0; } body.page-id-4143 .filter-wrap{display:none;} body.page-id-4143 #specials-app .transition-container > div{display:none;} body.page-id-4143 #specials-app .transition-container > div#specials-department-new{display: block !important;} body.page-id-1766 .primary-wrapper table td { text-align: left; } footer .footer__lower-logo[convertus-data-id="footer__autotrader"] img { display:none; } footer .footer__lower-link { font-size:0.7em; margin:0 0.6rem; } footer .footer__lower-logo[convertus-data-id="footer__autotrader"]::after { content:'TAdvantage'; color:#f4f4f4; font-size:0.7em; margin-left:0.2rem; } /* Responsive video */ .responsive_video iframe { width: 300px; } .small .modal-content { font-size:0.75em; } body.page-id-5376 main section.page-title { display:none; } body.page-id-5376 main .primary-wrapper { padding:0; margin:0 auto; width:100%; max-width:1450px; } body.page-id-5376 main { background-image:url("/wp-content/uploads/sites/186/2020/01/experiences-footer.jpg"); background-size:100% auto; background-position:center bottom; background-repeat:no-repeat; padding-bottom:31%; } body.page-id-5376 main .primary-wrapper p { margin:1em 0; font-size: 1.2rem; } body.page-id-5376 main .primary-wrapper h1, body.page-id-5376 main .primary-wrapper h2 { font-size:4.4rem; text-align:center; line-height: 1.2em; } body.page-id-5376 main .primary-wrapper h2 { margin-top:-4.5rem; } body.page-id-5376 main .primary-wrapper .narrow { margin:1rem auto; max-width:1100px; padding:0 1rem; } body.page-id-5376 main .primary-wrapper div.spacer { margin-top:4rem; } body.page-id-5376 main .primary-wrapper .a-columns { display: flex; flex-direction: row; justify-content:space-around; margin:0 auto; max-width:1200px; } body.page-id-5376 main .primary-wrapper .a-columns .a-column { width:360px; margin:0 1rem; text-align: center; } body.page-id-5376 main .primary-wrapper .a-columns .a-column.one { width:320px; } body.page-id-5376 main .primary-wrapper .a-columns .a-column.two { width:380px; } body.page-id-5376 main .primary-wrapper a.a-button { display:inline-block; padding:0.5rem 1em; background-color:#000; color:#fff; text-decoration:none; margin-top:0.5rem; } @media only screen and (max-width: 768px) { body.page-id-5376 main .primary-wrapper .a-columns { display: flex; flex-direction: column; } body.page-id-5376 main .primary-wrapper .a-columns .a-column { width:auto; margin:1rem; } } @media only screen and (max-width: 500px) { body.page-id-5376 main .primary-wrapper h1, body.page-id-5376 main .primary-wrapper h2 { font-size: 3.2rem; } body.page-id-5376 main .primary-wrapper h2 { margin-top:-2.5rem; } } @media only screen and (max-width: 299px) { .responsive_iframe iframe { width: 100%; } } /* Footer - GAIN logo */ @media only screen and (min-width: 992px){ .footer__title:first-child { max-width: 2rem; } } #map{ height: 450px; } .special{ border-radius: 0 !important; } a.button { font-family:"Audi Extended"; } /* 2019 e-tron & any other news/overview page */ .buttons_2 { display: flex; } .buttons_2 div { padding: 1rem 2rem; border: 2px solid #FFFFFF; background-color: #bd2326; text-align: center; color: #ffffff; } .videoContainer { position:relative; } .videoContainer iframe { position:absolute; top:0; left:0; } /* Large iframe videos - responiseveness */ .mobile_iframe { width: 100%; height: 520px; } @media only screen and (max-width: 909px) { .mobile_iframe { height: 320px; } } /* Homepage - About */ .gain_about-3 { height: 906px; } #gain_about-3 { height: 100%; } /* Build Your Audi e-tron */ /* .video-background { position: absolute; } */ .video_text { position: absolute; top: calc(50% - 80px); left: 50%; margin-bottom: 0; transform: translateX(-50%); } .negative_margin { margin-top: -15rem; } @media only screen and (max-width: 767px){ .video_text { bottom: 20rem; } video{ width: 100% !important; height: 100% !important; } .video_text a{ font-size: 1.3rem; width: auto; } } /* The Audi Q5 */ .buttons_3 { display: block; width: 100%; } .buttons_3 a { display: inline-block; } .buttons_3 a div { height: auto; font-size: 1.4rem; display: flex; align-items: center; justify-content: center; } /*** Soo-Ah Migration ***/ /** GENERAL **/ .home-page .wrapper{ max-width: 130rem; } .mega-menu.no-scroll{ padding: 0 !important; } .mega-menu .header__nav-bar{ position: static !important; } .header{ margin-right: 0 !important; left: 0 !important; } /* HEADER */ .header.header--desktop .header__dummy-wrap{ max-width: 1930px; margin: 0 auto; width: 100%; } .header__info-wrap{ order: 10; padding: 1rem 5rem; background: #fff; border-top: 1px solid #b1b5b6; border-bottom: 1px solid #b1b5b6; max-width: 1930px !important; width: 100%; margin: 0 auto !important; } .header.header--desktop .header__info-single{ margin-bottom: 0; } .header.header--desktop .header__info-single--phone:not(:first-of-type)::before{ content: ''; } .header.header--desktop .header__info-single a, .header.header--desktop .header__info-single i, .header.header--desktop .header__info-single{ color: #000; font-size: 1.2rem; } .header__logo-link{ margin-right: 2rem; } .header.header--desktop .header__nav-bar{ padding: 2.4rem 4rem 2.4rem 5rem; box-shadow: none; border-bottom: solid 1px #c4c7c8; } .header__logo{ vertical-align: middle; } .header.header--desktop .navigation{ justify-content: center; } .header .navigation > .menu-item > a{ color: #000; font-size: 1.5rem; } .header__main.header__info-wrap .header__info .header__info-single .social-block a.social-icon { background:none; } .header__main.header__info-wrap .header__info .header__info-single .social-block a.social-icon i { font-size:2.0rem; } @media only screen and (max-width: 1620px) { .header.header--desktop .navigation > .menu-item > a{ padding-left: 1rem; padding-right: 1rem; font-size: 1.4rem; } } @media only screen and (max-width: 1450px) { .header.header--desktop .navigation > .menu-item > a{ font-size: 1.3rem; } } @media only screen and (max-width: 1400px) { .header.header--desktop .navigation > .menu-item > a{ font-size: 1.2rem; } .header.header--desktop .header__nav-bar{ padding: 2.4rem 2rem 2.4rem 3rem; } img.audiLogo{ width: 115px; } .header__info-wrap{ padding: 1rem 3rem; } .header.header--desktop .navigation{ width: 75% !important; } } @media only screen and (max-width: 1200px) { .header.header--desktop .header__nav-bar { padding: 2.4rem 0rem 2.4rem 1rem; } .header.header--desktop .navigation{ width:83% !important; right: 17% !important; } .header__info-wrap{ padding: 1rem 1rem; } .header--desktop .header__logo-link{ left: 83% !important; } .header--desktop .header__logo-link{ width:16%; margin: 0 auto; } .header--desktop .header__logo-link img{ width: 100%; } } /** HOMEPAGE **/ /* Slideshow */ .home-page .slider_widget-1.slider-1{ max-width: 1930px; margin: 0 auto; } .home-page .slider_widget-1.slider-1 .tns-controls button{ background: none; opacity: 1; font-size: 4rem; box-shadow: none; } /* Inventory Search */ .home-page .inventory_search_widget-1.inventory-search-1 { width: 100%; max-width: 1930px; margin: 0 auto; } .home-page .inventory_search_widget-1.inventory-search-1 > div{ padding: 2rem 5rem ; background: #b1b5b6; } .home-page .inventory_search_widget-1.inventory-search-1 .wrapper{ max-width: none; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search__title{ display: none; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search{ justify-content: flex-start; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > div.col-xs-12:first-child{ margin: 0 !important; max-width: none; flex-basis: 300px; font-size: 1.9rem; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > div.col-xs-12:first-child:before{ content: 'Search Audi Inventory:'; font-weight: 600; } .home-page .inventory_search_widget-1.inventory-search-1 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; box-shadow: none; border-bottom: 1px solid #000; border-radius: 0 ; color: #000; padding: 0; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search .row.row--half-space{ flex-wrap: nowrap; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search .row > .dropdown__col{ position: relative; flex: 1 1 0; margin-right: 3%; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search .row > .dropdown__col:last-child{ margin-right: 0; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search .row > .dropdown__col:after{ content: '\f078'; font-family: "Font Awesome 5 Pro", sans-serif; position: absolute; top: 0.5rem; right: 1rem; } .home-page .inventory_search_widget-1.inventory-search-1 button.button{ background: none; box-shadow: none; max-width: none; width: 20rem; } .home-page .inventory_search_widget-1.inventory-search-1 button.button:hover{ color: #000; } /* Model Lineup */ .home-page .showroom_carousel_widget-3.showroom-carousel-1{ max-width:1930px; margin: 0 auto; padding: 0rem 3rem; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .wrapper{ max-width: none; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .body-filter__label{ font-weight: 600; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .body-filter__single{ font-weight: 400; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 button.button{ background: #c9002c; color: #fff; font-weight: 400; border-radius: 0; border: none; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 button.button:hover{ background: #333; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .tns-controls{ z-index: 9; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .tns-controls button{ transform: none; background: none; box-shadow: none; font-size: 4rem; } /* Featured */ .home-page .inventory_carousel_widget-1.inventory-carousel-1 { max-width: 1930px; padding: 0 3rem; margin: 0 auto; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .wrapper{ max-width: none; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ max-width: 110rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-carousel{ align-items: stretch; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ margin: 0 auto; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .tns-slider > *{ background: none; box-shadow: none; text-align: center; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .g-vehicle-card__description h3{ line-height: 1.2; font-size: 1.8rem; margin: 2rem auto 0; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .button{ display: block; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__description{ display: flex; flex-direction: column; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 h3.g-vehicle-card__vehicle-title{ order: -10; display: block; width: 100%; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 h3.g-vehicle-card__vehicle-title:after{ content: ''; width: 80%; height: 2px; background: #7a7a7a; display: block; margin: 2rem auto; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .tns-controls button{ background: none; box-shadow: none; font-size: 4rem; transform: none; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-controls{ bottom: 50%; } /* Specials Button Block */ .home-page .button_block_widget-1.button-block-2 .button-block-widget .button-block-button{ min-height: 500px; padding: 0; margin: 0.5%; flex-basis: 33%; position: relative; } .home-page .button_block_widget-1.button-block-2 .button-block-button__background{ width: 100%; border-radius: 0; border: none; height: 500px; position: absolute; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area{ z-index: 4; color: #fff; text-align: left; padding: 2rem; position: absolute; bottom: 60px; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area h3{ font-size: 3rem; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area h3:after{ content: ''; display: block; width: 70px; height: 1px; color: #fff; background: #fff; margin: 1rem 0; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area p{ color: #fff; } .home-page .button_block_widget-1.button-block-2 .button{ max-width: none; display: inline-block; width: auto; border-radius: 0; font-weight: 300; padding: 1rem 4rem; position: absolute; bottom: 30px; left: 2rem; } .home-page .button_block_widget-1.button-block-2 .button:hover{ background: #fff; color: var(--color-primary); } /* Largest Selection of Inventory */ .home-page .about_widget-3.about-1 > div{ min-height: 483px; margin-bottom: 3rem; } .home-page .about_widget-3.about-1 > div:after{ display: none; } .home-page .about_widget-3.about-1 .wrapper{ max-width: none; padding-left: 6rem; } .home-page .about_widget-3.about-1 .about-widget__info-container{ width: 50%; text-align: left; padding-top: 4rem; } .home-page .about_widget-3.about-1 .about-widget__info-container h1{ color: #fff; font-weight: 600; text-align :left; } .home-page .about_widget-3.about-1 .about-widget__info-container h1:after{ display: none; } .home-page .about_widget-3.about-1 .about-widget__info-container p{ color: #fff; font-weight: 400; text-align: left; width: 100%; font-size: 1.4rem; } .home-page .about_widget-3.about-1 .about-widget__info-container .text-center{ text-align: left; } .home-page .about_widget-3.about-1 .about-widget__info-container .text-center .button{ border-radius: 0; min-width: 0; font-weight: 300; width: auto; padding: 1rem 5rem; } .home-page .about_widget-3.about-1 .about-widget__info-container .text-center .button:after{ display: none; } /* Why Buy an Audi? */ .home-page .button_block_widget-3.button-block-2 > div{ padding: 0; margin-bottom: 1rem; } .home-page .button_block_widget-3.button-block-2 .wrapper{ max-width: none; } .home-page .button-block-2 .button-block-widget { padding:0; margin:0; } .home-page .button_block_widget-3.button-block-2 a.button-block-button:first-child{ flex-basis: 63%; background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2020/03/deanbradshaw_audi_etron12.jpg'); background-size: cover; background-position: 50%; text-shadow: 0 0 10px #000000; } .home-page .about_widget-3.about-1 { margin-top:1.2rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button span{ text-shadow: none; } .home-page .button_block_widget-3.button-block-2 a.button-block-button:last-child{ background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2020/03/audi-galerie-9.jpg'); flex-basis: 36.5%; margin-left: 0.5%; background-position: 50%; background-size: cover; text-shadow: 0 0 10px #000000; } .home-page .button_block_widget-3.button-block-2 .button-block-button__background{ display: none; } .home-page .button_block_widget-3.button-block-2 a.button-block-button{ min-height: 550px; padding-top: 6rem; padding: 10rem 7rem; align-items: flex-start; margin-bottom: 0; cursor: default; } .home-page .button_block_widget-3.button-block-2 a.button-block-button h3{ color: #fff; text-align: left; font-size: 3.2rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button p{ color: #fff; text-align: left; padding-right: 30%; line-height: 1.7; font-size: 1.4rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button span{ align-items: flex-start; margin: 0; width: auto; font-weight: 400; border-radius: 0; padding: 1rem 4rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button span:after{ display: none; } .home-page .get_directions_widget-4.get-directions-1 .get-directions-widget { margin:0; padding:0; } .home-page .get_directions_widget-4.get-directions-1 .get-directions-widget .wrapper { max-width:none; } .home-page .get_directions_widget-4.get-directions-1 .get-directions-widget .map-sidebar { display:none; } .home-page .get_directions_widget-4.get-directions-1 .get-directions-widget .convertus-gmaps-wrapper .vue-map-container { margin:0; padding:0; } /* Newsletter */ .newsletterHome{ background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2019/10/GettyImages-612733242.png'); background-size: cover; background-position: 50%; padding: 5rem 6rem 8rem; color: #fff; } .newsletterHome h2{ color: #fff; } .newsletterHome p{ color: #fff; margin-bottom: 2rem; } .newsletterHome div label{ color: #fff; } .newsletterHome div input{ background: none; border: 1px solid #fff; border-radius: 0; margin-top: 1rem; } .newsletterHome .widthFull{ max-width: none; flex-basis: 100% !important; margin: 1rem; } .newsletterHome .widthFull span{ color: #fff; } .newsletterHome a{ margin: 0 0.5rem; color: #fff; } .newsletterHome .submitBtn{ display: block; width: 100%; } .newsletterHome .submitBtn input{ border: none; background: #cc0033; min-width: 200px; } .newsletterHome div.input-group{ flex-grow: 0; margin-right: 2rem; } .newsletterHome form{ font-size: 1.5rem; } /* Mega Menu */ .mega-menu .mega-menu__hours h5{ font-size: 1.7rem; } .mega-menu .mega-menu-sub-nav__navs a{ margin-bottom: 1.1rem; font-size: 1.5rem; } /** Fonts **/ .header .navigation > .menu-item > a{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .home-page .inventory_search_widget-1.inventory-search-1{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .body-filter__single{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .body-filter__label{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .home-page .button_block_widget-1.button-block-2 .button{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .home-page .button_block_widget-1.button-block-2 .button:after{ display: none; } .home-page .button_block_widget-3.button-block-2 a.button-block-button span{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .home-page .about_widget-3.about-1 .about-widget__info-container .text-center .button{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .newsletterHome p, .newsletterHome div label{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /** FOOTER **/ .footer__main { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .footer__main .footer__title{ font-family: "Audi Extended", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 400; font-size: 1.7rem; width: 100%; display: block; max-width: none !important; } .footer__main .contact-block { max-width: 15em; } .footer__address{ font-size: 1.4rem; line-height: 1.6em; } footer a.button.gtm_directions{ display: none; } footer .contact-block__link strong{ font-weight: 400; font-size: 1.4rem; min-width: 0; margin-right: 1rem; width:auto; } footer .contact-block__link span{ font-size: 1.4rem; } .footer__hours .nav-tabs__tab a{ color: #000; padding:0.5rem 0; } .footer__hours .nav-tabs__tab.active a{ color: #cc0033; font-weight:bold; } .footer .tab-content .hours__row .hours__day{ font-weight: 400; font-size: 1.4rem; } .footer__hours{ font-size: 1.4rem; } .footer .social-icon--light{ background: none; font-size: 2.5rem; margin-right: 1.5rem; } .footer.dark .contact-block__link{ display: flex; justify-content: space-between; } .footer__lower{ background: #e4e6e6; border-top: 1px solid #c2c2c2; } .footer__lower a, .footer__lower-link{ font-weight: 400; } .footer__main{ background: #e4e6e6; } /* Showroom */ .showroom-trims-wrapper .details-card{ border-radius: 0 !important; } .showroom-base{ background: #e4e6e6; } .showroom-base .col-lg-3{ background: #fff; flex-basis: 23%; margin: 0 1% 2rem; } .showroom-models-wrapper .model-card{ margin-bottom: 0 !important; } .showroom-models-wrapper .model-card .button{ font-weight: 400; border: 1px solid #000 !important; color: #000 !important; margin: 1rem 0; } .showroom-models-wrapper .model-card .button:hover{ background: #000 !important; color: #fff !important; } .showroom-models-wrapper .model-card:hover .button{ background: #000 !important; color: #fff !important; } .showroom-models-wrapper .model-card__title{ font-size: 1.5rem !important; } .showroom-models-wrapper .model-card:hover{ box-shadow: none !important; } .showroom-models-wrapper .model-card__price{ font-weight: 400 !important; font-size: 1.7rem !important; } .showroom-models-wrapper .advanced-filters__toggle{ background: #222 !important; } .showroom-models-wrapper .advanced-filters__toggle:hover{ background: #fff !important; color: #222 !important; } .showroom-models-wrapper .advanced-filters.active{ background: #222 !important; } .showroom-models-wrapper .advanced-filters__toggle.active{ color: #fff !important; } .showroom-models-wrapper .button{ color: #fff !important; } .showroom-models-wrapper .button-group__title{ background: none !important; color: #fff !important; } .showroom-models-wrapper .button-group__button{ color: #fff !important; background: none !important; } .showroom-models-wrapper .button-group__button{ border: 1px solid #fff; margin-right: 0.5rem; } .showroom-models-wrapper .button-group__button:hover{ background: #fff !important; color: #222 !important; } .showroom-models-wrapper .advanced-filters__toggle + .button{ color: #222 !important; } .showroom-models-wrapper .advanced-filters__toggle.active:hover{ background: none !important; } .showroom-models-wrapper .advanced-filters__toggle.active + .button{ color: #fff !important; } @media only screen and (max-width: 767px){ .showroom-models-wrapper .row { justify-content: center; } .showroom-models-wrapper .model-card .button{ background: #fff !important; line-height: 1.2; text-align: center; font-size: 1.5rem !important ; } .showroom-models-wrapper .model-card .button:after{ display: none; } } /* Mobile */ .header--mobile .header__dealer-group{ justify-content: space-between; padding-bottom: 0; } .header--mobile .header__dealer-group .audiLogo{ width: 100px; } .header--mobile .header__nav-menu{ background: #fff; justify-content: flex-start; } .header--mobile .header__icons{ margin: 0; flex-direction: row-reverse; } .header--mobile .header__icons .header-search{ display: none; } .header--mobile .header__mobile-icon{ line-height: 0; } .header--mobile .header__hamburger-container{ padding-right: 0; font-size: 1.4rem; padding-top: 1rem; } .header--mobile .header__logo{ max-width: none; max-height: none; } .header--mobile .header__hamburger{ width: 30px; height: 20px; } .header--mobile .header__mobile-icon i{ font-size: 2rem; } .header__mobile-icon{ padding-top: .4rem; } /* Advanced Search */ @media only screen and (max-width: 991px){ .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search{ display: block; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search{ flex-direction: column; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > div.col-xs-12:first-child{ flex-basis: auto; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search .row.row--half-space{ display: block; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > .col{ min-height: 140px; } .home-page .inventory_search_widget-1.inventory-search-1 > div{ padding: 2rem 3rem; } .home-page .inventory_search_widget-1.inventory-search-1 select{ min-height: 35px; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > div.col-xs-12:last-child{ max-width: none; text-align: right; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > div.col-xs-12:first-child::before { font-size: 2.4rem; } /* Model Lineup */ .home-page .showroom_carousel_widget-3.showroom-carousel-1 .tns-controls button{ transform: translateY(100%); } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .body-filter__label{ display: block; margin-bottom: 2rem; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .body-filter__single{ line-height: 3; padding-left: 1rem; padding-right: 1rem; } /* Featured */ .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ width: 75%; margin: 0 auto; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-outer{ margin: 0 auto; width: 100%; } /* Specials Button Block */ .home-page .button_block_widget-1.button-block-2 > div{ padding: 3rem; } .home-page .button_block_widget-1.button-block-2 .button-block-widget__content{ display: block; } .home-page .button_block_widget-1.button-block-2 .button-block-widget .button-block-button{ min-height: 350px; display: block; margin-bottom: 2rem; } .home-page .button_block_widget-1.button-block-2 .button-block-button__background{ height: 350px; background-position: 50% !important; } /* why Buy an Audi? */ .home-page .button_block_widget-3.button-block-2 .button-block-widget__content{ display: block; } .home-page .button_block_widget-3.button-block-2 .button-block-widget__content a{ background-size: cover !important; margin-left: 0 !important; } /* Footer */ .footer__main{ background: #b1b5b6; } .footer__lower{ background: #b1b5b6; } .footer__mobile-social{ background: #b1b5b6; } .footer__mobile-buttons .button{ background: #cc0033; } .footer .tab-content .hours__row .hours__day{ color: #000; } .footer__lower-link{ color: #000; } footer a.button.gtm_directions{ display: block; } } /* Map */ .mapPlaceHolder .mobile{ display: none; } @media only screen and (max-width: 767px){ /* Model Lineup */ .home-page .showroom_carousel_widget-3.showroom-carousel-1 select{ background: #fff; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .tns-ovh{ width: 85%; margin: 0 auto; } .home-page .showroom-carousel-1 .showroom-carousel-widget .showroom-carousel-card{ box-shadow: none; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .tns-controls{ bottom: 50%; } /* Why Buy an Audi? */ .home-page .button_block_widget-3.button-block-2 a.button-block-button{ text-shadow: none !important; } .home-page .button_block_widget-3.button-block-2 a.button-block-button:first-child{ background: none; padding: 0; min-height: 0; } .home-page .button_block_widget-3.button-block-2 a.button-block-button:first-child:before{ content: ''; background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2019/10/Audi_Victoria_Desktop_19.jpg'); width: 100%; height: 200px; background-size: cover; background-position: 50%; } .home-page .button_block_widget-3.button-block-2 a.button-block-button div.button-block-button__heading-area{ padding: 4rem 2rem 1rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button div.button-block-button__heading-area h3, .home-page .button_block_widget-3.button-block-2 a.button-block-button div.button-block-button__heading-area p{ color: #000; padding: 0; } .home-page .button_block_widget-3.button-block-2 a.button-block-button div.button-block-button__heading-area h3{ font-size: 2rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button div.button-block-button__heading-area p{ margin-bottom: 0; } .home-page .button_block_widget-3.button-block-2 a.button-block-button span{ margin-left: 2rem; margin-bottom: 2rem; } .home-page .button_block_widget-3.button-block-2 a.button-block-button:last-child{ background: none; padding: 0; min-height: 0; } .home-page .button_block_widget-3.button-block-2 a.button-block-button:last-child:before{ content: ''; background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2019/10/Audi_Victoria_Desktop_21.jpg'); width: 100%; height: 200px; background-size: cover; background-position: 100% 100% !important; } /* Largest Selection of Inventory */ .home-page .about_widget-3.about-1 > div{ background: none !important; padding: 0; min-height: 0; } .home-page .about_widget-3.about-1 > div:before{ content: ''; background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2019/10/Layer-35.png'); width: 100%; height: 200px; background-size: cover; background-position: 100% 100% !important; display: block; } .home-page .about_widget-3.about-1 .about-widget__info-container{ width: 100%; padding: 0; } .home-page .about_widget-3.about-1 .about-widget__info-container h1{ color: #000; font-size: 2rem; } .home-page .about_widget-3.about-1 .about-widget__info-container p{ color: #000; padding: 1rem 0; } .home-page .about_widget-3.about-1 .wrapper{ padding: 4rem 2rem 1rem; } /* Map */ .mapPlaceHolder .mobile{ display: block; } .mapPlaceHolder .desktop{ display: none; } /* Newsletter */ .newsletterHome{ padding: 5rem 3rem 8rem; } } /* Mega Menu Models */ .g-showroom-model-card__header{ font-size: 1.4rem; font-weight: 400; } .g-showroom-model-card__description{ font-size: 1.3rem; } .g-vehicle-card--no-carousel .g-vehicle-card__vehicle-title{ font-size: 1.4rem; font-weight: 400; } .price-block__label{ font-size: 1.2rem; } @media only screen and (max-width: 667px){ .page-id-1790 .primary-wrapper .col-md-4{ flex:0 0 100%; max-width:100%!important; margin:auto; } .page-id-1790 .primary-wrapper .col-md-8{ max-width:100%!important; flex:0 0 60%; margin:auto; margin-top:20px; } .page-id-1790 .primary-wrapper img {width:auto!important; margin:auto!important; display:block;} } .buttonsSplitPreferred img {margin:0 5px;} /* Featured Inventory */ .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .tns-slider > *{ background: #fff; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .g-vehicle-card__description h3{ color: #000; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .g-vehicle-card__specs .single-spec span{ color: #000; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .g-vehicle-card__specs .single-spec{ color: #000; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget.dark .g-vehicle-card__description h3{ text-align: left; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 h3.g-vehicle-card__vehicle-title:after{ margin: 2rem 0; width: 50%; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__details-list + .g-vehicle-card__specs{ margin-top: 60px; } /* Footer */ footer .hours--simple .hours__row--active .hours__day::before{ display: none; } footer .hours--simple .hours__row--active td{ color: #cc0033 !important; white-space: nowrap; } .footer .tab-content .hours__row .hours__day { white-space: nowrap; } footer .hours--simple .hours__day{ padding-left: 0; } /* Specials Button Block */ .home-page .button_block_widget-1.button-block-2 > div{ padding: 0; } .home-page .button_block_widget-1.button-block-2 .wrapper{ max-width: none; } .home-page .button_block_widget-1.button-block-2 .button-block-widget .button-block-button{ margin: 0; flex-basis: 33%; } .home-page .button_block_widget-1.button-block-2 .button-block-widget__content{ justify-content:space-between; } .home-page .button_block_widget-3.button-block-2 a.button-block-button{ margin-top: 0.5%; } /* Inventory Search */ .home-page .inventory_search_widget-1.inventory-search-1 > div{ background: #4c4c4c; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search > div.col-xs-12:first-child:before{ color: #fff; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search { color: #fff; } .home-page .inventory_search_widget-1.inventory-search-1 .dropdown-search select{ color: #fff; border-bottom: 1px solid #eee; } /* Footer */ .footer.dark .footer__main{ background: #4c4c4c; } .footer__hours .nav-tabs__tab a{ color: #fff; } footer .hours--simple .hours__day{ color: #fff; } footer .social-icon--light{ color: #fff; } .footer.dark .footer__lower{ background: #4c4c4c; color:#fff; } /* Mobile */ .footer__mobile-social{ background: #4c4c4c; border-top: 1px solid #fff; } .footer .tab-content .hours__row .hours__day{ color: #fff; } .header--mobile .header__logo{ max-width: 260px; } /* Specials Mobile */ @media only screen and (max-width: 991px){ .home-page .button_block_widget-1.button-block-2 .button-block-widget .button-block-button{ margin: 1rem 0; } } @media only screen and (max-width: 767px){ .home-page .inventory_search_widget-1.inventory-search-1 button.button{ margin-top: 3rem; } .home-page .button_block_widget-1.button-block-2 .button-block-button__background{ width: 100%; height: 200px; background-size: cover; background-position: 20% 10% !important; display: block; position: relative !important; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area{ position: static; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area h3{ color: #000; font-size: 2rem; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area p{ color: #000; } .home-page .button_block_widget-1.button-block-2 .button{ position: relative; } .home-page .button_block_widget-1.button-block-2 .button-block-button__heading-area h3:after{ display: none; } } /* Header */ .header.header--desktop .navigation{ justify-content: left; } /** StevenLien Updated Changes **/ .header--desktop .header__logo-link{ display: flex; float: right; position: relative; left: 77%; } .header.header--desktop .navigation{ position: relative; right: 27rem; width: 72%; } .home-page .button_block_widget-1.button-block-2 .button-block-widget .button-block-button, .home-page .button_block_widget-3.button-block-2 a.button-block-button{ margin-bottom: 0rem; } .home-page .about_widget-3.about-1 > div{ margin-bottom:3.5rem; } .header__info-wrap{ order:0; } .button{ border-radius:0px; } .mega-menu__container{ max-height:54rem; max-width: 1930px !important; } .mega-menu .mega-menu-side-nav{ max-height: 54rem; } .mega-menu .mega-menu__fragment.mega-menu__contact{ padding:0rem 2.4rem; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="search"]{ border-radius:0; } /** Mobile Logo **/ @media only screen and (max-width: 991px){ .header--mobile .header__dealer-group a{ display:block; margin:0 auto; } } /* Blog Specials */ .post-type-archive-specials-post .primary.col > h2{ overflow:hidden; text-indent:-10px; } .post-type-archive-specials-post .col-lg-4.col-md-5.col-sm-12{ display:none; } .post-type-archive-specials-post span.url-tag{ display:none; } .post-type-archive-specials-post .blog-post__title{ font-size:15px; } .post-type-archive-specials-post .blog-post__content, .post-type-archive-specials-post .blog-post__secondary-info{ display:block; } .post-type-archive-specials-post .blog-post.blog-post--shadow{ width: 32%; float: left; position: relative; margin: 0.50%; min-height: 525px; padding: 2rem; } .post-type-archive-specials-post .blog-post__img{ height: auto; margin-right: 2.4rem; width: 100%; display: block; clear: both; float: none; margin-bottom:1rem; } @media only screen and (max-width: 991px){ .post-type-archive-specials-post .blog-post.blog-post--shadow{ width: 49%; } } @media only screen and (max-width: 767px){ .post-type-archive-specials-post .blog-post.blog-post--shadow{ width: 100%; min-height:auto; } } /* Certified Pre-Owned Information */ .page-id-1805 main p.upperul{ font-size: 1.4rem; margin: 1rem 0; } .page-id-1805 main div.uldot{ font-size: 1.4rem; margin: 0.5rem; } .page-id-1805 main div.belowul{ font-size: 1.4rem; margin-top: 1rem; } /* SRP */ .srp-wrapper .advanced-filters{ border-radius: 0; } .srp-wrapper .primary-col .wrapper{ margin-left: 0; } .srp-wrapper div.extra-filters select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: url('https://www.audivictoria.com/wp-content/uploads/sites/186/2019/11/Screen-Shot-2019-11-01-at-2.11.01-PM.png') no-repeat; background-position: 97% 50%; font-size: 1.3rem !important; padding-right: 1rem; padding-left: 1rem; } /* VDP */ .vdp-wrapper .detailed-specs__label, .vdp-wrapper .detailed-specs__value{ font-size: 1.3rem } .vdp-wrapper .testimonials-group{ display: none; } /* Aside */ .sidebar{ border-radius: 0; } textarea{ border-radius: 0; } select, .select{ border-radius: 0; } .hours--simple .hours__row--active .hours__day::before{ display: none; } .hours--simple .hours__row--active td{ color: #cc0033; } .hours--simple .hours__day, .hours--simple .hours__time{ padding-left: 0; font-size: 1.4rem; padding-right: 1.5rem; text-align:left; } .sidebar .hours--simple .hours__day, .sidebar .hours--simple .hours__time { padding:0.8rem; } /* Pop-up */ .modal-content{ border-radius: 0 !important; } /* Mega Menu */ .mega-menu .mega-menu-sub-nav__navs a{ margin-bottom: 0.5rem; font-size: 1.4rem; } .mega-menu .mega-menu__hours .hours__time{ padding-right: 0; } .mega-menu .mega-menu-side-nav{ width: 31rem; } .mega-menu .mega-menu__hours .hours__time{ font-size: 1.3rem; } .hours--simple .hours__row--active .hours__day{ color: #cc0033; width: 38%; } .mega-menu .mega-menu__hours .hours__day{ padding-right: 1rem; font-size: 1.3rem; } .srp-wrapper .col.primary-col { display:flex; flex-direction:column; } .srp-wrapper .col.primary-col h1.srp__page-title.wrapper { order:0; margin-bottom:0.5em; } .srp-wrapper .col.primary-col h5.srp__found-header.wrapper { order:1; margin-bottom: 0.3rem; } .srp-wrapper .col.primary-col .filter-tags { order:2; margin-bottom: 0.8rem; } .srp-wrapper .col.primary-col .srp__compare-results.wrapper, .srp-wrapper .col.primary-col .wrapper.ml-none, .srp-wrapper .col.primary-col .row, .srp-wrapper .col.primary-col .srp-disclaimer { order:3; } .srp-wrapper .srp-disclaimer.wrapper { font-size: 1rem; margin-top: 3rem; } .srp-wrapper div.extra-filters select { padding-right: 2.2rem; } .srp-wrapper div.extra-filters select[convertus-data-id="srp__list-view-select"] { display:none; } .srp-wrapper .vehicle-card__price-wrap .price-block--expanded { justify-content: flex-end; } .srp-wrapper .sale-class__label { padding: .2rem 1.3rem; } .compare-page .compare-card .compare-card__comment { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; min-height: 20em; } .vdp-wrapper .detailed-specs__label, .vdp-wrapper .detailed-specs__value { font-size: 1.3rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: .4rem 0.8rem; } .vdp-wrapper .techspecs-tab ul.expand-section__list li { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.2em; margin-bottom:0.3em; padding-right:1em; } .vdp-sidebar .share-group .social-block .social-buttons i { color: var(--color-primary); } .vdp-wrapper #vdp-app .vdp-disclaimer { font-size:0.6em; } .footer.dark .footer__lower-link {footer .footer__lower-logo[convertus-data-id="footer__autotrader"]::after font-size:0.7em; } /* Showroom */ .showroom-trims-wrapper .showroom-trims__tab-single--no-underline{ text-transform: lowercase; } .showroom-carousel-1 .showroom-carousel-widget .showroom-carousel-card__model-name{ text-transform: initial; } /*specials*/ .tc-specials_price{ font-size: 1.5em; font-weight: 700; } .tc-specials_super{ font-size: 0.8em; } .tc-specials_fineprint{ clear:both; font-size: 0.7em; padding:2rem 0 } .tc-specials_left { float: left; width: 50%; padding:10px; overflow: hidden; text-align: center; } .tc-specials_right { overflow: hidden; padding:10px; border-left: 2px solid #bbb; text-align: center; } .tc-specials_one { float: left; width: 33%; min-height: 80px; padding:10px 20px; overflow: hidden; text-align: center; } .tc-specials_two { float:left; width:33%; min-height: 80px; overflow: hidden; padding:10px; border-left: 2px solid #bbb; text-align: center; margin-bottom:30px; } .tc-specials_left ol{ text-align: left; padding-left:50px; } .tc-specials_pricelarge{ font-size: 2.5em; font-weight: 700; color: var(--color-primary); } .tc-specials_blurb{ clear: both; text-align: center; border-top: 2px solid #bbb; border-bottom: 2px solid #bbb; padding:20px 0px; } .tc-special-flexbox { display:flex; justify-content:space-between; } .tc-special-flexbox > .tc-special-item { flex:0 1 auto; } .tc-special-flexbox > .tc-special-item > .tc-specials_price { display:block; } .tc-special-flexbox > .tc-special-spacer { flex:0 0 2px; background-color:#bbb; margin:0 0.5em; } @media (max-width:600px) { .tc-special-flexbox { flex-direction:column; } .tc-special-flexbox > .tc-special-spacer { margin:0.5em 0; } .tc-special-flexbox > .tc-special-item > .tc-specials_price { display:inline; } } /* Featured */ .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-carousel{ align-items: stretch; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ margin: 0 auto; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .button{ display: block; line-height: 2; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__description{ display: flex; flex-direction: column; padding-top: 0; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 a{ background-size: contain; background-position: 0 0; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 h3.g-vehicle-card__vehicle-title{ order: -10; display: block; width: 100%; font-weight: 100; line-height: 1.2; margin-top: 2rem; font-size: 1.9rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 h3.g-vehicle-card__vehicle-title:after{ content: ''; width: 80%; height: 2px; background: #eaeaea; display: block; margin: 1rem 0; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .inventory-carousel-widget .tns-controls button{ background: #dfdfdf; box-shadow: none; font-size: 2.5rem; transform: none; border-radius: 0; color: #fff; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-controls{ bottom: 50%; } .g-vehicle-card__specs .single-spec span{ font-size: 1.2rem; } .g-vehicle-card__specs .single-spec{ font-size: 1.4rem; } .price-block__price--grey{ font-size: 2rem; } .price-block__price--lg{ font-size: 2.2rem; } .g-vehicle-card__savings{ font-size: 1.4rem; } /* Tablet */ @media only screen and (max-width: 991px){ /* Featured */ .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ width: 75%; margin: 0 auto; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-outer{ margin: 0 auto; width: 100%; } } @media only screen and (max-width: 767px){ /* Featured Mobile */ .home-page .inventory_carousel_widget-3.inventory-carousel-1 .tns-outer{ width: 100%; } .home-page .inventory_carousel_widget-3.inventory-carousel-1 .tns-ovh{ width: calc(100% - 100px); } .home-page .inventory_carousel_widget-3.inventory-carousel-1 .tns-controls{ bottom: 50%; } } /* Form */ select{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: #f4f4f4 url('https://www.audinanaimo.com/wp-content/uploads/sites/170/2019/11/Screen-Shot-2019-11-04-at-10.48.20-AM.png') no-repeat; background-position: 97% 50%; font-size: 1.3rem !important; padding-right: 1rem; padding-left: 1rem; border-radius: 0; } /* Get Directions */ .convertus-gmaps-wrapper .convertus-gmaps__popup-bubble-content{ border-radius: 0; } /* Testimonials */ .page-id-1838 main center{ text-align: left; } .page-id-1838 main p, .page-id-1838 main h4{ text-align: left !important; } .page-id-1838 .primary-wrapper{ position: relative; } .page-id-1838 .write-review{ position: fixed; top: 25rem; } @media only screen and (max-width: 767px) { .page-id-1838 .write-review{ position: relative; top: 0; } .page-id-1838 main .button--centered{ display: block; width: 100%; margin: 1rem auto; line-height: 2.5 } } /* News */ .page-id-1800 main .row{margin:0;} @media only screen and (max-width: 991px) { .page-id-1800 main div, .page-id-1785 main div { display: block !important; float: none !important; width: 100% !important; } .page-id-1800 main div img, .page-id-1785 main div img{ width: 100% !important; margin-top: 3rem; display: block !important; } .page-id-1813 main td{ width: 100% !important; display: block; } } /* Featured Revisions */ main .g-vehicle-card .price-block__single--finance span.price-block__label{ height: 14px; overflow: hidden; margin-bottom: 1rem; color: transparent; } main .g-vehicle-card .price-block__single--finance span.price-block__label:before{ content: 'Finance Payment'; display: block; color: #777; } main .g-vehicle-card span.price-block__label{ margin-bottom: 1rem; } main .g-vehicle-card .price-block__single--finance .price-block__sub{ font-size: 1.1rem; text-align: left; } main .g-vehicle-card .price-block__single--finance .price-block__price{ text-align: left; width: 100%; justify-content: flex-start; margin-bottom: 0.5rem; font-weight: 600; } main .price-block__label{ font-size: 1.2rem !important; } main .g-vehicle-card, main .g-vehicle-card div[convertus-data-id="g-vehicle-card"] { height: 100%; } main .g-vehicle-card div[convertus-data-id="g-vehicle-card"] { display:flex; flex-direction:column; } .g-vehicle-card__image { flex: 1 1 23rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 a.g-vehicle-card__image { height: auto; flex: 0; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__description { flex: 1; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__details-list + .g-vehicle-card__specs { padding-top: 20px; margin-top: auto; } .show-inventory__wrap .row .col-lg-4.col-sm-6.col-xs-12 { padding-bottom:2rem; } /* VDP Revisions */ .vdp-wrapper .expand-section__list{ margin-left: 2rem; } /* Audi h-tron */ .page-id-1813 main span.addMargin{ margin-bottom: 2rem; display: block; line-height: 1.7; } /* Specials Mega Menu */ .g-special-card__header{ font-size: 1.5rem; min-height: 6.4rem; } /* Interior Pages */ .threeCols{ display:block; margin: 0 -1rem; } .threeCols > a{ margin: 1%; font-size: 1.4rem; display: inline-block; width: auto; line-height: 2.5; } .threeCols > div{ margin: 1%; font-size: 1.4rem; display: inline-block; width: auto; line-height: 2; } .twoBtns{ display: block; } .twoBtns > a{ margin: 1%; display: inline-block; width: auto; line-height: 2; } @media only screen and (max-width: 767px) { main img{ display: block !important; width: 100% !important; } .threeCols{ display: block !important; } .twoBtns{ display: block; } .twoBtns > a{ display: block; } } /* Footer Hours */ @media only screen and (min-width: 991px) { .footer__main .row > div.col{ flex-basis: 22%; } .footer__main .row > div.col:nth-child(2){ flex-basis: 26%; } .footer__main .row > div.col.footer__hours{ flex-basis: 30%; } } /* Specials */ main .special__content--available, main .special__content--time{ font-size: 2rem !important; font-weight: 400; } /* Footer - We accept */ .payment-accept-outer-block { background-color:#4c4c4c; display:block; width:100%; } .payment-accept-outer-block .payment-accept { text-align:center; padding:0 0 2em; padding-top:3em; padding-bottom:0; } .payment-accept-outer-block .payment-accept-outline { border:solid 1px #ccc; padding:1em; text-align:center; border-radius:0.5em; display:inline-block; position:relative; } .payment-accept-outer-block .payment-accept-title { margin-top:-1.8em; font-weight:700; color:#fff; position:relative; z-index:1; font-size:1.0em; } .payment-accept-outer-block .payment-accept-outline::before { content:''; display:block; position:absolute; top:-1px; left:calc(50% - 4.0em); width:8em; border-top:solid 1px #4c4c4c; } .payment-accept-outer-block .payment-accept-icons { text-align:center; margin-top:0.7em; } .payment-accept-outer-block .payment-accept-icons img.icon { width:auto; height:2em; margin:0.25em 0.5em; } @media only screen and (max-width: 767px) { main .newsItemContent{ display: block !important; } } /* Nov22 */ .primary-wrapper table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .primary-wrapper table caption { font-size: 2.5em; background: #c00026; color: #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; font-size: 2.5rem; margin-bottom: 5px; padding:10px; } .primary-wrapper table tr { background-color: #d0d8e0; border: 2px solid #fff; padding: .35em; } .primary-wrapper table th, .primary-wrapper table td { padding: .625em; text-align: center; } .primary-wrapper table th { font-size: .85em; } .primary-wrapper table td.price{ font-weight: bold; color: #c00026; } .primary-wrapper table td.modelType{ background: #c00026; font-weight: bold; color: #fff; } @media screen and (max-width: 991px) { .primary-wrapper table { border: 0; } .primary-wrapper table caption { font-size: 2.5rem; } .primary-wrapper table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .primary-wrapper table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .primary-wrapper table td { border-bottom: 1px solid #ddd; display: block; font-size: 1.5rem; text-align: right; } .primary-wrapper table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; color:#333; } .primary-wrapper table td.modelType::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; color:#fff; } .primary-wrapper table td:last-child { border-bottom: 0; } } .showroom-trims-wrapper .option-select__popout-content{ border-radius: 0 !important; } /* Revisions November 2019 */ .home-page .inventory_search_widget-1.inventory-search-1 .wrapper{ max-width: 110rem; } .home-page .showroom_carousel_widget-3.showroom-carousel-1 .wrapper{ max-width: 110rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .wrapper{ max-width: 110rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 a.g-vehicle-card__image{ height: 26rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ width: 100%; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__specs .single-spec span{ font-size: 1.1rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .g-vehicle-card__specs .single-spec{ font-size: 1.3rem; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-controls{ width: 115%; left: 50%; transform: translateX(-50%); z-index: 99; } @media screen and (max-width: 1300px) { .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-ovh{ width: 70%; } .home-page .inventory_carousel_widget-1.inventory-carousel-1 .tns-controls{ width: 100%; left: 50%; transform: translateX(-50%); } .home-page .inventory_carousel_widget-1.inventory-carousel-1{ padding: 0; } } @media screen and (max-width: 991px) { .row { margin-left: 0; margin-right: 0; } } ul, ol { list-style-position: outside; } /* Custom Special Page - Soo-Ah */ main #specials-app .transition-container #specials-department-new .col-lg-3.col-sm-4.col-xs-12{ max-width: none; width: 100%; flex: 0 0 100%; } main #specials-app .transition-container #specials-department-new .col-lg-9.col-sm-8.col-xs-12{ display: none; } main #specials-app .transition-container #specials-department-new .special__content{ position: relative; } main #specials-app .transition-container #specials-department-new .special__content .special__content--description{ margin-top: 0 !important; width: 100%; padding-left: 28%; } main #specials-app .transition-container #specials-department-new .special__content .special__content--available{ display: none; } main #specials-app .transition-container #specials-department-new .special__content .special__content--time{ display: none; } main #specials-app .transition-container #specials-department-new .special__content > a:nth-of-type(1){ position: absolute; left: 0; top: 9rem; } main #specials-app .transition-container #specials-department-new .special__content > a:nth-of-type(2){ position: absolute; left: 0; top: 17rem; } /* new specials */ main #specials-app .specialVer1 h4{ position: absolute; left: 0; max-width: 26rem; display: block; text-align: right; width: 100%; top: 6rem; color: var(--color-primary); } main #specials-app .specialVer1 h5{ position: absolute; left: 0; top: 3rem; max-width: 26rem; display: block; text-align: right; width: 100%; } /* Tablet */ @media only screen and (max-width: 1100px){ main #specials-app .specialVer1 h5{ position: absolute; left: 0; top: 3rem; max-width: 23rem; width: 100%; } main #specials-app .specialVer1 h4{ position: absolute; left: 0; top: 7rem; max-width: 23rem; width: 100%; } main #specials-app .transition-container #specials-department-new .special__content > a{ max-width: 23rem !important; } main #specials-app .transition-container #specials-department-new .special__content .special__content--description{ padding-left: 25rem; } } /* Mobile */ @media only screen and (max-width: 767px){ main #specials-app .specialVer1 h5, main #specials-app .specialVer1 h4{ text-align: left; } main #specials-app .transition-container #specials-department-new .special__content > a:nth-of-type(1){ position: static !important; margin-top: 10rem !important; max-width: 26rem !important; margin-bottom: 2rem !important; } main #specials-app .transition-container #specials-department-new .special__content > a:nth-of-type(2){ position: static !important; margin-top: 0rem !important; max-width: 26rem !important; margin-bottom: 1rem !important; } main #specials-app .transition-container #specials-department-new .special__content .special__content--description{ padding-left: 0; margin-top: 2rem !important; } } .page-id-1811 main tr{ display: block; margin: 1.5rem 0; } .page-id-1811 main td{ min-width: 10%; display: inline-block; } .page-id-5863 .page-title{ height: 350px; line-height: 230px; } .page-id-5863 .page-title::after{ background:none; } .page-id-5863 .primary > :not(:last-child){ margin-bottom:0; } .page-id-5863 .aui-headline-3{ padding:60px 0 20px; } .primary > p:nth-child(8){ margin-bottom: 90px!important } .half-full{ width: 50%; } .thirdfull{ width: 33%; } .show_mobile{ display: none; } .hide_mobile{ display:block; } .t100{ margin-top:100px } .p30{ padding:30px; } .page-id-5863 .row{ margin:0; } @media only screen and (max-width: 1000px){ .half-full{ width: 100%; } .thirdfull{ width: 100%; } .t100{ margin-top:0px } .p30{ padding:0; } .show_mobile{ display: block; } .hide_mobile{ display:none; } .top-40px{ margin-top: 40px; } } div.custom h1 { color:#000; line-height:1.0em; margin-top: 0.5em; } div.custom h3 { margin: 0px 0px 1em; font-size: 31px; font-weight: 400; line-height: 36px; font-family: Audi Extended, Verdana, Geneva, sans-serif; font-style: normal; text-align: center; text-indent: 0px; text-transform: none; } div.custom .dark { background-color:#000; color:#fff; } div.custom .light { background-color:#fff; color:#000; } div.custom .light .padding { padding:0 2em 1em; } div.custom .dark .padding { padding:0 4em 1em; } div.custom ul { list-style:outside; padding-left:1.4em; } div.custom ul li { margin-bottom:0.5em; line-height: 1.5em; } div.custom .column-spacer { flex:0 0 2em; padding-top:1em; } div.custom .light h4, div.custom .dark h4 { margin-bottom: 0.5em; line-height: 1.2em; } div.custom .bg-image-block { background-size:cover; background-position:center; position:relative; padding-top:56.25%; margin-bottom:2em; } div.custom .bg-image-block iframe { position:absolute; border:none; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s; } div.custom .bg-image-block .video-overlay-block { position:absolute; border:none; top:0; left:0; width:100%; height:100%; background-image:url(/wp-content/uploads/sites/186/2020/02/YouTube_play_buttom_icon.png); background-size:100px auto; background-repeat:no-repeat; background-position:center; cursor:pointer; } div.custom .flex-column { display:flex; flex-direction:column; } div.custom .flex-column.justify-center { justify-content:center; } div.custom .flex-row { display:flex; flex-direction:row; } div.custom .pioneer { display:flex; flex-direction:row; background-repeat:no-repeat; margin:0; } div.custom .pioneer .column-car { flex:1 1 50%; padding-top:46%; } div.custom .pioneer .column-text { flex:1 1 40%; display: flex; flex-direction: column; justify-content: center; padding:0 1.5em 0 0; } div.custom .pioneer .column-text h2 { font-size:1.5em; } div.custom .pioneer .column-text .button-row .discover { margin-right:1em; background-color: rgba(0,0,0,0.25); } @media (min-width:551px) and (max-width:959px) { div.custom .pioneer .column-text .button-row { display: flex; flex-direction: column; } div.custom .pioneer .column-text { padding:1em; } div.custom .pioneer .column-text .button-row .build-button { max-width:220px; } div.custom .pioneer .column-text .button-row .discover { margin:0 0 0.5em; } } @media (max-width:550px) { div.custom .pioneer { flex-direction: column; background-size: 170% auto; background-position: 0 -50px; } div.custom .pioneer .column-text { padding:1em; } div.custom .pioneer .column-text .button-row { display: flex; flex-direction: column; } div.custom .pioneer .column-text .button-row .discover { margin:0 0 0.5em; } } div.custom .light .flex-row, div.custom .dark .flex-row { margin-bottom:0; } div.custom .flex-row.space-around { justify-content:space-around; } div.custom .flex-row .item-block { text-align:center; } div.custom hr { margin: 3em 0 3em; background-color: #000; } div.custom .flex-row.wrap { flex-wrap:wrap; } div.custom #contact-form h2 { margin-bottom:1em; } div.custom .flex-row .item-block.divider { margin:0 1em; width:1px; } div.custom .light .flex-row .item-block.divider { background-color:#000; } div.custom .dark .flex-row .item-block.divider { background-color:#fff; } div.custom .flex-row .item-block .heading { font-size:0.75em; } div.custom .flex-row .item-block .standout { font-size:3em; line-height:1.2em; } div.custom .units { font-size:0.5em; } div.custom .flex-row .column-half { flex:1 1 50%; max-width:50%; } div.custom .flex-row .column-half img { display:block; width:100%; height:100%; object-fit: cover; } div.custom .flex-row .column-half .tile-block { margin:2em; } div.custom .disclaimer { margin:4em 0; } div.custom .disclaimer sup { margin-right:0.5em; font-size:1.0em; } div.custom p { margin:1em 0; } div.custom .disclaimer .fineprint { font-size:0.75em; margin-top:0.5em; } div.custom a.build-button { color: #000; font-weight: bold; padding: 10px 20px; border: 1px solid #000; display:inline-block; } div.custom .dark a.build-button { color: #fff; border: 1px solid #fff; } div.custom .bg-image { min-height:100%; padding-top:70%; background-size: cover; background-position: center; } @media (max-width:800px) { div.custom { margin: 0 -1.6rem; } div.custom .light .padding, div.custom .dark .padding { padding: 0 2em 1em; } div.custom .bg-image { min-height: 100%; } } @media (max-width:600px) { div.custom .light .padding, div.custom .dark .padding { padding: 0 1em 1em; } div.custom .bg-image { min-height:0; padding-top:70%; } div.custom .flex-row { flex-wrap: wrap; } div.custom .flex-row.reverse { flex-wrap: wrap-reverse; } div.custom .disclaimer .flex-row { flex-wrap: nowrap; } div.custom .flex-row .item-block.divider { margin: 1em 0; width: 100%; background-color: #fff; height: 1px; } div.custom .flex-row .column-half { flex: 1 1 100%; max-width: none; } div.custom .light .flex-row .column-half div.custom .dark .flex-row .column-half { margin-bottom:2em; } div.custom .flex-row .column-half .tile-block { margin: 1em; } } .postid-6978 p{ padding: 15px 0; } /* Yogesh SR00283611 */ #fixed_footer a{ color: white; width: 50%; display: inline-block; text-align: center; border: 1px solid white; padding: 5px 0; } #fixed_footer{ background: #1c69d4; width: 100%; font-weight: bold; position: fixed; border: 1px solid white; bottom: 0; z-index: 1; } @media (min-width: 767px){ #fixed_footer{ display: none; } } /* Yogesh SR00283611 */ .mega-menu__showroom{ display:none; } /*** * PLEASE DO NOT UPLOAD * THIS TO SERVER UNTIL IT'S APPROVED * ***/ /* Specials */ .single-specials-post .specials-wrapper.primary-wrapper{ padding-left: 0rem; padding-right: 0rem; max-width: 1100px; margin: 0 auto; } .page-template-template-tadv-specials .page-title::after{ display: none; } .page-template-template-tadv-specials .page-title{ color: #000; padding-top: 4rem; padding-bottom: 0; } .page-template-template-tadv-specials .page-title h1{ font-size: 3.5rem; } .page-template-template-tadv-specials .primary-wrapper{ padding-top: 2rem; } .specials .tab button{ font-size: 1.8rem; color: #333; padding: 0; margin-right: 3rem; margin-bottom: 2rem; } .specials .tab button.active{ background: none; color: var(--color-primary); border-bottom: 2px solid var(--color-primary); font-weight: bold; } .specials .tabcontent .specials__single--title h2{ font-weight: 400; font-size: 1.9rem; color: #000; } .specials .tabcontent a.button{ max-width: none; padding: .8rem 4rem; min-height: 0; width: auto; font-size: 1.3rem; border-radius: 0; } .specials .tabcontent a.button:after{ display: none; } .specials .tabcontent a.button:hover{ background: #333; } .single-specials-post .specials-wrapper .row>.primary.col{ flex: 0 0 58%; justify-content: flex-end; padding-right: .6rem; } .single-specials-post .specials-wrapper .row>.col-lg-6{ flex: 0 0 42%; display: flex; flex-direction: column; justify-content: space-between; width: auto; min-width: 0; } .single-specials-post .specials-wrapper .countdown-timer{ min-height: 110px; display: flex; justify-content: space-between; align-items: center; padding-left: 2rem; padding-right: 2rem; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper h2.widget-heading{ margin-right: 0rem; FONT-SIZE: 1.6REM; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper .countdown__card .countdown__text{ margin-bottom: 1rem; font-size: 1.3rem; } .single-specials-post .specials-wrapper .post-content{ width: 100%; height: 100%; padding-left: 2rem; padding-right: 2rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails>div{ margin-bottom: 2rem; flex: 0 0 auto; margin-right: 10%; max-width: 33%; } .single-specials-post .specials-wrapper .post-content .specialContentBox .nocharge{ font-size: 1.3rem; margin-bottom: 2rem; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion h5 { line-height:1.2em; margin-bottom:1.0em; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { display: flex; flex-wrap: wrap; justify-content: space-around; font-size:17px; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .item { margin-bottom:1.5em; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .item .small { font-size: 0.5em; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .item .small.bold { font-weight: bold; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .item .large { font-size: 2em; font-weight: bold; line-height: 1.4em; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .item .large .super-script { font-size:0.75em; position:relative; top:-0.25em; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .spacer { flex:0 0 2px; margin: 0 1.0em 1.4em; background-color:#000; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .spacer-vc-text { margin: 0 1.0em 1.0em; display: flex; flex-direction: column; align-items: center; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .spacer-vc-text .vline { flex:1 1 1px; width:2px; background-color:#000; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .spacer-vc-text .word { font-size:0.75em; font-weight:bold; margin:0.25em 0; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box .special-text { margin-bottom: 1.5em; font-size: 1.2em; line-height: 1.2em; text-align: center; font-weight: bold; align-self: center; } @media (max-width:1080px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size: 15px; } } @media (max-width:1050px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size: 13px; } } @media (max-width:1000px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size: 13px; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion.season-of-audi-2020 .flex-box div:nth-child(3) { order:2; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion.season-of-audi-2020 .flex-box div:nth-child(4) { order:3; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion.season-of-audi-2020 .flex-box div:nth-child(5) { order:4; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion.season-of-audi-2020 .flex-box div:nth-child(6) { order:1; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion.season-of-audi-2020 .flex-box div:nth-child(7) { display:none; } .single-specials-post .specials-wrapper .post-content .seasonal-promotion.season-of-audi-2020 .flex-box div:nth-child(8) { order:5; } } @media (max-width:890px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size:12px; } } @media (max-width:840px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size:11px; } } @media (max-width:790px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size:10px; } } @media (min-width:767px) { .single-specials-post .specials-wrapper .post-content .terms-cond .tnc-details { font-size: 0.9rem; } .single-specials-post .specials-wrapper .post-content .terms-cond .tnc-details.open-tc { display: block; position: absolute; top: 2rem; background-color: #efefef; padding:1rem 2rem 2rem; left: -2rem; width: calc(100% + 4rem); z-index: 2; } } @media (max-width:730px) { .single-specials-post .specials-wrapper .post-content .seasonal-promotion .flex-box { font-size:3vw; } } .newsletterHome .primary-wrapper{ padding-left: 0rem; padding-right: 0rem; max-width: 1100px; margin: 0 auto; } .newsletterHome div.input-group{ flex: 0 0 30%; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form{ width: 50%; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form .input-group.input-group--md.widthFull{ flex: 0 0 100%; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form .input-group.input-group--md.widthFull span{ font-size: 1.4rem; } .single-specials-post .specials-wrapper .blog-post__title{ font-size: 3.5rem; } body.postid-7813 h1.blog-post__title, .single-specials-post .specials-wrapper .post-content .specialContentBox h1{ display: none; } .single-specials-post .specials-wrapper .blog-post img{ height: auto; } .single-specials-post .specials-wrapper .post-content .spec-buttons>a{ justify-content: center; text-transform: capitalize; border-radius: 0; box-shadow: none; background: none; flex: 0 0 47%; margin-right: 4%; font-size: 1.2rem; } .single-specials-post .google-maps-wrapper{ display: none; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails h4{ font-size: 1.6rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails p{ font-size: 1rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form input[type="submit"]{ text-transform: capitalize; } .single-specials-post .newsletterHome .primary-wrapper h2.widget-heading, .single-specials-post .newsletterHome .primary-wrapper .submitBtn input{ text-transform: capitalize; } .single-specials-post .newsletterHome { background: url(https://www.audivictoria.com/wp-content/uploads/sites/186/2019/10/GettyImages-612733242.png); background-size: cover; background-position: 50%; color: #fff; } .single-specials-post .specials-wrapper .post-content .specialContentBox h5.flex { margin-bottom: 2rem; display: flex; flex-wrap: wrap; align-items: center; } .single-specials-post .specials-wrapper .post-content .specialContentBox .group { display: flex; flex-direction: column; font-size: 0.8em; line-height: 1.2em; } .single-specials-post .specials-wrapper .post-content .specialContentBox .days { font-size: 4rem; margin-left: 0.25em; } @media only screen and (max-width: 1500px){ .single-specials-post .specials-wrapper .post-content .specialContentBox h1{ font-size: 2rem; margin-bottom: 1rem; } .single-specials-post .specials-wrapper .countdown-timer{ min-height: 0; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper .countdown__card .countdown__text{ margin-bottom: 0; } .single-specials-post .specials-wrapper .post-content .spec-buttons>a{ font-size: 1.3rem; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper h2.widget-heading{ font-size: 2rem; margin-right: 2rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails>div{ margin-bottom: 1rem; } .single-specials-post .specials-wrapper .post-content .spec-buttons{ margin-bottom: 1.5rem; } } @media only screen and (max-width: 1300px){ .single-specials-post .specials-wrapper .post-content .spec-buttons>a{ font-size: 1.2rem; margin-right: 2%; flex: 0 0 48%; } .single-specials-post .specials-wrapper.primary-wrapper{ padding-left: 2rem; padding-right: 2rem; } } @media only screen and (max-width: 1100px){ .single-specials-post .specials-wrapper .row>.primary.col{ flex: 0 0 100%; margin-bottom: 3rem; } .single-specials-post .specials-wrapper .row>.col-lg-6{ flex: 0 0 100%; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper h2.widget-heading{ font-size: 3rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox h1{ font-size: 3rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child){ padding: 0 2rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form{ width: 100%; } } @media only screen and (max-width: 991px){ .single-specials-post .specials-wrapper .blog-post img{ height: auto; } .single-specials-post .specials-wrapper .row>.primary.col{ padding-right: 1.6rem; } .newsletterHome div.input-group{ flex: 0 0 100%; } } @media only screen and (max-width: 767px){ .single-specials-post .specials-wrapper.primary-wrapper{ padding-left: 2rem; padding-right: 2rem; } .newsletterHome .primary-wrapper{ padding-left: 2rem; padding-right: 2rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails>div { max-width: none; flex: 0 0 50%; margin: 0 auto 4rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails p{ font-weight: 400; font-size: 2.5rem; color: #000; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails h4{ font-weight: bold; font-size: 3.5rem; } .single-specials-post .specials-wrapper .post-content .specialContentBox .nocharge{ font-size: 2rem; } .single-specials-post .specials-wrapper .post-content .spec-buttons>a{ font-size: 2rem; width: 80%; display: block; margin: 0 auto 2rem; padding: 1.5rem; max-width: none; text-align: center; } .single-specials-post .specials-wrapper .post-content .spec-buttons{ display: block; width: 100%; } .single-specials-post .specials-wrapper .post-content .terms-cond .tnc-toggle{ font-size: 2rem; } .single-specials-post .specials-wrapper .countdown-timer{ margin: 0 ; display: block; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper h2.widget-heading{ margin: 0 0 2rem; } .single-specials-post .specials-wrapper .countdown-timer{ padding-bottom: 4rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form{ margin: 0; padding: 0 0 1rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child){ background: #efefef; padding-top: 4rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) h3{ font-size: 3rem; } .single-specials-post .specials-wrapper .row>.col-lg-12:not(:first-child) form input[type="submit"]{ display: block; margin: .8rem auto; } } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper .countdown__card .countdown__digit{ font-weight: 400; font-size: 2.9rem; padding-left: 2rem; padding-right: 2rem; } .single-specials-post .specials-wrapper .countdown-timer .countdown-clock-1 .countdown-clock-widget .wrapper .countdown__card .countdown__text{ font-weight: 400; } .single-specials-post .specials-wrapper .post-content .specialContentBox .specialDetails p{ font-weight: 400; color: #000; } /* Special Listing Page */ .specials .tabcontent .specials__single--shadow{ -webkit-box-shadow: 6px 6px 14px -3px #e2e2e2; -moz-box-shadow: 6px 6px 14px -3px #e2e2e2; box-shadow: 6px 6px 14px -3px #e2e2e2; } .page-template-template-tadv-specials a img.alignnone{ margin: 0 auto 5rem; display: block; } .single-specials-post .specials-wrapper .post-content .terms-cond > p{ margin-bottom: 1rem; } .single-specials-post .newsletterHome .primary-wrapper { padding-top: 0rem; padding-bottom: 0rem; } .single-specials-post .specials-wrapper .row > .col-lg-12:not(:first-child) h3{text-transform: capitalize;} .page-id-7573 main > section > h1{ display: none; } .page-id-7573 .page-title{ padding: 20rem calc(50% - 55rem); } .page-id-7573 .page-title::after{ background: rgba(34,34,34,0.0); } /* Digital Sales Experience Page */ body.page-id-7573 section.page-title, body.page-id-7658 section.page-title { padding:22% 0 0 !important; } body.page-id-7573 section.page-title::after, body.page-id-7658 section.page-title::after { display:none; } body.page-id-7573 section.page-title h1, body.page-id-7658 section.page-title h1 { display:none; } body.page-id-7573 .primary-wrapper, body.page-id-7658 .primary-wrapper { padding-top:0 !important; padding-left:10px !important; padding-right:10px !important; max-width:1500px !important; margin:0 auto !important; } body.page-id-11352 .primary-wrapper, body.page-id-1818 .primary-wrapper, body.page-id-1798 .primary-wrapper { padding-top:3rem; } body.page-id-1798 section.page-title { padding-top:0; padding-bottom:0; } body.page-id-11352 section.page-title, body.page-id-1829 section.page-title, body.page-id-3211 section.page-title, body.page-id-1774 section.page-title, body.page-id-1831 section.page-title, body.page-id-1837 section.page-title, body.page-id-1830 section.page-title, body.page-id-1839 section.page-title, body.page-id-1802 section.page-title, body.page-id-1818 section.page-title { padding: 1em calc(50% - 56.6rem) 0; } body.page-id-11352 section.page-title::after, body.page-id-1829 section.page-title::after, body.page-id-3211 section.page-title::after, body.page-id-1774 section.page-title::after, body.page-id-1831 section.page-title::after, body.page-id-1837 section.page-title::after, body.page-id-1830 section.page-title::after, body.page-id-1839 section.page-title::after, body.page-id-1802 section.page-title::after, body.page-id-1818 section.page-title::after, body.page-id-1798 section.page-title::after { display:none; } body.page-id-11352 section.page-title h1, body.page-id-1829 section.page-title h1, body.page-id-3211 section.page-title h1, body.page-id-1774 section.page-title h1, body.page-id-1831 section.page-title h1, body.page-id-1837 section.page-title h1, body.page-id-1830 section.page-title h1, body.page-id-1839 section.page-title h1, body.page-id-1802 section.page-title h1, body.page-id-1818 section.page-title h1, body.page-id-1798 section.page-title h1 { color:#000; } body.page-id-11352 .wpcf7-form, body.page-id-1818 .wpcf7-form, body.page-id-1798 .wpcf7-form { margin:0; max-width: 740px; } body.page-id-11352 .wpcf7-form .input-group, body.page-id-1818 .wpcf7-form .input-group, body.page-id-1798 .wpcf7-form .input-group { margin-left:0; max-width: calc(100% - 0.6rem); margin-top: 0.5em; } body.page-id-11352 .wpcf7-form .input-group:nth-of-type(2) { display:none; } body.page-id-11352 .sidebar, body.page-id-1818 .sidebar, body.page-id-1798 .sidebar { margin-top:-9rem; } body.page-id-1806 main section.page-title, body.page-id-1768 main section.page-title, body.page-id-1791 main section.page-title, body.page-id-1772 main section.page-title, body.page-id-1816 main section.page-title, body.page-id-1801 main section.page-title, body.page-id-1792 main section.page-title, body.page-id-1779 main section.page-title, body.page-id-1795 main section.page-title, body.page-id-1828 main section.page-title, body.page-id-1784 main section.page-title, body.page-id-1758 main section.page-title, body.page-id-1767 main section.page-title { display:none; } body.page-id-1806 main .primary-wrapper, body.page-id-1768 main .primary-wrapper, body.page-id-1791 main .primary-wrapper, body.page-id-1772 main .primary-wrapper, body.page-id-1816 main .primary-wrapper, body.page-id-1801 main .primary-wrapper, body.page-id-1792 main .primary-wrapper, body.page-id-1779 main .primary-wrapper, body.page-id-1795 main .primary-wrapper, body.page-id-1828 main .primary-wrapper, body.page-id-1784 main .primary-wrapper, body.page-id-1758 main .primary-wrapper, body.page-id-1767 main .primary-wrapper { padding-top:0; } .required-page a.blue-border { background-color:var(--color-primary); padding: 10px; width:180px; max-width:90%; text-align:center; color:#ffffff; font-size:15px; } .required-page .row.flex { flex-wrap:nowrap; } .required-page .row.flex .col { padding:0; } .required-page .row.flex.half .col.right a.blue-border{ width:auto; } .required-page a.blue-border.long { width:auto; } .required-page h2.heading { margin:1em 0 1.5em; text-align:center; line-height:1.2em; } .required-page h2.sub-heading { font-size:2.4rem; line-height:1.2em; margin:1.0em 0; } .required-page .row.triplet h2 { font-size:2.4rem; } .style-page-fullwidth.required-page a { color: #007bcd; display: inline-block; margin-top: 10px; line-height:2em; } .row.flex.half .col { flex:1 1 50%; } .row.flex.half .col.left { flex:1 1 60%; } .row.flex.video .col.video { flex:1 1 40%; } .row.flex.video .col.text { flex:1 1 60%; align-self:center; } .row.flex.n-columns .spacer, .row.flex.video .spacer, .row.flex.half .spacer { flex:0 0 3em; } .content-outer-block { margin-top:0; padding:0; } main .style-page-fullwidth { display:none; } .style-page-fullwidth { background-position:center bottom;background-repeat:no-repeat;background-size:100% auto; } .style-page-fullwidth .fullcontentrow { padding:0 10px; font-family:Audi, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } video.block.fullwidth, img.block.fullwidth { display:block; width:100%; max-width:1920px; margin:0 auto 0; } .row.flex img.block.fullwidth { height:100%; object-fit: cover; } .container-wide.super { max-width:1920px; width: auto; } .content-block { margin:2.5em 0; } .required-page .row { margin:0; } .style-page-fullwidth .inner-content.style-content-1500 { max-width:1500px; margin:0 auto; } .required-page .tire-list { display:flex; justify-content: space-evenly; flex-wrap:wrap; } .required-page .tire-list img{ margin:1em 1em 0; } .required-page b { font-size: 15px; } .required-page p { color:#000000; line-height: 1.4em; font-size: 15px; margin:1em 0; } p:empty { display: none; } .required-page ul { font-size: 15px; } .row.n-columns, .row.quad, .row.triplet { display:flex; justify-content: space-between; flex-wrap: wrap; } .row.triplet .col-sm-4 { max-width:30%; flex:1 1 30%; padding:0; } .row.quad .col-sm-4 { max-width:22%; flex:1 1 25%; padding:0; } .row.n-columns .col-sm-4 { flex:1 1 25%; padding:0; } .heavy-weight { font-weight:bold; } .light-text.content-block > .container-wide > .row > .col-md-6 { position:relative; } .light-text.content-block > .container-wide > .row > .col-md-6 > .overlay.top { top:0; } .light-text.content-block > .container-wide > .row > .col-md-6 > .overlay.bottom { bottom:0; } .light-text.content-block > .container-wide > .row > .col-md-6 > .overlay { position: absolute; left: 15px; width: calc(100% - 30px); text-shadow: 0 0 10px #000; padding: 1em; background-color:rgba(60,60,60,0); z-index: 1; transition:background-color 0.5s; } .light-text.content-block > .container-wide > .row > .col-md-6 > .overlay[data-open="true"] { background-color:rgba(60,60,60,0.9); } .row.flex { display:flex; } .required-page p.adam-davies a.button { width:40%; white-space: nowrap; min-width: 130px; } .required-page p.adam-davies .spacer { width:5%; display:inline-block; } .required-page .row.flex.n-columns.wrap { flex-wrap:wrap; } .required-page .row.flex.n-columns.wrap .col-sm-4 { max-width:none; } .required-page .row.flex.n-columns.wrap .spacer.s3 { display:none; } .required-page .row.flex.middle { align-items:center; } .required-page a.primary { color:var(--color-primary); line-height:1.2em; } .youtube-container { position:relative; } .youtube-container iframe.youtube-iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; } .no-max-width { max-width:none!important; } @media (max-width:900px) { .required-page .row.flex.n-columns.wrap .col-sm-4 { flex:1 1 35%; } .required-page .row.flex.n-columns.wrap .spacer.s1, .required-page .row.flex.n-columns.wrap .spacer.s3, .required-page .row.flex.n-columns.wrap .spacer.s5 { display:block; } .required-page .row.flex.n-columns.wrap .spacer.s2, .required-page .row.flex.n-columns.wrap .spacer.s4 { display:none; } } @media (max-width:600px) { .required-page .row.flex.n-columns.wrap .col-sm-4 { flex:1 1 100%; } .required-page .row.flex.n-columns.wrap .spacer { display:none!important; } } .required-page .row.flex.n-columns.dual { justify-content:flex-start; } .required-page .row.flex.n-columns.dual .button-container { margin-bottom:0; } .required-page .row.flex.n-columns.dual .button-container a.button { max-width:none; } .required-page .row.flex.n-columns .col-sm-4 { display:flex; flex-direction:column; margin-bottom: 3em; } .required-page p.flex-align-bottom { margin-top:auto; } .required-page .row.flex.n-columns #sidebar_contact_form_widget-8 { display:none; } .required-page .row.flex.n-columns #sidebar_contact_info_widget-5 .dealership_settings .mb-sm { display:none; } .required-page .row.flex.n-columns #sidebar_contact_info_widget-5 .dealership_settings .mb-sm.contact-block { display:flex; } .required-page .row.flex .row.flex { display:flex; flex-direction:row; line-height:1.1em; } .required-page .row.flex.n-columns #sidebar_contact_info_widget-5 .dealership_settings .contact-block__list { flex-direction:column; display:flex; white-space:nowrap; } .required-page .row.flex.n-columns #sidebar_contact_info_widget-5 .dealership_settings .contact-block__list a { color:#000; margin-top:0; line-height:1.6em; } .required-page .row.flex.n-columns #sidebar_hours_of_operation_widget-5 .wrapper { max-width:300px; } .required-page .row.flex.n-columns .wrapper .sidebar-title, .required-page .row.flex.n-columns .wrapper caption.seo-hidden { display:none; } .row.flex.n-columns h2 { font-size:1.7em; line-height:1.2em; white-space:nowrap; } .row.flex.n-columns p { line-height:1.25em; } .row.flex.n-columns .row.flex .spacer { flex: 0 0 1em; } .required-page .row.flex.n-columns .bold { font-weight:bold; } .required-page .row.flex.n-columns #sidebar_hours_of_operation_widget-5 ul.hours-tabs { max-width:none; } .required-page .row.flex.n-columns #sidebar_hours_of_operation_widget-5 ul.hours-tabs { justify-content:flex-start; } .required-page .row.flex.n-columns #sidebar_hours_of_operation_widget-5 ul.hours-tabs li.nav-tabs__tab a { margin:0; padding:0; line-height:1.6em; color:#000; } .required-page .row.flex.n-columns .hours--simple .hours__day, .required-page .row.flex.n-columns .hours--simple .hours__time { white-space:nowrap; } .required-page .row.flex.n-columns #sidebar_hours_of_operation_widget-5 ul.hours-tabs li.nav-tabs__tab.active a { color:var(--color-primary); } .required-page .row.flex.n-columns #sidebar_hours_of_operation_widget-5 ul.hours-tabs .nav-tabs__tab:not(:last-child):after { margin:0 1em; display:inline-block; position:static; height:100%; top:auto; } .required-page .row.flex.n-columns #sidebar_static_map_widget-3 .convertus-gmaps-wrapper .convertus-gmaps__popup-bubble-content .button { color:#fff; } .required-page .row.flex.n-columns .col-sm-4 .payment-accept-icons { text-align:center; } .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons div.payment-icon { background-size:100% auto; background-repeat:no-repeat; padding-top:12.5%; display:inline-block; margin-bottom:10px; } .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons div.payment-icon.a { width:35.5%; } .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons div.payment-icon.b { width:20%; } .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons div.payment-icon.c { width:40.33333333333333%; } .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons div.payment-icon.d { width:18.16666666666667%; } /* 62.5 */ /* 68.80733944954128 */ .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons img.payment-icon { height:1.7em; margin:0.5em 0.5em 1em; } /* 35.2112676056338 */ /* 30.99173553719008 */ .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons img.payment-icon.wide { height:1.7em; margin:0.5em 0.5em 1em; } .row.triplet .col-sm-4, .row.quad .col-sm-4 { margin-bottom: 3em; } .more-link-block { text-align:left; } .more-link-block a.more-link { color:#fff; } .more { height:0; overflow:hidden; transition:height 0.5s; } .covid-banner .covid-container a.button-view { white-space:nowrap; } img.icon { height:161.5px; width:auto; } .row.quadruplet { display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:6em; } .row.quadruplet .col-sm-3 { max-width: 41%; flex: 1 1 48%; padding: 0; text-align: center; } .row.quadruplet h2 { max-width:280px; margin:0.5em auto 0; font-size: 18px; text-align: center; line-height: 1.2em; } .row.quadruplet::before, .row.quadruplet::after { display:none; } .icon-block { text-align:center; max-width:290px; padding:0; display:flex; flex-direction:column; margin-bottom:2em; } .icon-block p { margin-top:auto; } .required-page .row.flex.n-columns.details-cc-directions .dealership-details { padding-right:1em; } .required-page .row.flex.n-columns.wrap { flex-wrap:wrap; } .required-page .row.flex.n-columns.wrap p.col-sm-4 { margin:0 0 2em; } .required-page .row.flex.n-columns.details-cc-directions .col-sm-4.payment-accept-icons .payment-icon-container { display: flex; flex-wrap: wrap; justify-content: space-between; max-width:95%; } .required-page .row.flex.n-columns.details-cc-directions .col-sm-4.directions, .required-page .row.flex.n-columns.details-cc-directions .col-sm-4.payment-accept-icons { max-width:410px; } @media (max-width:400px) { .required-page .row.flex.n-columns.details-cc-directions .dealership-details .flex.row { flex-wrap:wrap; font-size:1.2em; } .required-page .row.flex.n-columns.details-cc-directions .hours--simple .hours__day, .required-page .row.flex.n-columns.details-cc-directions .hours--simple .hours__time { font-size: 1.0em; } .required-page .row.flex.n-columns .col-sm-4.payment-accept-icons img.payment-icon { height: 2.2em; } } @media (max-width:900px) { .required-page .row.flex.n-columns.details-cc-directions { flex-wrap:wrap; } .required-page .row.flex.n-columns.details-cc-directions .spacer { display:none; } .required-page .row.flex.n-columns.details-cc-directions .dealership-details, .required-page .row.flex.n-columns.details-cc-directions .col-sm-4.payment-accept-icons { flex:1 1 50%; max-width:none; margin-bottom:3em; } .required-page .row.flex.n-columns.details-cc-directions .col-sm-4.payment-accept-icons { max-width:410px; } .required-page .row.flex.n-columns.details-cc-directions .col-sm-4.directions { flex:1 1 100%; max-width:none; margin-bottom:3em; } } @media (min-width:1920px) { .required-page .hero { background-position:center top; padding-top:0; height:717px; width: 1920px; margin: 0 auto; } } @media (max-width:1920px) { .row.quadruplet { margin-top:5%; } } @media (max-width:1024px) { .row.flex.half { flex-direction:column; } .row.flex.video .col.text, .row.flex.video .col.video { flex:1 1 50%; } .required-page .container-wide.super .row.flex { display:flex; } .light-text.content-block > .container-wide > .row > .col-md-6 { margin-top:2.5em; } .light-text.content-block > .container-wide > .row > .col-md-6:nth-child(1) { margin-top:0; } #di-page-composer .content-block h2 { font-size:22px; } img.icon { height:120px; width:auto !important; display:inline-block !important; } .icon-block { text-align:center; max-width:250px; padding:0; } } @media (max-width:750px) { .required-page .hero { padding-top: 30%; } .row.flex.video { flex-direction:column; } .row.flex.video .col.text, .row.flex.video .col.video { flex:1 1 auto; } .container-wide { width:100%; } .light-text.content-block > .container-wide > .row > .col-md-6 > img.mobile-cover { height: 450px; object-fit: cover; } .row.quad .col-sm-4, .row.triplet .col-sm-4 { max-width:48%; flex:1 1 40%; padding:0; } .row.quadruplet .col-sm-3 { max-width:48%; flex:1 1 48%; text-align:center; margin-bottom:2em; } .required-page .row.flex.n-columns { flex-wrap:wrap; } .required-page .row.flex.n-columns .col-sm-4 { flex:1 1 100%; max-width:100%; } .required-page .row.flex.n-columns .spacer { display:none; } .row.n-columns .col-sm-4 { flex:1 1 100%; padding:0; } } @media (max-width:540px) { .required-page .container-wide.super .row.flex { display:flex; flex-direction:column; } .required-page .row.quadruplet { display:flex; flex-direction:column; width:250px; margin:0 auto; } .required-page .container-wide.super a.black-cta { border-left: 1px solid #ddd; padding:10px; } .required-page a.blue-border { padding: 10px 10px; width:auto; max-width:none; display: block; text-align: center; } .row.quadruplet > .col-sm-3 { max-width:100%; flex:1 1 100%; padding:0; } .row.quad .col-sm-4, .row.triplet .col-sm-4 { max-width:100%; flex:1 1 100%; padding:0; } } @media (max-width:400px) { .required-page .heading { font-size:25px; } } .specialContentBox .flex-row { display:flex; flex:0 1 auto; font-size:0.8em; line-height:1.5em; align-items:center; justify-content:center; } .specialContentBox .flex-row.justify-left { justify-content:flex-start; } .specialContentBox .flex-row.wrap { flex-wrap:wrap; } .specialContentBox .flex-row.wrap .full { flex:1 1 100%; } .specialContentBox .flex-row .big { font-size:3.2rem; line-height:0.7em; font-weight:700; } .specialContentBox .flex-row .big.flex { display:flex; } .specialContentBox .flex-row .med { font-size:2.2rem; font-weight:700; } .specialContentBox .flex-row .top { line-height:1.0em; align-self:flex-start; } .specialContentBox .flex-row .small { line-height:1.0em; align-self:flex-end; font-size:1rem; } .specialContentBox .flex-row .v-spacer { flex:0 0 1.5px; height:50px; margin:0 2em; background-color:#000; position:relative; } .specialContentBox .flex-row .v-spacer.short { margin:0 1.4em; } .specialContentBox .flex-row .v-spacer.plus::before { content: '+'; position: absolute; line-height: 1em; left: 0; top: 50%; background-color: #efefef; font-size: 13px; padding: 0.2em; display: block; transform: translate(-50%, -50%); } .specialContentBox .flex-row .v-spacer.plus.or::before { content: 'OR'; } .specialContentBox .flex-row .h-spacer { flex:1 1 1px; border-top:solid 1px #000; align-self:flex-start; margin-top:0.25em; } .single-specials-post .specials-wrapper .post-content .terms-cond { position:relative; margin-top:1em; } .single-specials-post .specials-wrapper .post-content .spec-buttons a.button { font-size:1.1rem; text-transform:capitalize; white-space:nowrap; padding:0.4rem 0.8rem; text-align:center; } .single-specials-post .specials-wrapper .post-content .terms-cond .tnc-details.open-tc { padding-top:2rem; } .single-specials-post .specials-wrapper .blank-space { padding-top:1em; } @media (max-width:600px) { .single-specials-post .specials-wrapper .post-content { padding:0; } .single-specials-post .specials-wrapper .row div.wpcf7[role="form"] form.wpcf7-form fieldset.wpcf7-form__wrapper .input-group { max-width:100%; } .single-specials-post .specials-wrapper .row div.wpcf7[role="form"] form.wpcf7-form, .single-specials-post .specials-wrapper .row div.wpcf7[role="form"] form.wpcf7-form fieldset.wpcf7-form__wrapper .input-group { margin:0; } } body.postid-11793.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11773.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11769.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11756.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11128.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11126.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11103.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11107.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11109.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11081.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11082.single-specials-post .specials-wrapper h1.blog-post__title, body.postid-11083.single-specials-post .specials-wrapper h1.blog-post__title { font-size:0; } body.postid-11793.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Audi Loyalty Program'; font-size:3.5rem; display:inline; } body.postid-11773.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'e-tron and etron Sporback'; font-size:3.5rem; display:inline; } body.postid-11769.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'2021 Audi Q3 quattro®'; font-size:3.5rem; display:inline; } body.postid-11756.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Spring into Audi Certified :plus'; font-size:3.5rem; display:inline; } body.postid-11128.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Equip Your Audi For Your Lifestyle'; font-size:3.5rem; display:inline; } body.postid-11126.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Winter Wheels, Tires and Packages'; font-size:3.5rem; display:inline; } body.postid-11103.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'2020 Audi Q3 st#408540'; font-size:3.5rem; display:inline; } body.postid-11107.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'2020 Audi A4 st#305940'; font-size:3.5rem; display:inline; } body.postid-11109.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'2020 Audi A3 st#344250'; font-size:3.5rem; display:inline; } body.postid-11081.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Write your own story.'; font-size:3.5rem; display:inline; } body.postid-11082.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Set New SUV Standards.'; font-size:3.5rem; display:inline; } body.postid-11083.single-specials-post .specials-wrapper h1.blog-post__title::after { content:'Urban with an edge.'; font-size:3.5rem; display:inline; } @media (max-width: 990px) { .single-specials-post .specials-wrapper .post-content .spec-buttons { flex-wrap:wrap; } .single-specials-post .specials-wrapper .post-content .spec-buttons a.button { flex:1 1 100%; margin-bottom:1em; } } @media (min-width: 768px) { .single-specials-post .specials-wrapper .post-content .terms-cond .tnc-details.open-tc { position: absolute; width: calc(100% + 4rem); left: -2rem; top: 2rem; background-color: #efefef; padding:2rem; z-index:2; } } @media (max-width: 767px) { .mobile-hide { display:none; } .specialContentBox .flex-row { flex-wrap: wrap; } .specialContentBox .flex-row .h-spacer, .specialContentBox .flex-row .v-spacer { flex: 1 1 100%; height: 1px; margin: 1.5em 0; background-color: #000; } .single-specials-post .specials-wrapper .blank-space { display:none; } .single-specials-post .specials-wrapper .post-content .spec-buttons a.button { margin-bottom:1rem; } .specialContentBox .flex-row .v-spacer.plus::before { padding-left: 0.25em; padding-right: 0.25em; left: 50%; background-color: #fff; } } /* Yogesh SR00288672 */ .home-page .g-vehicle-card__details-list{ flex-direction: column; } /* Yogesh SR00288672 */ .home-page .inventory_search_widget-1.inventory-search-1 #inventory_search_widget-1 { background-color:#4c4c4c; } .home-page .inventory_search_widget-1.inventory-search-1 select option { color:#000; } .single-specials-post .specials-wrapper .row .col-lg-12:not(:first-child) form .input-group.input-group--md.widthFull { flex: 1 1 100%; } .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item.first.last { display:flex; margin-bottom:1rem; } .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required .wpcf7-list-item.first.last input[type="checkbox"] { margin:0.3rem 0 0; } .single-specials-post .specials-wrapper .row .primary.col { flex: 0 0 58%; } .single-specials-post .specials-wrapper .row .col-lg-6 { flex: 0 0 42%; } @media (max-width: 730px) { .single-specials-post .specials-wrapper .row .primary.col { flex: 1 1 100%; } .single-specials-post .specials-wrapper .row .col-lg-6 { flex: 1 1 100%; } } body.home-page section.about_widget-3.about-1 .about-widget.widget-background::after { display:none; } .postid-7961 .specialContentBox .flex-row .h-spacer, .postid-7960 .specialContentBox .flex-row .h-spacer, .postid-7926 .specialContentBox .flex-row .h-spacer{ border-top:0; } body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12,body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12, body > main > div.primary-wrapper.specials-wrapper > section > div.col-lg-6.col-md-6.col-sm-12.col-xs-12 > div.col-lg-12.col-sm-12.col-xs-12.col-md-12{display:none!important} .inline-block-element { display:inline-block; } ul.audi-chevron { list-style: none; margin-top:1em; } ul.audi-chevron li { background-position: 0 0.3em; background-repeat: no-repeat; padding-left: 1.0em; background-size: 0.5em auto; line-height:1.2em; margin-bottom:0.7em; } ul.audi-chevron.black li { background-image:url(https://www.audivictoria.com/wp-content/uploads/sites/186/2020/03/audi-chevron-black.png); } .style-page-fullwidth.required-page .row.flex.n-columns.wrap ul.audi-chevron.black li { margin-bottom:0.3em; } .z-zero { position:relative; z-index:0; } .z-one { position:relative; z-index:1; } .show-one-block h3 { margin:1em 0; } .show-one-block .single-item { display:none; } .show-one-block[data-shown-index="first"] .single-item#first, .show-one-block[data-shown-index="second"] .single-item#second, .show-one-block[data-shown-index="third"] .single-item#third { display:block; } .video-tag-block video { width:100%; height:auto; } fieldset.wpcf7-form__wrapper { align-items: flex-end; border: none; display: flex; flex: 1 1 100%; flex-wrap: wrap; } fieldset.wpcf7-form__wrapper .validated__label { position:absolute; bottom:2px; left:8px; font-size:0.5em; } fieldset.wpcf7-form__wrapper textarea { font:inherit; } .primary-wrapper table.hours.hours--simple caption.seo-hidden { display:none; } .primary-wrapper table.hours.hours--simple tbody tr.hours__row { letter-spacing:-0.6px; } .header.header--desktop .navigation { width:auto; } /* SL 01848448 - hide tech specs - Start*/ .vdp-wrapper .techspecs-tab.mb-md{ display:none; } /* SL 01848448 - hide tech specs - End*/

Featured Inventory

Special Offers

Book Your Service

Book A Test Drive

The Audi e-tron GT

The all-electric Audi Q4 e-tron Concept

Large Selection Of Vehicles For All Budgets

Newsletter