/* ---- FILE HEADER: Global/css/foundation.css ---- */ /* Foundation v2.2 http://foundation.zurb.com */ /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Reset & Standards :: Links :: Lists :: Tables :: Misc */ /* -------------------------------------------------- :: Global Reset & Standards -------------------------------------------------- */ /* Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } html { overflow-y: scroll;font-size: 62.5%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } sub {vertical-align: sub;} sup {vertical-align: super;} body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: #39f; color: #fff; text-shadow: none; } ::selection { background: #39f; color: #fff; text-shadow: none; } /* -------------------------------------------------- :: Links -------------------------------------------------- */ a { color: #2a85e8; text-decoration: none; line-height: inherit; } a:hover { color: #11639d; } a:focus { color: #cc4714; outline: none; } p a, p a:visited { line-height: inherit; } /* -------------------------------------------------- :: Lists -------------------------------------------------- */ ul, ol { margin-bottom: 18px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } li { margin-bottom: 12px; } ul.large li { line-height: 21px; } /* -------------------------------------------------- :: Tables -------------------------------------------------- */ table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, /*table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }*/ table thead tr th, /*table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }*/ table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody tr.even, table tbody tr.alt { background: #EDEDED; } table tbody tr:nth-child(even) { background: #EDEDED; } table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } /* -------------------------------------------------- :: Misc ---------------------------------------------------*/ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide { display: none; } .highlight { background: #ff0; } /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- :: Typography -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;} h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; } h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; } h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; } h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; } h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; } .subheader { color: #777; font-weight: 300; margin-bottom: 24px; } p { font-size: 13px; line-height: 1.25; margin: 0 0 18px; } p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; } /* Blockquotes */ blockquote, blockquote p { line-height: 20px; color: #777; } blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- :: Grid This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. -------------------------------------------------- */ .container { padding: 0 20px; } .row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .row .one { width: 4.3%; } .row .two { width: 13%; } .row .three { width: 21.679%; } .row .four { width: 30.37%; } .row .five { width: 39.1%; } .row .six { width: 47.8%; } .row .seven { width: 56.5%; } .row .eight { width: 65.2%; } .row .nine { width: 73.9%; } .row .ten { width: 82.6%; } .row .eleven { width: 91.3%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } /* Source Ordering */ .push-two { left: 17.4% } .push-three { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4% } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine { right: 78.3%; } .pull-ten { right: 87%; } img, object, embed { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img {max-width: none!important;} /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after, .cf:before, .cf:after { content:""; display:table; } .row:after, .clearfix:after, .cf:after { clear: both; } .row, .clearfix, .cf { zoom: 1; } /* -------------------------------------------------- :: Block grids These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; } .block-grid>li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -4% } .block-grid.two-up>li { margin-left: 4%; width: 46%; } /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */ .block-grid.three-up { margin-left: -2% } .block-grid.three-up>li { margin-left: 2%; width: 31.3%; } /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */ .block-grid.four-up { margin-left: -2% } .block-grid.four-up>li { margin-left: 2%; width: 23%; } /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */ .block-grid.five-up { margin-left: -1.5% } .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; } /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */ /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Buttons :: Alerts :: Labels :: Tabs :: Pagination :: Breadcrumbs :: Lists :: Panels :: Nav :: Video :: Microformats */ /* -------------------------------------------------- Buttons -------------------------------------------------- */ .button { background: #00a6fc; display: inline-block; text-align: center; padding: 9px 34px 11px; color: #fff; text-decoration: none; font-weight: bold; font-size: 13px; font-size: 1.3rem; line-height: 1; font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; position: relative; cursor: pointer; border: none; outline: none; margin: 0; } /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Hide inner focus effect in Firefox */ button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } .button.nice { background: #00a6fc; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.28); background: #00a6fc, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%); background: #00a6fc, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent)); border: 1px solid #0593dc; -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; } .button.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .button.round { -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } .button.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .button.left-align { text-align: left; text-indent: 12px; } /* Sizes ---------- */ .tiny.button { font-size: 10px; padding: 6px 14px 8px; width: auto; } .small.button { font-size: 11px; padding: 8px 20px 10px; width: auto; } .medium.button { font-size: 13px; width: auto; } .large.button { font-size: 18px; padding: 11px 48px 13px; width: auto; } /* Nice Sizes ---------- */ .nice.tiny.button { background-position: 0 -37px; } .nice.small.button { background-position: 0 -34px; } .nice.large.button { background-position: 0 -30px; } /* Colors ---------- */ .blue.button { background-color: #00a6fc; } .red.button { background-color: #e91c21; } .white.button { background-color: #e9e9e9; color: #333; } .black.button { background-color: #141414; } .green.button { background-color: #5b8737; } /* Nice Colors ---------- */ .nice.blue.button { border: 1px solid #0593dc; } .nice.red.button { border: 1px solid #b90b0b; } .nice.white.button { border: 1px solid #cacaca; text-shadow: none !important; } .nice.black.button { border: 1px solid #000; } .nice.green.button { border: 1px solid #4a6b2d; } /* Hovers ---------- */ .button:hover, .button:focus { background-color: #0192dd; color: #fff; } .blue.button:hover, .blue.button:focus { background-color: #0192dd; } .red.button:hover, .red.button:focus { background-color: #d01217; } .white.button:hover, .white.button:focus { background-color: #dadada; color: #333; } .black.button:hover, .black.button:focus { background-color: #000; } .green.button:hover, .green.button:focus { background-color: #699c40; } /* Hovers ---------- */ .nice.button:active { -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(0,0,0,.15); } /* Disabled ---------- */ .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; } /* Correct FF button padding */ @-moz-document url-prefix(http://) { input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; } input[type=submit].tiny.button { padding: 5px 14px 7px; } input[type=submit].small.button { padding: 7px 20px 8px; } input[type=submit].medium.button { padding: 8px 34px 9px; } input[type=submit].large.button { padding: 9px 48px 10px; } } /* -------------------------------------------------- Alerts -------------------------------------------------- */ div.alert-box, #cmsMessage.info { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; } .alert-box.success, #cmsMessage.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } .alert-box.warning { background-color: #f68b01; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } .alert-box.error, #cmsMessage.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; } .alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; } /* -------------------------------------------------- Labels -------------------------------------------------- */ .label { padding: 0 4px 2px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00a6fc; } .label.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .label.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* Colors ---------- */ .blue.label { background-color: #00a6fc; } .red.label { background-color: #e91c21; } .green.label { background-color: #7fae00; } .white.label { background-color: #e9e9e9; color: #333; } .black.label { background-color: #141414; } /* -------------------------------------------------- Tabs -------------------------------------------------- */ dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; } dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; } dl.tabs dt:first-child { padding: 0 9px 0 0; } dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; } dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; } dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; } .nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; } .nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; } .nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; } .nice.tabs dd:first-child a.active { margin-left: 0; } dl.tabs.vertical { height: auto; } dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; } dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; } .nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; } .nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; } .nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.vertical dd:first-child a.active { margin: 0; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content>li { display:none; } ul.tabs-content>li.active { display: block; } dl.contained, dl.nice.contained { margin-bottom: 0; } dl.contained.tabs dd a { padding: 0 14px; } dl.nice.contained.tabs dd a { padding: 7px 18px 9px; } ul.contained.tabs-content { padding: 0; } ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; } ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; } ul.nice.contained.tabs-content>li { border-color: #eee; } /* -------------------------------------------------- Pagination -------------------------------------------------- */ ul.pagination { display: block; height: 24px; margin-left: -5px; } ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; } ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; } ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; } ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; } /* -------------------------------------------------- Breadcrumbs -------------------------------------------------- */ ul.breadcrumbs { display: block; background: #f4f4f4; padding: 7px 10px; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; } ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; } ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; padding-left: 12px; } ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; } ul.breadcrumbs li:before { content: "/"; color: #aaa; } ul.breadcrumbs li:first-child:before { content: ""; } ul.breadcrumbs li.current a { cursor: default; color: #333; } ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; } ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; } ul.breadcrumbs li.unavailable a { color: #999; } ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } /* -------------------------------------------------- Lists -------------------------------------------------- */ ul.nice, ol.nice { list-style: none; margin: 0; } ul.nice li, ol.nice li { padding-left: 13px; position: relative } ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } /* -------------------------------------------------- Panels -------------------------------------------------- */ div.panel { padding: 20px 20px 2px 20px; background: #efefef; background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); box-shadow: 0 2px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25); margin: 0 0 20px 0; } /* -------------------------------------------------- Nav Bar with Dropdowns -------------------------------------------------- */ .nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; } .nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; } .nav-bar>li>a.main { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; } .nav-bar>li>input { margin: 0 16px; } .nav-bar>li ul { margin-bottom: 0; } .nav-bar>li li { line-height: 1.3; } .nav-bar>li.has-flyout>a.main { padding-right: 36px; } .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } .flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 40; } .flyout.small { width: 200px; } .flyout.large { width: 600px; } .flyout.right { left: auto; right: 0; } .flyout p:last-child { margin-bottom: 0; } .nav-bar>li .flyout { display: none; } /* -------------------------------------------------- Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na -------------------------------------------------- */ dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; } dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; } dl.sub-nav dt { color: #999; font-weight: normal; } dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; } dl.sub-nav dd.active a { background: #00A6FC; color: #fff; padding: 3px 9px; } /* -------------------------------------------------- Video Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ -------------------------------------------------- */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* -------------------------------------------------- Microformats -------------------------------------------------- */ /* hCard */ ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; } ul.vcard li { margin: 0; display: block; } ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; } p.vevent span.summary { font-weight: bold; } p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } /* -------------------------------------------------- Tooltips -------------------------------------------------- */ .has-tip { border-bottom: dotted 1px #ccc; cursor: help; font-weight: bold; color: #333; } .has-tip:hover { border-bottom: dotted 1px #0593dc; color: #0192dd; } .tooltip { display: none; background: rgb(0,0,0); background: rgba(0,0,0,0.8); position: absolute; color: #fff; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; } .tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent rgb(0,0,0) transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent; position: absolute; top: -10px; left: 10px; } .tooltip.tip-override > .nub { border-color: transparent transparent rgb(0,0,0) transparent !important; border-color: transparent transparent rgba(0,0,0,0.8) transparent !important; top: -10px !important; } .tooltip.tip-top > .nub { border-color: rgb(0,0,0) transparent transparent transparent; border-color: rgba(0,0,0,0.8) transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent rgb(0,0,0); border-color: transparent transparent transparent rgba(0,0,0,0.8); right: -10px; left: auto; } .tooltip.tip-right > .nub { border-color: transparent rgb(0,0,0) transparent transparent; border-color: transparent rgba(0,0,0,0.8) transparent transparent; right: auto; left: -10px; } .tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .has-tip.opened { color: #0192DD !important; border-bottom: dotted 1px #0593DC !important; } .tap-to-close { display: block; font-size: 10px; font-size: 1.0rem; color: #888; font-weight: normal; } /* Artfully masterminded by ZURB Make sure to include app.js / foundation.js if you are going to use inline label inputs */ /* ----------------------------------------- Standard Forms ----------------------------------------- */ form { margin: 0 0 18px; } form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; } input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; } input.input-text, textarea, select { display: block; margin-bottom: 9px; } label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; } /* Text input and textarea font and padding */ input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; } input.input-text:focus, textarea:focus { outline: none !important; } input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; } input.input-text:focus, textarea:focus { background: #f9f9f9; } /* Text input and textarea, disabled */ input.input-text[disabled], textarea[disabled] { background-color: #ddd; } /* Inlined Label Style */ input.placeholder, textarea.placeholder { color: #888; } /* Text input and textarea sizes */ input.input-text, textarea { width: 254px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } input.small, textarea.small { width: 134px; } input.medium, textarea.medium { width: 254px; } input.large, textarea.large { width: 434px; } input.expand, textarea.expand { width: 100%; } /* Fieldsets */ form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; } /* Inlined Radio & Checkbox */ .form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; } /* Errors */ .form-field.error input, input.input-text.red { border-color: #C00000; background-color: rgba(255,0,0,0.15); } .form-field.error label, label.red { color: #C00000; } .form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: #C00000; width: 254px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .small + small.error { width: 134px; } .medium + small.error { width: 254px; } .large + small.error { width: 434px; } .expand + small.error { width: 100%; } .small.oversize + small.error { width: 144px; } .medium.oversize + small.error { width: 264px; } .large.oversize + small.error { width: 444px; } .expand.oversize + small.error { width: 100%; } /* ----------------------------------------- Nicer Forms ----------------------------------------- */ form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; } form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; } /* Text input and textarea, disabled */ form.nice div.form-field input[disabled], form.nice input.input-text[disabled], form.nice textarea[disabled] { background-color: #ddd; } form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; } form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 #C00000; border-width: 0 1px 1px 1px; margin-top: -10px; background: #C00000; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; } form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; } form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; } form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; } form.nice div.form-field.error .small.oversize + small, form.nice .small.oversize + small.error { width: 136px; } form.nice div.form-field.error .medium.oversize + small, form.nice .medium.oversize + small.error { width: 256px; } form.nice div.form-field.error .large.oversize + small, form.nice .large.oversize + small.error { width: 436px; } /* ----------------------------------------- Custom Forms ----------------------------------------- */ form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; } form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } form.custom span.custom.radio.checked { background-position: 0 -14px; } form.custom span.custom.checkbox.checked { background-position: 0 -28px; } form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; } form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; background-color: #fff; } form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 1px no-repeat; right: 0; top: 0; border: solid 1px #ddd; } form.custom div.custom.dropdown:hover a.selector, form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; } form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255,255,255,0.95); border: solid 1px #ddd; } form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; margin: 0; white-space: nowrap} form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; } form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; } form.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; } form.custom div.custom.dropdown ul.show { display: block; } form.custom div.custom.dropdown.open ul { display: block; z-index: 10; } form.custom div.custom.dropdown.small { width: 134px !important; } form.custom div.custom.dropdown.medium { width: 254px !important; } form.custom div.custom.dropdown.large { width: 434px !important; } form.custom div.custom.dropdown.expand { width: 100% !important; } form.custom div.custom.dropdown.open.small ul { width: 132px !important; } form.custom div.custom.dropdown.open.medium ul { width: 252px !important; } form.custom div.custom.dropdown.open.large ul { width: 432px !important; } form.custom div.custom.dropdown.open.expand ul { width: 100% !important; box-sizing: border-box; } /* Custom input, disabled */ form.custom .custom.disabled { background-color: #ddd; } /* ----------------------------------------- Nicer Custom Forms ----------------------------------------- */ form.custom.nice span.custom.checkbox { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } form.custom.nice div.custom.dropdown a.current { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-image: url(../images/misc/input-bg-outset.png); background-position: bottom right; } form.custom.nice div.custom.dropdown a.selector { height: 27px; border-width: 0 0 0 1px; } form.custom.nice div.custom.dropdown ul { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; } /* CSS for jQuery Orbit Plugin 1.4.0 * Maintained for Foundation. foundation.zurb.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* CONTAINER ================================================== */ div.orbit-wrapper { width: 1px; height: 1px; position: relative; } div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden } div.orbit.with-bullets { margin-bottom: 40px; } div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } div.orbit a.orbit-slide { border: none; line-height: 0; display: none; } div.orbit div.orbit-slide { width: 100%; height: 100%; } /* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ /* TIMER ================================================== */ div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(../images/orbit/rotator-black.png) no-repeat; z-index: 3; } div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } div.orbit-wrapper span.rotator.move { left: 0 } div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url(../images/orbit/timer-black.png) repeat 0 0; } div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0; } div.orbit-wrapper span.pause.active { background: url(../images/orbit/pause-black.png) no-repeat 0 -40px } div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1 } /* CAPTIONS ================================================== */ .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0,0,0,.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } /* DIRECTIONAL NAV ================================================== */ div.orbit-wrapper div.slider-nav { display: block } div.orbit-wrapper div.slider-nav span { width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -50px; cursor: pointer; } div.orbit-wrapper div.slider-nav span.right { background: url(../images/orbit/right-arrow.png); right: 0; } div.orbit-wrapper div.slider-nav span.left { background: url(../images/orbit/left-arrow.png); left: 0; } /* BULLET NAV ================================================== */ ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(../images/orbit/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.active { color: #222; background-position: -8px 0; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* FLUID LAYOUT ================================================== */ div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } div.orbit, div.orbit-wrapper { width: 100% !important; } ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; } ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(../images/orbit/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } ul.orbit-bullets li.active { color: #222; background-position: -8px 0; } ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } /* CSS for jQuery Reveal Plugin * Maintained for Foundation. foundation.zurb.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; z-index: 40; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; position: absolute; z-index: 41; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal.xxlarge { width: 1024px; margin-left: -552px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } .reveal-modal .row { min-width: 0; } /* Mobile */ @media handheld, only screen and (max-width: 1023px) { .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; } } @media handheld, only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; } .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; } } /* NOTES Close button entity is × Example markup

Awesome. I have it.

Your couch. I it's mine.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

×
*/ /* -------------------------------------------------- :: Typography -------------------------------------------------- */ @media handheld, only screen and (max-width: 767px) { h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; } h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; } h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; } h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; } body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } } /* -------------------------------------------------- :: Grid -------------------------------------------------- */ /* Mobile */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container { min-width: 0; margin-left: 0; margin-right: 0; } .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .column:last-child, .columns:last-child { margin-right: 0; float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } [class*="column"]:before, [class*="column"]:after { content:""; display:table; } [class*="column"]:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; } .row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; } .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } .row .phone-one { width: 21.68% !important; } .row .phone-two { width: 47.8% !important; } .row .phone-three { width: 73.9% !important; } .row .phone-four { width: 100% !important; } .row .push-one-phone { left: 26.08%; } .row .push-two-phone { left: 52.2% } .row .push-three-phone { left: 78.3% } .row .pull-one-phone { right: 26.08% } .row .pull-two-phone { right: 52.2% } .row .pull-three-phone { right: 78.3%; } } /* -------------------------------------------------- :: Block Grids -------------------------------------------------- */ @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; } .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } } /* -------------------------------------------------- :: Mobile Visibility Affordances ---------------------------------------------------*/ .show-on-phones { display: none !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: block !important; } .hide-on-phones { display: block !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: none !important; } /* Modernizr-enabled tablet targeting */ @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch .hide-on-phones { display: block !important; } .touch .hide-on-tablets { display: none !important; } .touch .hide-on-desktops { display: block !important; } .touch .show-on-phones { display: none !important; } .touch .show-on-tablets { display: block !important; } .touch .show-on-desktops { display: none !important; } } @media only screen and (max-width: 767px) { .hide-on-phones { display: none !important; } .hide-on-tablets { display: block !important; } .hide-on-desktops { display: block !important; } .show-on-phones { display: block !important; } .show-on-tablets { display: none !important; } .show-on-desktops { display: none !important; } } /* Specific overrides for elements that require something other than display: block */ table.show-on-desktops { display: table !important; } table.hide-on-phones { display: table !important; } table.hide-on-tablets { display: table !important; } @media only screen and (max-width: 1280px) and (min-width: 768px) { .touch table.hide-on-phones { display: table !important; } .touch table.hide-on-desktops { display: table !important; } .touch table.show-on-tablets { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-on-tablets { display: table !important; } table.hide-on-desktops { display: table !important; } table.show-on-phones { display: table !important; } } /* -------------------------------------------------- :: Forms ---------------------------------------------------*/ @media only screen and (max-width: 767px) { div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 100%; padding: 6px 2% 4px; font-size: 18px; } form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; } form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; } form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; } form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; } form.nice div.form-field.error .expand + small, form.nice .expand + .error { width: auto; } } /* -------------------------------------------------- :: UI ---------------------------------------------------*/ /* Buttons */ @media only screen and (max-width: 767px) { .button { display: block; } button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 5px; } } /* Tabs */ @media only screen and (max-width: 767px) { dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; } dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; } dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; } .nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; } .nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; } .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.mobile dd:first-child a.active { margin: 0; } dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; } dl.contained.tabs.mobile dd a { padding: 18px 20px; } dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; } dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } } /* Nav Bar */ @media only screen and (max-width: 767px) { .nav-bar { height: auto; } .nav-bar>li { float: none; display: block; border-right: none; } .nav-bar>li>a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; } .nav-bar>li:first-child>a.main { border-top: none; } .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; border-left: 1px dashed #eee; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } .nav-bar>li.has-flyout>a.flyout-toggle:hover span { border-top-color: #141414; } .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; } .flyout.right { float: none; right: auto; left: -1px; } .flyout.small, .flyout.large { width: auto; } .flyout p:last-child { margin-bottom: 18px; } } /* Tooltips */ @media only screen and (max-width: 767px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; } .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent rgb(0,0,0) transparent; border-color: transparent transparent rgba(0,0,0,0.85) transparent; top: -12px; left: 10px; } } /* Video */ @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } /* ---- FILE HEADER: environment-web/Content/css/itemTheme.css ---- */ /*----------------------------------------------------------- Item Styles for both Content Editor and Items *Any Item Style must go here and must be commented ---------------------------------------------------------- */ /*----------------------------------------------------------- Header Tags - Overwrites Foundation ---------------------------------------------------------- h1,.h1, h2, .h2, h3, .h3, h4, .h4 {font-weight: bold;font-style: normal;color: #231F20;} h5, .h5, h6, .h6 { font-weight: normal;font-style: italic;color: #231F20;} h1, .h1 {font-size: 18px;} h2, .h2 {font-size: 14px;} h3, .h3 {font-size: 12px;} h4, .h4 {font-size: 10px;} h5, .h5 {font-size: 10px;} h6, .h6 {font-size: 8px;} */ /*------------------------------------------------------------ Body and Links ------------------------------------------------------------*/ body {font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size:11px; color: #231F20;} a {color: #069;cursor: pointer;} a:visited {color: #803F97;text-decoration: underline;} a:focus, a:hover {color: #666;text-decoration: none;} table { width: 100%; } /*------------------------------------------------------------ Input Colors & Alignment ------------------------------------------------------------*/ input{font:normal 11px Arial,sans-serif; color: #000;} input[type="text"], input[type="email"], textarea{border:solid 1px #BFBFBF;border-radius:2px;background:#fff;padding: 4px 0; } input[type="text"]:focus, textarea:hover, input[type="email"]:hover {-webkit-box-shadow: 0 0 0px 2px #F7931E; box-shadow: 0 0 0px 2px #F7931E;outline: none;} ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{padding: 6px 0;background: #fff; border: solid 1px #999;position: absolute;} li.ui-menu-item{ margin-bottom: 0;text-indent: 12px;} /*------------------------------------------ Form Setup -------------------------------------------*/ form{font-size:11px;} dl, .form dl {margin-bottom: 18px;} dd, .form dd{margin-bottom: 12px;} ul, dl, ol{font-size:11px;} ol li.header, .form ol li.header{margin-left:0; list-style:none; display:block;} dt, .header, .form dt {font:bold 14px Arial,sans-serif;color: #231F20; margin-bottom:12px;} label{ font: bold 11px Arial,sans-serif; color: #231F20; display:block; margin-bottom:0; } input.form, input { font-size:11px; } select{background:#fff;border:1px solid #bfbfbf;font:normal 11px Arial,sans-serif;height:24px;padding:0 0 0 3px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} /* Types, Add more if need */ input[type="text"],input[type="email"],input[type="password"],textarea,input[type="text"] { border:1px solid #bfbfbf;background:#fff;color:#231f20;font:normal 11px Arial,sans-serif;text-indent:6px;padding:4px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; } .field-validation-error{ color:#c1272d;display:block;font:bold 10px Arial;margin-top:6px } .formContainer textarea { overflow: hidden; } .formContainer .dds-cfs-form-dropdown { overflow: visible; } /* Temporal Honey Pot */ .temporal { display:none; } .hpt-field { margin-left:-9999em; position:absolute; } .hpt-field2 { left:50%; max-width:1em; z-index:-9999; position:absolute; opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ } .disabled-form-mask { background: #fff; height: 100%; left: 0; opacity: .7; position: absolute; top: 0; width: 100%; z-index: 40; } /*------------------------------------------ Input + inputs (Block Style) -------------------------------------------*/ label + select, label + textarea, label + input[type=text], label + input[type=email], label + input[type=password] {margin-top:0;background: #FFF;} #awp_videoForm textarea{margin-bottom:9px;} label + input[type=checkbox]{margin-top:0;background: #FFF;} label + select {margin-top: 2px;} input[type=checkbox] + label, input[type=radio] + label{display:inline-block;vertical-align: middle; font-weight:normal;font-size:11px;margin-left:3px; } input[type=checkbox], .input[type=radio] {margin:0;} /*------------------------------------------ Input + inputs (Inline) -------------------------------------------*/ li.inline label, dd.inline label, .form li.inline label, .form dd.inline label {display:inline;} .inline label + select, .form.inline label + select{display:inline;} .inline label + textarea, .form.inline label + textarea{display:inline;vertical-align:top;} .inline li, .inline dd, .form.inline li, .form.inline dd{display:inline-block;margin-right:12px;} .inline .not-inline, .inline .header, .form.inline .not-inline, .form.inline .header{display:block;} .form .left { margin-right: 12px;} li ul.inline li, .form li ul.inline li {display:inline; margin-right:12px;} li ul.inline, li.not-inline, .form li ul.inline, .form li.not-inline {display:block;} input[type="text"]:focus,input[type="text"]:hover, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { -webkit-box-shadow: 0px 0px 0px 2px #F7931E; -moz-box-shadow: 0px 0px 0px 2px #F7931E; box-shadow: 0px 0px 0px 2px #F7931E; } /*------------------------------------------ Misc List -------------------------------------------*/ .group ul {margin-bottom: 0;} li a.ui-corner-all {color: #000;text-decoration: none;} li.text-right { padding-top: 12px;} /*------------------------------------------------------------ 16 x 16 Icons ------------------------------------------------------------*/ .iconSm { display:inline-block!important;zoom:1;width:16px;height:16px;margin-right:2px;cursor:pointer;background:url(https://s3.amazonaws.com/dom-cms/Global/images/icon-set.png) no-repeat;vertical-align:middle } /*------------------------------------------------------------ Inventory Details Item ------------------------------------------------------------*/ #invProfileFormBlock p { margin-bottom: 1.5%; margin-top: 1.5% } #Profilefrm label input { margin: 2px 0 0 3px; vertical-align: top; } #Profilefrm .ContactHow.four-up li { text-align: center; } /*------------------------------------------------------------ Form Item ------------------------------------------------------------*/ /* Form Item Editor */ .formItemEditor {border: solid 1px #CFCFCF;padding: 6px; font-size:11px;} .formItemEditor .form-item {padding: 6px;overflow: auto;} .form-item-hover {border: dashed 1px #CFCFCF;} .formItemEditor li label {font-weight: bold;font-size:11px;} /* Form */ .formItemEditor textarea, .formItemEditor input[type=text] {width: 250px;background: #FFF;} .formItemEditor .options {margin-left: 24px;} .formItemEditor a {text-decoration: underline;color: #0055AA;} .scrollDetails{max-height: 283px;overflow-y: scroll;overflow-x: hidden;} .Details{max-height: 283px;overflow-y: auto;overflow-x: hidden;} .formItemEditor .clear {clear: both;} #formProperties .clear {clear: both;} /* Previous Next and Submit Buttons */ fieldset input[type="button"].dds-web-form-nextButton, fieldset input[type="submit"] { float: right; margin-bottom: 12px; } .formItemList { min-height: 250px; padding: 6px; } .formItemList .form { margin-bottom: 0; } .form-item label{ margin-bottom: 3px; } .form-item label + textarea { margin-top: 3px; } .formItem .chzn-container, .form-item .chzn-container {width:254px;} label em {color:#C1272D;font-weight:bold;margin-left:1px;} /* Form w/ Disclaimer */ /* .formContainer { border: 1px solid #A1B3B0; background: #FFF; box-sizing:border-box; } */ .formDisclaimer { margin-bottom:12px;padding:12px;font-style:italic;text-indent:14px;background:url(https://s3.amazonaws.com/dom-cms/Global/images/lock.png) no-repeat #eee 9px 12px; } .formContainer form { padding:12px;margin-bottom: 0; } /* CSS Modifications for Customer Facing Sites Lead Generating Coupons */ /* Button to Close Dialog */ .couponDialog.reveal-modal a.close-reveal-modal { background:url(https://s3.amazonaws.com/dom-cms/Global/Inventory/images/invSprites.png) -314px -274px;display:block;width:37px;height:36px;top:5px;right:5px; } .couponDialog.reveal-modal{ background-image:none;padding:20px;z-index: 30001; } .couponDialog-bg.reveal-modal-bg { z-index: 30000; } .couponDialog.reveal-modal ul, .couponDialog.reveal-modal li { margin-bottom: 0; } .couponDialog textarea { width:100%; } .couponDialog .couponClientArea { text-align:center;line-height: 27px;border-bottom: solid 1px #999; } .couponDialog .couponContainer .mapPrint { margin-bottom: 12px;font-size:10px; } .couponDialog .couponContainer .mapPrint a{ color:#fff; } .couponDialog input[type=text], .couponDialog input[type=file], .couponDialog input[type=email], .couponDialog input[type=password], .couponDialog textarea, .couponDialog select { width: 100%; } /* Makes Modal Cover all of the screen - Double Check on Mobile First */ @media handheld, only screen and (max-width: 767px) { .couponDialog.reveal-modal-bg { position: fixed !important; } } @media handheld, only screen and (max-width: 1023px) { .couponDialog.reveal-modal-bg { position: fixed !important; } } /*------------------------------------------------------------ Coupon Item ------------------------------------------------------------*/ .columns { border: 0;} .couponContainer { background: url(../Content/images/silverBg.png) repeat-x bottom #fff; border:solid 3px #838a8f; width: auto; margin-bottom: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .8); -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .8); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .8); } .couponContainer .row { min-width: inherit; } .couponContainer .columns {outline: none;min-height:inherit;margin:0;} .couponContainer a:hover {text-decoration:underline;} .couponContainer ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; } .couponContainer ul li { margin-bottom: 4px; } .couponContainer ul ul { list-style: circle outside none; } .couponContainer ul.square, .couponContainer ul ul.square { list-style: square outside; } .couponContainer ul.circle, .couponContainer ul ul.circle { list-style: circle outside; } .couponContainer ul.disc, .couponContainer ul ul.disc { list-style: disc outside; } .couponContainer form ul { list-style: none; margin: 0 0 18px; } .couponContainer form ul li { margin-bottom: 12px; } .couponContainer form ul ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; } .couponContainer form ul ul li { margin-bottom: 4px; } .couponContainer form ul ul ul { list-style: circle outside none; } .couponContainer ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; } .couponContainer ol li, .couponContainer form ol li { margin-bottom: 4px; } .couponContainer ol ol { list-style: decimal outside none; } .couponDisclaimer p, .couponExpiration p, .couponInfo p{padding: 6px 0;margin-bottom: 0;} .couponInfo { border-top: solid 1px #999;} .couponOption { text-align: center;-ms-word-wrap: break-word; word-wrap: break-word; } .couponImage img { max-width: 60%;} .couponPrint{ text-align: right;} .mapPrint {margin: 0 12px 8px 0;} .mapPrint:hover, .print:hover{ text-decoration: underline;} /* Colors */ .couponPrintAll a {color:#000;} .couponDisclaimer, .couponExpiration, .couponExpiration a, .couponPrint a {color: #fff;} /* Font Sizes */ .couponDisclaimer p, .couponExpiration p, a.print{font-size: 11px;} .couponInfo p { font-size: 12px;} .couponPrice h1 { font-size: 3.6em;margin-bottom: 6px;} .couponHeader h3 { font-size: 1.8em;} /* Background Images */ .couponPrint, .couponDisclaimer, .couponExpiration {background: url(../images/clearBlackPng.png) repeat bottom transparent;margin: 0;} .couponContainer table, .couponContainer table tr, .couponContainer table th, .couponContainer table td { color: #58595B; } /*------------------------------------------------------------ Payment Calculator Item ------------------------------------------------------------*/ #CalcPayment { width: 100%; } #CalcPayment .row{width: auto;min-width: inherit;} /* ---------------------------------------------------- Mini Images --------------------------------------------------- */ ul.miniImages li label { min-width:170px;display:inline-block;background:#d1d1d1;border-radius:0 3px 3px 0; } /*------------------------------------------- * Staff Listing -------------------------------------------*/ /* Applies border box to elements */ .borderBox, .border-box li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.block-grid.border-box > li {margin:0;} /* Removes margin in-between elements so designers can set them */ /* Allows Block Grid to display inline regardless of height differences - Can be used on any other block grid with borderBox */ .even-grid.block-grid.one-up { margin: 0; } .even-grid.block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .even-grid.block-grid.two-up { margin: 0 -15px; } .even-grid.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .even-grid.block-grid.two-up > li:nth-child(2n+1) { clear: both; } .even-grid.block-grid.three-up { margin: 0 -12px; } .even-grid.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; } .even-grid.block-grid.three-up > li:nth-child(3n+1) { clear: both; } .even-grid.block-grid.four-up { margin: 0 -10px; } .even-grid.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .even-grid.block-grid.four-up > li:nth-child(4n+1) { clear: both; } .even-grid.block-grid.five-up { margin: 0 -8px; } .even-grid.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } .even-grid.block-grid.five-up > li:nth-child(5n+1) { clear: both; } /* When Mobile class is added, on mobile, the listings stack */ @media only screen and (max-width: 767px){.even-grid.block-grid.mobile > li{width: 100%;}} /* IE8 Row Fix Class that gets added by Jquery */ .clearRow { clear: both; } /* Basic Styling for meetTheStaff */ .department ul { text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; } .department h3 {font-size:12px;} .department ul dl { border: solid 1px #999;padding: 12px; } .department ul dl dd{ margin-bottom: 0; } .staffListItem a[id*="awpstaff_"], .awpstaff_Anchor { text-decoration: none; cursor: default; } /*------------------------------------------- * Specials -------------------------------------------*/ /* Set Max and Minimum Width/Height of Specials here */ .InvSpecialBox, .InvSpecialsDisclaimer { min-width: inherit; max-width:600px; } /* Outer Box - Box that surrounds an individual Special */ .InvSpecialBox { margin-bottom: 12px; border:solid 1px #999; background:url('https://s3.amazonaws.com/dom-cms/Global/images/specialsSprites.png') #fff repeat-x 0px -200px; } /* Specials Flag */ .InvSpecialFlag h3 { color:#fff;padding:3px 6px;font:normal 1.8em/24px Arial,sans-serif;text-align:center;margin-bottom:0;border-top:1px solid #f4a1a1;border-bottom:solid 1px #3c0101;-webkit-text-shadow:0 0 2px #3c0101;text-shadow:0 0 2px #3c0101;background:url('https://s3.amazonaws.com/dom-cms/Global/images/specialsSprites.png') repeat-x 0 -100px; } /* Fixes Slider control */ .invSpecialsSlideshow .flex-control-nav {position: relative;} /* Specials Info Box */ /* Left Aligns All Detail Text */ .InvSpecialDetails{text-align: left;} .InvInfoBox { padding:12px 0 !important;} .InvSpecialImg img {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:solid 3px #777;margin-top: 6px;margin-left: 12px; } .InvSpecialImg a{ display: block;width: 100%;height: 100%;} .InvSpecialPrice, .InvSpecialName, .InvSpecialVehicleInfo { padding: 6px 12px 0 12px;} .InvSpecialPrice {font: normal 2em/22px Arial, sans-serif; display: block;color:#cc0000;} .InvSpecialAdditionalPriceText { font-size: 16px; -ms-word-wrap: break-word; word-wrap: break-word;-ms-text-overflow: clip; -o-text-overflow: clip; text-overflow: clip; } .InvSpecialPriceSecondary ul { margin-bottom: 0; } .InvSpecialPriceSecondary li { line-height: 1.4; margin-bottom: 0; } .InvSpecialName a {font: bold 1.5em/23px Arial, sans-serif; text-decoration: none; color: #369; } .InvSpecialVehicleInfo {font-size:1.2em;} /* Footer */ .InvSpecialsFooter {margin:0 0 12px 0;text-align:center;} .InvSpecialsFooter button{font-size:1.2em;padding: 9px 12px 11px;width:85%;} .InvSpecialsFooter button a{color:#fff;font-weight: normal;} .InvSpecialsFooter .button { border-top: 1px solid #80cf86; background: url('https://s3.amazonaws.com/dom-cms/Global/images/specialsSprites.png') repeat-x; -webkit-text-shadow: 0px 0px 2px #08361a; text-shadow: 0px 0px 2px #08361a; vertical-align: middle; } .InvSpecialsFooter .button:hover {border-top-color: #02291e;background: #336699;} .InvSpecialsFooter .button:active {border-top-color: #1b435e;background: #1b435e;} /* Specials Body */ .InvSpecialVehicleBody { line-height: 1; padding: 4px 6px; margin: 0; text-align: justify; } .InvSpecialVehicleBody h1, .InvSpecialVehicleBody h2, .InvSpecialVehicleBody h3, .InvSpecialVehicleBody h4 { line-height: 1; margin-bottom: 8px; } .InvSpecialVehicleBody h1 { font-size: 18px; font-size: 1.8rem; } .InvSpecialVehicleBody h2 { font-size: 16px; font-size: 1.6rem; } .InvSpecialVehicleBody h3 { font-size: 14px; font-size: 1.4rem; } .InvSpecialVehicleBody h4 { font-size: 12px; font-size: 1.2rem; } .InvSpecialVehicleBody p { font-size: 12px; font-size: 1.2rem; line-height: 1; margin-bottom: 6px; text-align: justify; } .InvSpecialVehicleBody ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; } .InvSpecialVehicleBody ul li { margin-bottom: 4px; } .InvSpecialVehicleBody ul ul { list-style: circle outside none; } .InvSpecialVehicleBody ul.square, .InvSpecialVehicleBody ul ul.square { list-style: square outside; } .InvSpecialVehicleBody ul.circle, .InvSpecialVehicleBody ul ul.circle { list-style: circle outside; } .InvSpecialVehicleBody ul.disc, .InvSpecialVehicleBody ul ul.disc { list-style: disc outside; } .InvSpecialVehicleBody ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; } .InvSpecialVehicleBody ol li { margin-bottom: 4px; } .InvSpecialVehicleBody ol ol { list-style: decimal outside none; } /* Disclaimer */ .InvSpecialVehicleDisclaimer { border-top: 1px solid #999; font-size: 10px;font-size: 1em; line-height: 1.2; margin: 0; padding: 8px 6px; text-align: justify; } .InvSpecialVehicleDisclaimer p { font-size: 10px;font-size: 1em; line-height: 1.2; padding: 0; margin: 0; text-align: justify; } .InvSpecialVehicleDisclaimer ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; } .InvSpecialVehicleDisclaimer ul li { margin-bottom: 4px; } .InvSpecialVehicleDisclaimer ul ul { list-style: circle outside none; } .InvSpecialVehicleDisclaimer ul.square, .InvSpecialVehicleDisclaimer ul ul.square { list-style: square outside; } .InvSpecialVehicleDisclaimer ul.circle, .InvSpecialVehicleDisclaimer ul ul.circle { list-style: circle outside; } .InvSpecialVehicleDisclaimer ul.disc, .InvSpecialVehicleDisclaimer ul ul.disc { list-style: disc outside; } .InvSpecialVehicleDisclaimer ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; } .InvSpecialVehicleDisclaimer ol li { margin-bottom: 4px; } .InvSpecialVehicleDisclaimer ol ol { list-style: decimal outside none; } /*Pagination*/ .SpecialsPagination .invIcon.tiny { display: inline-block; zoom: 1; width: 11px; height: 10px; line-height: 10px; cursor: pointer; vertical-align: middle; } .SpecialsPagination .invIcon.tiny.first {background-position: -11px -10px;} .SpecialsPagination .invIcon.tiny.first:hover {background-position: -55px -10px;} .SpecialsPagination .invIcon.tiny.last {background-position: -44px -10px;} .SpecialsPagination .invIcon.tiny.last:hover {background-position: -88px -10px;} /* Mobile Styles */ @media only screen and (max-width: 767px) { .InvSpecialImg { text-align: center;} /* Change Made Sept 14 by dbelle - testing to see why the css files on Amazon are reverting to older versions */ .flexslider .slides .InvSpecialImg img{ display: inline;} .InvSpecialImg img{width:75%;margin-left: 0;} .InvSpecialsFooter .button{font-size:1.8em;width:100%;border-radius: 0;} .InvSpecialPrice, .InvSpecialName, .InvSpecialVehicleInfo {text-align: center;} .InvSpecialPrice {font-size:2.5em;line-height: 28px;} .InvSpecialName a {font-size: 20px;} .InvSpecialVehicleInfo{font-size:1.6em;} .NewUsedCertTitle {display: block;margin-right: 0;} .InvSpecialsFooter button a{font-weight: bold;} .InvSpecialsDisclaimer p {font-size: 1.4em;} } /* Outer Box .InvSpecialBox {border: 1px solid #999; margin-bottom: 12px; min-width: inherit; max-width: 600px; background: url('../images/specialsSprites.png') #fff repeat-x 0px -250px; } .InvSpecialFlag h3 { color:#fff; line-height:32px; font-weight:normal; font-size:1.8em; text-align:center; border-top: 1px solid #f4a1a1; border-bottom:solid 1px #3c0101; text-shadow: 0px 0px 2px #3c0101; background:url('../images/specialsSprites.png') repeat-x 0 -100px; } .InvSpecialImg img {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:solid 3px #777;} .InvInfoBox{padding:2%;} .InvSpecialPrice {display: block;font-size: 2.2em;color:#cc0000;line-height: 28px;} .InvSpecialName a {font-weight: bold; font-size: 16px; line-height: 28px; text-decoration: none; color: #369; } .InvSpecialVehicleInfo {font-size:1.2em;} .InvSpecialsFooter {text-align:center;} .InvSpecialsFooter button{font-size:1.2em;padding: 9px 12px 11px;width:85%;} .InvSpecialsFooter button a{color:#fff;} .InvSpecialsFooter .button { border-top: 1px solid #F4A1A1;font-weight: 400;text-shadow: 0px 0px 2px #08361a;vertical-align: middle;background: url('../images/specialsSprites.png') repeat-x 0 -100px; } .InvSpecialsFooter .button:hover {border-top-color: #02291e;background: #336699;color: #ccc;} .InvSpecialsFooter .button:active {border-top-color: #1b435e;background: #1b435e;} */ /*------------------------------------------- * Homepage Inventory Search -------------------------------------------*/ #InvSearchBoxHP h3.invSrchHeader { font-size: 16px; font-size: 1.6rem; line-height: 1.4; } #InvSearchBoxHP ul#InvSearchBoxTypeBox { margin-bottom: 0; } #InvSearchBoxHP ul#InvSearchBoxTypeBox li { margin-bottom: 0; } #InvSearchBoxHP ul#InvSearchBoxTypeBox li label { font-size: 11px; font-size: 1.1rem; margin-bottom: 4px; } #InvSearchBoxHP ul#InvSearchBoxTypeBox li input { margin-right: 4px; vertical-align: text-bottom; } #InvSearchBoxHP select { font-size: 13px; font-size: 1.3rem; font-weight: bold;float: none; } #InvSearchBoxHP select option { font-size: 11px; font-size: 1.1rem; font-weight: normal; padding: 1px 0 1px 4px; } #InvSearchBoxHP select option:first-child { font-size: 13px; font-size: 1.3rem; font-weight: bold; } #InvSearchBoxHP #InvSearchBoxSubmit li { border: 0 none;padding: 0;clear: none; } #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton { background: #54C755; font-size: 12px; font-size: 1.2rem; line-height: 2; padding: 0 20px; } #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton:hover { background: #006699; } #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton a { color: #FFF; } #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton span.invIcon { margin-left: 4px; } /*------------------------------------------ HTML item -------------------------------------------*/ .html_item ul { list-style: disc outside none; margin: 1.12em 0 1.12em 30px; } .html_item ul li { margin-bottom: 4px; } .html_item ul ul { list-style: circle outside none; } .html_item ul.square, .html_item ul ul.square { list-style: square outside; } .html_item ul.circle, .html_item ul ul.circle { list-style: circle outside; } .html_item ul.disc, .html_item ul ul.disc { list-style: disc outside; } .html_item ol { list-style: decimal outside none; margin: 1.12em 0 1.12em 30px; } .html_item ol li { margin-bottom: 4px; } .html_item ol ol { list-style: decimal outside none; } /*------------------------------------------ Widths & Padding & Positioning -------------------------------------------*/ /* Percentage*/ .w10{width:10%;} .w20{width:20%;} .w30{width:30%;} .w40{width:40%;} .w50{width:50%;} .w60{width:60%;} .w70{width:70%;} .w80{width:80%;} .w90{width:90%;} .w100{width:100%;} /*Pixels*/ .w50px {width: 50px;} .w75px {width: 75px;} .w85px {width: 85px;} .w100px{width:100px;} .w150px{width:150px;} .w200px{width:200px;} .w250px{width:250px;} .w300px{width:300px;} .w314px{width:314px;} .w350px{width:350px;} .w400px{width:400px;} select.w250px{width:265px;} /* Select Box Compensation */ /* Padding */ .p12{padding:12px;} .m12{margin:12px;} .addOption{cursor: pointer} .mBotNone {margin-bottom:0;} /* Positioning */ .top { vertical-align:top;} .vMiddle{vertical-align:middle;} /* Overriding default reveal modal z-index to be higher than other elements on the page */ .reveal-modal-bg { z-index: 10001; } .reveal-modal { z-index: 10002; } /* Mobile Styles @media only screen and (max-width: 767px){ .InvInfoBox{padding:0;} .InvSpecialImg {text-align: center;} .InvSpecialImg img{width:75%;margin: 0 auto;} .InvSpecialPrice {font-size:2.5em;} .InvSpecialPrice,.InvSpecialName, .InvSpecialVehicleInfo {text-align: center;} .NewUsedCertTitle{display:block;text-transform:uppercase;} .InvSpecialName, .InvSpecialName a{font-size:1.4em;} .InvSpecialVehicleInfo{font-size:1.6em;} .InvSpecialsFooter .button{font-size:1.8em;width:100%;border-radius: 0;} } */ /*------------------------------------------ Map and Directions in Dialog -------------------------------------------*/ .directions-list li {padding:12px 12px 0 12px;} .directions-list li:last-child{padding-top: 24px;} .directions-list .required{font-weight: bold;color:#cc0000;} .directions-list .title {padding-bottom:12px;} .directions-list .title h2{margin: 0 0 12px 0;} .directions-list input, .directions-list select{width:100%;} /* added to remove click on full line */ .get-directions {width:50%;} /* Map Container */ .map-container{width:100%;height:500px;} .map-canvas { height: 100%; } #directions-panel {padding:12px;} /* Tooltips */ .map_location {font-weight: bold;} /* Print */ .map_print {text-align: right;} /*.map_print {float: right;}*/ .map_print_icon , .reverse_directions_icon { background: url(https://s3.amazonaws.com/dom-cms/Global/images/icon-set.png) no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: top; margin-right:6px; } .map_print_icon {background-position: -16px -32px;} .reverse_directions_icon {background-position: -208px -16px;} .error {color:red;} /* Mobile Only */ @media (max-width: 600px) { /* Hide on Mobile */ .map-container {display:none;} .main-container {min-width: 0;} .directions {width:100%;} } /* Fixes the issue with the hidden 'x' and other icons. Foundation was setting img max-width to 100% which doesn't work with Google's css */ .gm-style img{max-width:none;} #Div1 { display: none; } /* ---- FILE HEADER: Global/css/elastislide.css ---- */ /* Elastislide Style */ .es-carousel-wrapper { background: none; padding:10px 37px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position:relative; } .es-carousel { overflow:hidden; background:none; } .es-carousel ul { display:none; } .es-carousel ul li { height:100%; float:left; display:block; } .es-carousel ul li a { display:block; border-style:solid; border-color:#222; } .es-carousel ul li a img { display:block; border:none; max-height:100%; max-width:100%; } .es-nav span { position:absolute; top:50%; left:12px; background:transparent url(images/invSprites.png) no-repeat; width:35px; height:35px; margin-top:-18px; text-indent:-9000px; cursor:pointer; opacity:0.8; } .es-nav span.es-nav-next { right:0; left:auto; background-position:-280px -275px; } .es-nav span.es-nav-prev { left:-5px; background-position:-35px -275px; } .es-nav span:hover { opacity:1.0; } /* Elastislide Style: New Inventory Details Template*/ .vdp-carousel-wrapper{ position:relative; margin-bottom:0; padding: 0 54px 16px; } .vdp-carousel{ overflow:hidden; } .vdp-carousel ul{ display:none; margin-bottom: 0; } .vdp-carousel ul li{ height:100%; float:left; display:block; margin-bottom: 0; } .vdp-carousel ul li a{ display:block; border-style:solid; border-color: #ccc; opacity:0.8; -webkit-touch-callout:none; /* option */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .vdp-carousel ul li.selected a{ border-color:#fff; opacity:1.0; } .vdp-carousel ul li a img{ display:block; border:none; max-height:100%; max-width:100%; } .vdp-media-carousel-nav span{ position:absolute; top:50%; left:9px; width:30px; height:30px; margin-top:-15px; cursor:pointer; opacity:0.8; } .vdp-media-carousel-nav span.vdp-media-carousel-nav-next{ right:9px; left:auto; } .vdp-media-carousel-nav span:hover{ opacity:1.0; } /* ---- FILE HEADER: environment-web/Content/css/mask/mask.css ---- */ /* CFS Mask */ .dds-web-MaskContainer .dds-web-Mask { background: #fff; outline: solid 1px #fff; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; z-index: 25005; } .dds-web-MaskContainer .dds-web-MaskSpinner, .dds-web-MaskContainer .dds-web-MaskMessage { display: block; position: absolute; z-index: 25006; } .dds-web-MaskContainer .dds-web-MaskSpinner { background: url(https://s3.amazonaws.com/dom-cms/prod-web/Content/images/cfs-spinner.gif) no-repeat 50% 50% #fff; height: 60px; width: 60px; left: 50%; top: 30%; margin-left: -30px; border-radius: 10px; } .dds-web-MaskContainer .dds-web-MaskMessage { top: 50%; left: 0; right: 0; } .dds-web-MaskContainer .dds-web-MaskMessage > * { border-radius: 5px; padding: 12px; width: 200px; line-height: 22px; text-align: center; color: #e2e2e2; font-weight: bold; font-size: 14px; margin: 0 auto; } /* ------------------ Mobile Only ------------------ */ @media only screen and (max-width: 767px) { .dds-web-MaskContainer .dds-web-MaskMessage > * { font-size: 18px; line-height: 26px; width: 250px; } } /* ---- FILE HEADER: environment-web/Scripts/libs/chosen/chosen.css ---- */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px; background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 25px; /*RED - this was 15*/ outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px; background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url('https://s3.amazonaws.com/dom-cms/global-mako/images/chosen-sprite@2x.png') !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/Site/07d9e635-e68d-46c2-9b13-bcb778369ed1/css/customization2020.css ---- */ .reveal-modal { background: #fff; } p a {text-decoration:underline} .sticky + #main { padding-top: 130px; } /*--------------------------- Base CSS ---------------------------*/ .canvasItem.menuItem .navigation { display: block !important; background: #666; color: #fff; height: 50px; width: 200px; left: 200px; top: 75px !important; } .cke_editable .hide { display: block !important; background: #666; color: #fff; padding: 10px 0; margin: 20px } body { /*! background: #000; */ font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: normal; } ul, dl, ol { font-size: inherit; } #SiteContainer { background: #fff; max-width: 100%; margin: 0 auto; } .container { padding: 0; } #main { margin: 0 auto; width: 100%; box-sizing: border-box; padding: 20px; min-height: 460px; } .center { text-align: center; } .row { margin: 0 auto; max-width: 100%; min-width: inherit; width: 100%; box-sizing: border-box; } .row .row { max-width: 100%; } /*--------------------------- Typography CSS ---------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; } footer { font-size: 85%; position: relative; z-index: 101; } footer h4, footer h5, footer h6 { font-style: normal; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: bold; font-style: normal; color: #000000; } h5, .h5, h6, .h6 { font-weight: normal; color: #000000; } h1, .h1 { font-size: 3.25rem; } h2, .h2 { font-size: 2.75rem; } h3, .h3 { font-size: 2.2rem; } h4, .h4 { font-size: 2rem; } h5, .h5 { font-size: 1.7rem; } h6, .h6 { font-size: 1.5rem; } p, li { margin: 0 0 15px; font-size: 1.5rem; word-wrap: break-word; color: #000000; font-family: 'Montserrat', sans-serif; font-weight: normal; line-height: 24px; } a, a:visited, a:focus { color: #1c2e74; } a:hover { color: #2e459e; } /*--------------------------- End Typography CSS ---------------------------*/ /*--------------------------- End Base CSS ---------------------------*/ /*--------------------------- Header CSS ---------------------------*/ .mainPhone { text-align: right } .mainPhone a, .mainPhone a:visited { color: #fff; font-size: 2.25rem; line-height: 2; } .mainPhone a:hover { color: #fce240 } .dealerBar.row { padding: 20px 20px 10px; box-sizing: border-box; /*! max-height: 0; */ } header .phone_searchBox .search_box, header .phone_searchBox .col.phone_box.slide, header .model_holder { display: none; } header .address { text-align: right; padding-bottom: 10px; position: relative; } header { border-bottom: 1px solid #ddd; padding: 0 0 10px; background: #fff; z-index: 99999; position: relative; } .topBar { background: #1c2e74 } .social-icons ul { margin: 0; text-align: center; width: 80% } .html_item ul li {margin-bottom:0} .social-icons li { margin-bottom: 0; } .social-icons .fab { color: #fce240; font-size: 3rem; margin-top: 10px } .social-icons .fab:hover { color: #ffcc00; } .topBar .block-grid.four-up > li { width: 13%; } .topBar .block-grid.four-up > li:last-child { width: 25%; } .topBar .block-grid.four-up > li:last-child a { color: #fff; line-height: 5rem; font-size: 2rem; font-weight: bold } .topBar .block-grid.four-up > li:last-child a:hover { color: #fce240; } .dealerBar .phone { background: #1c2e74; box-sizing: border-box; overflow: hidden; padding: 50px 20px 15px } header.sticky { border-top: 0 none; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; background: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 rgba(0, 0, 0, .08), 0 0 2px 0 rgba(0, 0, 0, .1); } .dealerLogoArea.center { position: relative; min-height: 70px; } .closeSearch, .closeNav, .closePhones, .closehideMe { position: absolute; top: 0%; right: 0%; padding: 10px 15px; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; z-index: 100; background: #1c2e74; } .closeNav:hover, .closeSearch:hover, .closePhones:hover, .closehideMe:hover { box-shadow: none; font-size: 15px; background: #2e459e; } topBar.row { background: #192a73; } .locations a { font-size: 1.6rem; color: #000; line-height: 30px; background: #fce240; padding: 10px; box-sizing: border-box; text-transform: uppercase; width: 100%; display: block; } .locations a:hover { background: #ffcc00; } .locations a span { padding-left: 30px; } .fas.fa-bars { color: #000; font-size: 28px; margin-top: 0px; font-weight: 900; padding-top: 20px; } .fas.fa-bars:hover { color: #1c2e74; } .fas.fa-search { padding: 10px; box-sizing: border-box; background: #fff; border-radius: 50px; font-size: 28px; margin-top: 10px; } .fas.fa-search:hover { background: #1c2e74; color: #fff; } .dealerBar.row .eight {margin-left:0 !important} /*--------------------------- End Header CSS ---------------------------*/ /*--------------------------- Header Search Info CSS ---------------------------*/ #headerSearch { position: absolute; padding: 0; right: 0; z-index: 1000; width: 100%; top: 0; border: 1px solid #ddd; display: none; background: #fff; max-width: 350px; box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, .3); box-sizing: border-box; height: 100vh; } #headerSearch form { margin: 0 0 0px; } #headerSearch input[type="text"]:focus, #headerSearch textarea:hover, #headerSearch input[type="email"]:hover { -webkit-box-shadow: none; box-shadow: none; outline: none } #headerSearch .invSrchHeader { margin-bottom: 0; } #headerSearch #InvSearchBoxWrapper .invKeywordBtn { display: none; } header .phone_searchBox .twelve.columns { width: 100%; box-sizing: border-box; } #headerSearch #InvSearchBoxWrapper #InvSearchKeyword { background: #1c2e74; box-sizing: border-box; overflow: hidden; padding: 50px 20px 15px; } #headerSearch #InvSearchBoxWrapper #InvSearchKeyword input { background: #fff; border: 0 none; border-radius: 0; box-sizing: border-box; color: #444444; font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 300; height: 44px; width: 100%; margin: 0; padding: 5px; } #headerSearch #InvSearchBoxWrapper #InvSearchKeyword input:focus, #headerSearch #InvSearchBoxWrapper #InvSearchKeyword input:hover { box-shadow: none; } #headerSearch #InvSearchDivider { display: none; } #headerSearch #InvSearchBoxHP > div { padding: 20px; background: #fff; min-height: 500px; } #headerSearch #InvSearchBoxHP ul#InvSearchBoxTypeBox { margin: 0; } #headerSearch #InvSearchBoxHP ul#InvSearchBoxTypeBox li { border: 0 none; clear: none; width: 31%; display: inline-block; vertical-align: top; box-sizing: border-box; } #headerSearch #InvSearchBoxHP ul#InvSearchBoxTypeBox li input { float: left; margin: 2px 0 0 0; vertical-align: text-bottom; width: auto; } #headerSearch #InvSearchBoxHP ul#InvSearchBoxTypeBox li label { display: inline-block; font-size: 16px; margin-bottom: 4px; text-align: left !important; vertical-align: middle; width: 100%; font-weight: 400; text-transform: capitalize; } #headerSearch input[type=checkbox]:checked { background: #000; border: 2px solid red; } #headerSearch input[type="text"]:focus, #headerSearch input[type="text"]:hover, #headerSearch input[type="email"]:focus, #headerSearch input[type="password"]:focus, #headerSearch textarea:focus { box-shadow: none; } #headerSearch #InvSearchBoxHP select { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -moz-appearance: none; } #headerSearch .formContainer input[type="submit"] { -webkit-appearance: none; } #headerSearch #InvSearchBoxDropDownBox > span { background: rgba(0, 0, 0, 0) url("https://s3.amazonaws.com/dom-cms/Site/d4571a37-7b49-4699-aed1-e50056b31dd1/images/home/icon-arrow-down.png") no-repeat 94% 50%; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; display: block; width: 100%; } #headerSearch #InvSearchBoxHP select { background: rgba(0, 0, 0, 0); border: 0 none; height: 67px; margin: 0; font-size: 18px; font-weight: 300; color: #000; text-transform: uppercase; padding: 0 12px; } #headerSearch #InvSearchBoxSubmit { margin: 0; } #headerSearch #InvSearchBoxHP #InvSearchBoxSubmit li { display: block; float: none; width: 100%; text-align: center; margin: 0; } #headerSearch #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } #headerSearch #InvSearchBoxHP #InvSearchBoxSubmit li.startOverInvSearch { display: none; } #headerSearch #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton a { width: 300px; height: 74px; background-color: #1c2e74; font-size: 2rem; font-weight: 500; color: #fff; display: block; text-transform: uppercase; margin: 40px auto 0; line-height: 74px; display: block; } #headerSearch #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton a:hover { background: #2e459e; } #headerSearch #InvSearchBoxHP #InvSearchBoxSubmit span.SubmitSearchbutton span.invIcon { display: none; } #headerSearch h3.invSrchHeader { display: none; } /*--------------------------- End Header Search Info CSS ---------------------------*/ /*--------------------------- Header location info ---------------------------*/ #locationInfo { position: absolute; padding: 0; right: 0; z-index: 1000; width: 100%; top: 0px; display: none; background-image: -webkit-linear-gradient(30deg, #1c2e74 45%, #2e459e 45%); max-width: 100%; box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.3); height: 75vh; overflow-y: auto; padding-top: 60px; padding-bottom: 30px; } #locationInfo h1 { color: #fff; } #locationInfo ul { margin: 0 auto; max-width: 1400px; padding-left: 15px; padding-right: 15px; width: 90%; text-align: center; } #locationInfo li { background: #fff; box-shadow: 0px 4px 10px rgba(15, 15, 15, 0.3); -webkit-box-shadow: 0px 4px 10px rgba(15, 15, 15, 0.3); -moz-box-shadow: 0px 4px 10px rgba(15, 15, 15, 0.3); padding: 20px; box-sizing: border-box; margin-bottom: 30px; border: 1px solid #ddd; } #locationInfo li h2, #locationInfo li h2 a.mapLink { padding: 0 0 20px; font-weight: bold; letter-spacing: .05em; text-transform: uppercase; font-size: 16px; color: #001e43; } #locationInfo li h2 { padding: 0; margin: 0; } #locationInfo h2 span { display: block; font-weight: bold; font-size: 16px; color: #001e43; } #locationInfo li a.mapLink, #locationInfo li span { font-size: 16px; display: block; padding-bottom: 20px; color: #000; font-weight: 500; } #locationInfo ul span { padding: 0; } #locationInfo li .button { margin-top: 20px; padding-top: 0px; text-transform: uppercase; letter-spacing: 1px; display: block; } #locationInfo li .button:hover { background: #2e459e; } /*--------------------------- End Header location CSS ---------------------------*/ /*--------------------------- Navigation CSS ---------------------------*/ /*** Navigation Colors ***/ #nav-container > li > a, .menuModal a, .menuModal strong, .menuModal div, .menuModal span { color: #000; } .nav { background: none; border-width: 1px 0; } #nav-container a:hover, #nav-container li.sfhover > a, #nav-container li ul li a:hover { background: #fff; color: #C00; } #nav-container ul li a { color: #242424; } /*** Navigation Structure ***/ #nav-container .flyoutNav { max-width: 266px; display: none; background: #000; text-align: center; border: 1px solid #ccc; margin-left: 2px; } .nav { clear: both; margin: 0 auto; text-align: center; position: relative; z-index: 100; } #nav-container, #nav-container ul { margin: 0 auto; z-index: 100; position: relative; font-weight: bold; } #nav-container a { display: block; padding: 0 12px; } #nav-container li { display: inline-block; position: relative; margin: 0; line-height: 35px; } #nav-container > li a { font-size: 14px; font-weight: bold; line-height: 1; } #nav-container li ul { z-index: 5; line-height: normal; position: absolute; width: 250px; display: none; margin: 0; padding: 0; box-shadow: 0 4px 6px rgba(0, 0, 0, .5); background: #1c2e74; } .topHeader_holder div.nav #nav-container li ul li a { margin: 0; padding: 20px 10px 20px 14px; font-size: 12px; line-height: 18px; color: #000000; text-transform: capitalize; border-bottom: 1px solid #cdd1d4; } .topHeader_holder div.nav #nav-container li ul li:last-child a { border-bottom: none; } .topHeader_holder div.nav #nav-container li ul li a:hover { background: #1c2e74; color: #fff; } .topHeader_holder div.nav #nav-container li ul li a {} #nav-container li ul li { width: 100%; } #nav-container li ul li a { font-weight: normal; text-align: left; padding: 0; font-size: 14px; font-size: 1.4rem; text-decoration: none; line-height: 1.75; } /* Positioning for Third-level navigation */ #nav-container li ul ul { left: 0px; margin: -25px 0 0 115px; width: 215px; } #nav-container li:hover ul ul, #nav-container li:hover ul ul ul, #nav-container li:hover ul ul ul ul { display: none; } #nav-container li:hover ul, #nav-container li li:hover ul, #nav-container li li li:hover ul, #nav-container li li li li:hover ul { display: block; } /*** Show the Mobile Menu edit html item ***/ .cke_editable .editMobileMenu.hide { display: block !important; background: #666; color: #fff; padding: 10px 0; margin: 20px; } /*** Mobile Menu Structure ***/ /*** Overlays ***/ .menuModal { background: rgba(0, 0, 0, .9); position: fixed; width: 100%; top: 0; left: 0; height: 100%; padding: 30px 0 0 0; z-index: 11111; border-top: 1px solid #999; margin-top: 40px; overflow-y: auto; } .modalClose { position: absolute; top: 10px; right: 25px; width: 30px; cursor: pointer; } .menuModal div { margin-bottom: 15px; } .menuModal strong { font-size: 20px; font-size: 2rem; display: block; } .menuModal, .menuModal a, .menuModal div { font-size: 16px; font-size: 1.6rem; } /* Slide-out Menu */ .sideShowing #SiteContainer { position: relative; } #nav-container li ul { position: absolute; } .sideShowing #SiteContainer { left: 0; } nav { top: 2px; left: -268px; position: absolute; padding: 0; } .nav { height: auto; border: none; } #nav-container { height: auto; top: -2px; left: 0; padding: 0; text-align: right; z-index: 55; position: absolute; background: #fff; margin: 0; float: left; } #nav-container > li a { color: #000; font-size: 1.5rem; font-weight: 600; line-height: 2; } #nav-container > li:hover > a, #nav-container a:hover, li.sfhover, #nav-container li.sfhover > a { color: #fff; text-decoration: none; background: #000; } #nav-container li ul { width: 96%; margin: 0 auto; box-shadow: none; } #nav-container li ul li { border: 0; } #nav-container li ul li a { font-size: 1.4rem; } #nav-container a { display: block; padding: 0px; } #nav-container li ul { width: auto; background: #fff; box-shadow: none; left: 0; width: 250px; top: 34px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1), 0 2px 5px 0 rgba(0, 0, 0, .08), 0 0 2px 0 rgba(0, 0, 0, .1); } #hoursBox { text-align: center; } #nav-container > li > a { border-bottom: 0; padding: 10px; } #nav-container li ul li a { border-bottom: 0 none; padding: 5px 20px; text-transform: capitalize; color: #000; } #nav-container li ul li a:hover { background: #1c2e74 none repeat scroll 0 0; border-bottom: 0 solid #1c2e74; color: #ffffff; } #nav-container { bottom: 0; display: block; left: 0; position: static !important; top: 0; } .menuModal div { width: 100%; text-align: center; margin-bottom: 6px; } /*** Overlays ***/ .menuModal { background: rgba(0, 0, 0, .9); position: fixed; width: 100%; top: 0; left: 0; height: 100%; padding: 30px 0 0 0; z-index: 11111; border-top: 1px solid #999; margin-top: 0px; overflow-y: auto; } .modalClose { position: absolute; top: 10px; right: 25px; width: 30px; cursor: pointer; } .menuModal div { margin-bottom: 15px; } .menuModal strong { font-size: 20px; font-size: 2rem; display: block; } .menuModal, .menuModal a, .menuModal div { font-size: 16px; font-size: 1.6rem; } #nav-container li .flyoutNav { border: 0 none; font-size: 20px; font-weight: 600; line-height: 64px; margin: 0; padding: 0; text-transform: capitalize; color: #fff; background: #1c2e74; display: block; } #nav-container li .flyoutNav:hover { background: #1c2e74; color: #fff; } .showNav { display: none; } .closeNav { display: none; } #siteNav { margin-top: 0; text-align: center; padding-top: 20px; } .nav-bar { border: 0; margin: 0; text-align: center; } .nav-bar > li { border: none; float: none; display: inline-block; } .nav-bar > li a { color: #232828; border: 0; } #siteNav .nav-bar > li > a.main { padding: 0 13px; font-size: 14px; color: #000000; line-height: 35px; font-weight: bold; } #nav-container > li:hover > a, #nav-container a:hover, li.sfhover, #nav-container li.sfhover > a, #siteNav .nav-bar > li > a.main:hover { background: transparent; color: #1c2e74; } .nav-bar > li a:hover { color: #1c2e74; } .flyout { background: #fff; border: 0; } .nav-bar > li.has-flyout > a.main.changeMe { color: #1c2e74; } #nav-container > li > ul li a { color: #232828; font-size: 12px; margin-left: 0px; font-weight: 500; } #nav-container > li > ul li a:hover { color: #fff; } .nav-bar > li.has-flyout > a.flyout-toggle { border-left: none; } .nav-bar > li.has-flyout > a.flyout-toggle span { border-top: 4px solid #1a7b06; } ul.flyout.small { text-align: left; width: 300px; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; } /*--------------------------- End Navigation CSS ---------------------------*/ /*--------------------------- Button CSS ---------------------------*/ #main .button, #main .button:focus, #main .button:visited, header .button, header .button:focus, header .button:visited { background: #1c2e74; border: 0px solid transparent; border-radius: 50px; color: #fff; font-size: 1.5rem; font-weight: 700; line-height: 35px; padding: 0; text-align: center; -webkit-transition: background .2s ease, border .2s ease, color .2s ease; transition: background .2s ease, border .2s ease, color .2s ease; vertical-align: middle; text-transform: capitalize; font-family: 'Montserrat', sans-serif; } #main .button:hover, header .button:hover { background: #2e459e; } /*--------------------------- End Button CSS ---------------------------*/ /*--------------------------- FORMS ---------------------------*/ form.nice div.form-field input, form.nice input.input-text, form.nice textarea { background: none; } .dual .six.columns.offset-by-one input[type="text"], .dual .six.columns.offset-by-one input[type="email"], .dual .six.columns.offset-by-one input[type="password"], .dual textarea, .dual input[type="text"] { font-size: 1.5rem; width: 100%; line-height: 3rem; } .dual form label, .vdp-cta-form form label { font-family: Montserrat, Helvetica, sans-serif !important; } .dual .chosen-container-single .chosen-single, .formw select, .vdp-cta-form input { position: relative; display: block; overflow: hidden; padding: 0 0 0 0; height: 40px; border: 1px solid #aaa; border-radius: 50px; background: #fff; background-clip: border-box; background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, .1); color: #444; text-decoration: none; white-space: nowrap; border-radius: 0; width: 100%; text-indent: 10px; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; } input[type="text"]:focus, input[type="text"]:hover, textarea:hover, textarea:focus, input[type="email"]:hover, input[type="email"]:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .dual .chosen-single { line-height: 4rem !important; font-size: 1.5rem !important; } .dual .chosen-container-single .chosen-single div { background-position: 0px 10px; } .dual input[type="submit"], .vdp-cta-form a.frmSubmit, .form-gotoNextPage, .form-gotoPrevPage, .form-gotoPrevPage:hover, .form-gotoPrevPageLast, .form-gotoPrevPageLast:hover { background: #1c2e74; border: none; color: #fff; font-size: 16px; float: right; cursor: pointer; margin: 0 0 10px 0; width: auto; font-weight: normal; border-radius: 50px; box-shadow: none; text-shadow: none; text-transform: capitalize; padding: 10px 35px; font-family: 'Montserrat', sans-serif; } .dual input[type="submit"]:hover, .vdp-cta-form a.frmSubmit:hover, .form-gotoPrevPage, .form-gotoPrevPageLast { background: #1a7b06; } #vdpFrm.vdp-cta-form a.frmSubmit { width: 50%; } #CalcPayment input, #CalcPayment select { width: 40% } #CalcPayment { margin-left: 20% } #CalcPayment dd:last-child { width: 40% } #CalcPayment .frmSubmit .dds-web-button { float: right; margin-bottom: 10px; } #CalcPayment .formw:not(input) { font-size: 1.5rem; font-weight: bold; } .dual .four #CalcPayment .form { background: #dedede; } .dual .four #CalcPayment { margin-left: 0 } .dual .four #CalcPayment .dds-web-button { background: #1c2e74; border-radius: 30px; padding: 10px 20px; float: none; display: block; margin: 0 auto; } .dual .four #CalcPayment dd:last-child { width: 75%; margin: 0 auto } /* modal Calculator */ #vdp-calculate-payment #IdMonths { width: 100%; } /*--------------------------- SIDEBAR ---------------------------*/ .sideBar { background: none; padding: 10px; box-sizing: border-box; border-left: 1px solid #ddd; } .sideBar h1.title { background: #000000; color: #fff; padding: 10px; box-sizing: border-box } .sideBar .pane { display: none; } .sideBar .pane.show { display: block; transition: max-height .2s ease; margin: 0 0 20px 20px; } .active a { text-decoration: none } .sideBar h2 { font-size: 1.75rem; } .sideBar h3 { font-size: 1.4rem; } .sideBar .googleMapMobile { padding-top: 56.25%; } /*---------------------------Location List Pages---------------------------*/ #locationList > .row > .six.columns { margin-left: 0; width: 50% } #locationList > .row > .six.columns { padding: 20px; box-sizing: border-box; } #locationList .six.grey { background: #eee } #locationList a { background: #000066; color: #fff; padding: 10px; margin: 20px 0; display: block; border-radius: 30px; text-align: center; box-sizing: border-box; } #locationList a:hover { background: #2e459e; } #locationList .twelve a { width: 70%; margin-left: 15%; } #locationList img { max-height: 180px } #locationList h3 { font-size: 24px; } #main .normal.button.purple.radius.extraButton { width: 50%; margin-bottom: 10px; } /*--------------------------- FORMS ---------------------------*/ .formContainer { max-width: 80% } form.nice div.form-field input, form.nice input.input-text, form.nice textarea { background: none; } .seven.columns.offset-by-one input[type="text"], .seven.columns.offset-by-one input[type="email"], .seven.columns.offset-by-one input[type="password"], textarea, input[type="text"] { font-size: 1.5rem; width: 100%; line-height: 3rem; } form label, .vdp-cta-form form label { font-family: Open Sans, Helvetica, sans-serif !important; } .chosen-container-single .chosen-single, .formw select, .vdp-cta-form input { position: relative; display: block; overflow: hidden; padding: 0 0 0 0; height: 40px; border: 1px solid #aaa; border-radius: 5px; background: #fff; background-clip: border-box; background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, .1); color: #444; text-decoration: none; white-space: nowrap; border-radius: 0; width: 100%; text-indent: 10px; font-size: 1.5rem; } input[type="text"]:focus, input[type="text"]:hover, textarea:hover, textarea:focus, input[type="email"]:hover, input[type="email"]:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; box-sizing: border-box; } .chosen-single { line-height: 4rem !important; font-size: 1.5rem !important; } .chosen-container-single .chosen-single div { background-position: 0px 10px; } input[type="submit"], .vdp-cta-form a.frmSubmit, .form-gotoNextPage, .form-gotoPrevPage, .form-gotoPrevPage:hover, .form-gotoPrevPageLast, .form-gotoPrevPageLast:hover { background: #1c2e74; border: none; color: #fff; padding: 9px 34px 11px; font-size: 1.5rem; float: right; cursor: pointer; margin-bottom: 10px; width: auto; font-weight: bold; border-radius: 30px; } input[type="submit"]:hover, .vdp-cta-form a.frmSubmit:hover, .form-gotoPrevPage, .form-gotoPrevPageLast { background: #2e459e; } #vdpFrm.vdp-cta-form a.frmSubmit { width: 50%; } #CalcPayment input, #CalcPayment select { width: 40% } #CalcPayment { margin-left: 20% } #CalcPayment dd:last-child { width: 40% } #CalcPayment .frmSubmit .dds-web-button { float: right; margin-bottom: 10px; } #CalcPayment .formw:not(input) { font-size: 1.5rem; font-weight: bold; } .four #CalcPayment .form { background: #dedede; } .four #CalcPayment { margin-left: 0 } .four #CalcPayment .dds-web-button { background: #1c2e74; border-radius: 30px; padding: 10px 20px; float: none; display: block; margin: 0 auto; } .four #CalcPayment dd:last-child { width: 75%; margin: 0 auto } /* modal Calculator */ #vdp-calculate-payment #IdMonths { width: 100%; } /*--------------------------- Mobile Menu CSS ---------------------------*/ .mobileMenu .three.columns { width: 25% !important; text-align: center; background: #fff; vertical-align: middle; float: left; } .three.columns.logoBtn img { max-width: 90%; vertical-align: middle; } .mobileMenuText { display: none } .mobileMenu .three.columns a { background: #fff; color: #11639d; padding: 5px 0; line-height: 50px; font-size: 18px; display: block; height: 50px; } .mobileMenu .three.columns a:hover { background: #1c2e74; color: #fff; } .mobileMenu .three.columns a:hover .fas { color: #fff; } .mobileMenu .three.columns.logoBtn a:hover { background: #fff; color: transparent; } .mobileMenuText { margin-left: 5px; } .navShow:hover .fas.fa-bars { color: #1c2e74; } /*--------------------------- End Mobile Menu CSS ---------------------------*/ /*--------------------------- Footer CSS ---------------------------*/ footer { padding-top: 0; text-align: left; color: #fff; font-size: 2rem; line-height: 1.5; padding: 75px 20px 75px; font-weight: normal; border-top: 0px solid #ddd; background: #1c2e74; box-sizing: border-box; } footer h4 { font-size: 28px; font-weight: bold; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0; letter-spacing: 1px; } footer a, footer a:visited, footer a:focus { color: #fff; display: block; font-size: 20px; letter-spacing: 1px; } footer a:hover { color: #fff; } footer li:not(.first) a:hover::before { font-family: "Font Awesome 5 Free"; content: "\f061"; color: #fff; font-size: 1.5rem; font-weight: 900; margin-right: 5px; line-height: 1; } footer li { list-style: none; margin: 20px 0 } /*--------------------------- End Footer CSS ---------------------------*/ /*--------------------------- Animation CSS ---------------------------*/ .smoove { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.delay-8s { -webkit-animation-delay: 8s; animation-delay: 8s; } .animated.delay-a { -webkit-animation-delay: .10s; animation-delay: .10s; } .animated.delay-b { -webkit-animation-delay: .20s; animation-delay: .20s; } .animated.delay-c { -webkit-animation-delay: .30s; animation-delay: .30s; ; } .animated.delay-d { -webkit-animation-delay: .40s; animation-delay: .40s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInDown { -webkit-animation: fadeInDown .3s !important; -moz-animation: fadeInDown .3s !important; -o-animation: fadeInDown .3s !important; animation: fadeInDown .3s !important; } .siteNav .fadeIn { -webkit-animation: fadeInDown .01s !important; -moz-animation: fadeInDown .01s !important; -o-animation: fadeInDown .01s !important; animation: fadeInDown .01s !important; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } /*--------------------------- End Animation CSS ---------------------------*/ /*--------------------------- Lazyload Youtube * Google Map ---------------------------*/ .youtube, .googleMap, .googleMapMobile { background-color: #000; margin-bottom: 0px; position: relative; padding-top: 31.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; top: 0%; left: 0; opacity: 1; } .googleMap img, .googleMapMobile img { width: 100%; top: 0%; left: 0; } .googleMap, .googleMapMobile { background-color: #EEE; border: 1px solid #DDD; } .googleMap img, .googleMapMobile img { opacity: 1; } .youtube img, .googleMap img { cursor: pointer; } .youtube img, .googleMap img, .googleMapMobile img, .youtube iframe, .googleMap iframe, .googleMapMobile iframe { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .youtube iframe, .googleMap iframe, .googleMapMobile iframe { height: 100%; width: 100%; top: 0; left: 0; } #mapArea { max-height: 40vh; overflow: hidden; border: 1px solid #ddd; margin-bottom: 10px; } #mapArea .googleMap { background-color: none; border: none; } .googleMap { padding-top: 28.75%; } /*--------------------------- End Lazyload Youtube * Google Map ---------------------------*/ /*--------------------------- Media Queries CSS ---------------------------*/ @media only screen and (max-width: 1600px) { #siteNav .nav-bar > li > a.main { padding: 0 10px; font-size: 14px; } .inv-search { width: 75px; } } @media only screen and (max-width: 1500px) { .topBar .block-grid.four-up > li { width: 13%; } .topBar .block-grid.four-up > li:last-child { width: 30%; } } @media only screen and (max-width: 1470px) { #siteNav .nav-bar > li > a.main { padding: 0px 6px; font-size: 12.5px; } .inv-search a .fas { font-size: 24px; } } @media only screen and (max-width: 1400px) { #additionalPhones .row { max-width: 100%; width: 100%; } } @media only screen and (max-width: 1350px) { #locationInfo li { width: 30% } } @media only screen and (max-width: 1300px) { #siteNav .nav-bar > li > a.main { font-size: 13px; } .mainPhone a, .mainPhone a:visited { font-size: 1.75rem; line-height: 2.5; } .dealerBar.row .eight {margin-left:4.4% !important} } @media only screen and (max-width: 1200px) { .topBar .block-grid.four-up > li { width: 14%; } .topBar .block-grid.four-up > li:last-child { width: 50%; } footer { font-size: 16px; } footer a, footer a:visited, footer a:focus { font-size: 16px; } footer .row ul { font-size: 16px; } #siteNav { margin-top: 0px; } } @media only screen and (max-width: 1100px) { #main .InvSpecialBox { min-height: 380px; } #locationList .twelve a { width: 100%; margin-left: 0 } footer { padding: 50px 0 30px; } } @media only screen and (max-width: 1023px) { .mainPhone a, .mainPhone a:visited { font-size: 1.45rem; line-height: 3.5; } .showNav { display: block; } .closeNav { display: block; } #siteNav { display: none; position: absolute; top: -70px; left: 0; z-index: 1000; margin-top: 0; right: 0; max-width: 75%; padding: 0; } .locations a { font-size: 1.65rem; } #nav-container { max-height: 90vh; overflow: auto; border-radius: 0px; box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.3); padding: 10px 0; margin: 0; } .nav-bar { height: auto } .nav-bar > li > a.main { text-align: left; border-top: none; border-right: none; } #nav-container > li > ul li a { margin-left: 0px; } #siteNav .nav-bar > li > a.main { font-weight: normal; padding: 0 10px; font-size: 16px; } #siteNav .nav-bar li { width: 100%; padding: 0 10px; box-sizing: border-box; } ul.flyout.small { width: 100%; background: #eee; position: relative; top: 0; margin-bottom: 20px; border: none !important; } #nav-container li ul { position: relative; width: 99%; top: 0; } #nav-container li ul li { padding: 0; } #nav-container li ul li a { padding: 5px 10px; } .show-on-desktops { display: none !important } .show-on-tablets { display: block !important } #locationInfo li { width: 48% } .locations a { font-size: 1.5rem; } footer { text-align: left; padding: 40px 0 20px; } } @media only screen and (max-width: 992px) { #nav-container li ul { margin: 0; width: 100%; } .D_modal, .D_modal1, .video_modal { width: 90%; margin-left: -45%; } #standard_preq { max-width: 100% !important; } #nav-container { bottom: 0; display: block; left: 0; position: static !important; top: 0; margin-top: 0; } #additionalPhones .row .three { width: 46% !important; margin: 0 2% 20px; float: left } } @media only screen and (max-width: 950px) { .locations a { font-size: 1.2rem; padding: 10px 5px } #main .InvSpecialBox { min-height: 400px; } } @media only screen and (max-width: 850px) { .sticky + #main { padding-top: 110px; } } @media only screen and (max-width: 800px) { #main .InvSpecialBox { min-height: 420px; } #siteNav { top: -60px; } #additionalPhones { top: 88px; } } @media only screen and (max-width: 767px) { #locationInfo { top: -33px; } #locationInfo li { width: 100%; } header .row { max-width: 100%; } #siteNav { max-width: 100%; } #nav-container { bottom: 0; display: block; left: 0; position: static !important; top: 0; margin-top: 0px; max-width: 100%; width: 100%; } header .logo, header .address { text-align: center; } .formcontainer form { box-shadow: none; margin-left: 0; } form input { display: block; float: none; width: 100%; } label + select { float: none; } label + select, label + input[type="text"], label + input[type="email"], label + input[type="password"], label + input[type="checkbox"] { width: 100%; } form input { display: block; float: none; width: 50%; float: left; } .row .columns { width: 100%; margin: 0; } .mobileMenu, #nav-container .flyoutNav, #nav-container li { display: block; } #nav-container li ul ul, .mobileMenu .callBtn /*, header .mapLink*/ { display: none; } #nav-container li ul { position: relative; } header .show-on-phones a { display: inline-block; vertical-align: middle; } #nav-container li { margin: 0; } #hoursBox { text-align: center; } #CalcPaymentRev select { width: 100%; } #CalcPayment dl.form input { float: none; margin-left: 5px; } #CalcPayment .form span.formw .bump, .paymentCalcItem .form span.formw .bump { margin-left: 5px; } #main .InvSpecialBox { min-height: 600px; } ul.mobileMenu { right: 45%; } .CopyRight.row { padding: 15px; } .CopyRight .copyright { font-size: 14px; line-height: 18px; } header.sticky { border-bottom: 2px solid #1c2e74; } .fa-2x { font-size: 1em !important; } .fas.fa-bars { color: #000; font-size: 18px; margin-top: 0px; padding-top: 0px; } .fas.fa-bars, .fas.fa-search, .fas.fa-map-marker-alt { font-size: 18px; margin: 0; font-size: 22px; color: #000; } .fas.fa-search { background: none } .mobileMenu .three.columns a { font-size: 18px; color: #000 } #nav-container { margin: 0; } .center.showNav { display: none; } .img_block .show-on-phones { display: none !important; } header { padding: 33px 0 0; height: 27px; } .dealerBar { min-height: auto; } .row.mobileMenu.show-on-phones { position: fixed; z-index: 100; top: 44px; left: 0; background: #fff; border-bottom: 1px solid #ddd; } .sticky { position: fixed; z-index: 2; } .topBar { position: absolute; display: block; z-index: 1; top: -32px; padding:0 10px; } .topBar .locations { display: none; } .topBar .three.columns { width: 30% !important; float: left } .topBar.row .five.columns { width: 45% !important; float:left; } .topBar .six.columns { width: 45% !important; float: right; } #main { padding: 48px 20px 20px; } #additionalPhones, #headerSearch { top: -35px; } .dealerLogoArea { display: none; } #siteNav { width: 100%; top: -75px; background: #fff; padding: 0; margin: 20px 0; } #mapArea { max-height: 50vh; overflow: hidden; } .youtube, .googleMap, .googleMapMobile { padding-top: 52.25%; } .navShow:hover .fas.fa-bars { color: #fff; } .img_block .show-on-phones, #modelList { display: none !important; } .dealerBar .three, .dealerBar .one { display: none; } footer .three { width: 100%; text-align: center } footer .row ul { margin: 0; } .locations.row, .dealerBar .nine .search.tablet { display: none; } .sticky + #main { padding-top: 80px; } #locationList { text-align: center; } #locationList .six.holder.grey { background: none } #locationList .six.holder:nth-child(odd) { background: #eee } .MandD { text-align: center } #main .normal.button.purple.radius.extraButton { width: 75%; margin: 0 12.5% 10px; } .mainPhone a, .mainPhone a:visited { font-size: 2rem; line-height: 45px } .topBar .block-grid.four-up > li:last-child { width: 46%; float: right; } .topBar .block-grid.four-up > li { width: 12%; } .social-icons ul { width: 100% } .social-icons .fab { font-size: 2rem; } .topBar .block-grid.four-up > li:last-child a { color: #fff; line-height: 4.5rem; font-size: 1.55rem; } h1, .h1 { font-size: 2.50rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 2.15rem; } h4, .h4 { font-size: 2rem; } .topBar .block-grid.four-up > li:last-child a{ line-height:4rem; font-size:1.25rem; } .topBar .block-grid.four-up > li:last-child a:hover{ color:#fce240; } } @media only screen and (max-width: 640px) { .show-on-tablets { display: none !important } .show-on-phones { display: block !important } .img_block .show-on-phones { display: block !important } } @media only screen and (max-width: 480px) { .menuModal div { width: 100%; text-align: center; margin-bottom: 6px; } .formContainer form { box-shadow: none; margin: 0 auto 20px; width: 100%; } input[type="submit"] { width: 90%; margin: 10px auto 0; } .mobileMenu .menu { line-height: 30px; } #main .InvSpecialBox { min-height: auto; width: 100%; display: block; margin: 0 auto 30px; } .mobileMenu .three.columns { width: 18% !important; } .mobileMenu .three.columns:nth-child(2), .mobileMenu .three.columns:nth-child(3) { width: 30% !important; } .mobileMenuText { display: none; } .fas.fa-bars, .fas.fa-search, .fas.fa-map-marker-alt { font-size: 18px; } #main .normal.button.purple.radius.extraButton { max-width: 80%; } } @media only screen and (max-width: 400px) { .mobileMenu li { text-align: center; } .mobileMenu a { line-height: 30px; } .mobileMenu strong { display: none; } .mobileMenu span { float: none; display: inline-block; margin: 5px 0 0 } span.csv-mobile-title { font-size: 12px !important; } .mobileMenuText { display: none !important; } } @media only screen and (max-width: 360px) { .mobileMenu li { width: 100%; } .mobileMenu img { float: none; } } @media print { .reveal-modal { background: #fff !important; }} /*--------------------------- End Media Queries CSS ---------------------------*/ /* ---- FILE HEADER: https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap ---- */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w5aX8.ttf) format('truetype'); } /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/Site/9b3d24b7-a145-4ddd-bbb2-d206db828807/css/slick.css ---- */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/Site/9b3d24b7-a145-4ddd-bbb2-d206db828807/css/font-awesome.TRIMMED.min.css ---- */ /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul > li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { animation: fa-spin 2s infinite linear } .fa-pulse { animation: fa-spin 1s infinite steps(8) } @keyframes fa-spin { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .fa-rotate-90 { transform: rotate(90deg) } .fa-rotate-180 { transform: rotate(180deg) } .fa-rotate-270 { transform: rotate(270deg) } .fa-flip-horizontal { transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-air-freshener:before { content: "\f5d0" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-asterisk:before { content: "\f069" } .fa-award:before { content: "\f559" } .fa-bars:before { content: "\f0c9" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-three-quarters:before { content: "\f241" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-blog:before { content: "\f781" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bone:before { content: "\f5d7" } .fa-book:before { content: "\f02d" } .fa-book-open:before { content: "\f518" } .fa-bookmark:before { content: "\f02e" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-boxes:before { content: "\f468" } .fa-briefcase:before { content: "\f0b1" } .fa-broadcast-tower:before { content: "\f519" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-business-time:before { content: "\f64a" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-day:before { content: "\f783" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-calendar-week:before { content: "\f784" } .fa-camera:before { content: "\f030" } .fa-camera-retro:before { content: "\f083" } .fa-car:before { content: "\f1b9" } .fa-car-alt:before { content: "\f5de" } .fa-car-battery:before { content: "\f5df" } .fa-car-crash:before { content: "\f5e1" } .fa-car-side:before { content: "\f5e4" } .fa-caravan:before { content: "\f8ff" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-cash-register:before { content: "\f788" } .fa-cat:before { content: "\f6be" } .fa-certificate:before { content: "\f0a3" } .fa-chair:before { content: "\f6c0" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-charging-station:before { content: "\f5e7" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-up:before { content: "\f077" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-city:before { content: "\f64f" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-dollar:before { content: "\f651" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-medical:before { content: "\f7f5" } .fa-comment-slash:before { content: "\f4b3" } .fa-comments:before { content: "\f086" } .fa-comments-dollar:before { content: "\f653" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-compress-arrows-alt:before { content: "\f78c" } .fa-concierge-bell:before { content: "\f562" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-credit-card:before { content: "\f09d" } .fa-cut:before { content: "\f0c4" } .fa-desktop:before { content: "\f108" } .fa-directions:before { content: "\f5eb" } .fa-divide:before { content: "\f529" } .fa-dna:before { content: "\f471" } .fa-dog:before { content: "\f6d3" } .fa-dollar-sign:before { content: "\f155" } .fa-donate:before { content: "\f4b9" } .fa-dot-circle:before { content: "\f192" } .fa-download:before { content: "\f019" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-text:before { content: "\f658" } .fa-envelope-square:before { content: "\f199" } .fa-equals:before { content: "\f52c" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fax:before { content: "\f1ac" } .fa-female:before { content: "\f182" } .fa-file-signature:before { content: "\f573" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-alt:before { content: "\f7e4" } .fa-fire-extinguisher:before { content: "\f134" } .fa-first-aid:before { content: "\f479" } .fa-fist-raised:before { content: "\f6de" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flag-usa:before { content: "\f74d" } .fa-flask:before { content: "\f0c3" } .fa-gas-pump:before { content: "\f52f" } .fa-gift:before { content: "\f06b" } .fa-gifts:before { content: "\f79c" } .fa-glasses:before { content: "\f530" } .fa-globe:before { content: "\f0ac" } .fa-globe-americas:before { content: "\f57d" } .fa-google:before { content: "\f1a0" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-graduation-cap:before { content: "\f19d" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-hammer:before { content: "\f6e3" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-handshake:before { content: "\f2b5" } .fa-hard-hat:before { content: "\f807" } .fa-hashtag:before { content: "\f292" } .fa-hat-wizard:before { content: "\f6e8" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heart-broken:before { content: "\f7a9" } .fa-heartbeat:before { content: "\f21e" } .fa-helicopter:before { content: "\f533" } .fa-home:before { content: "\f015" } .fa-i-cursor:before { content: "\f246" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-instagram:before { content: "\f16d" } .fa-key:before { content: "\f084" } .fa-keyboard:before { content: "\f11c" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up-alt:before { content: "\f3bf" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-open:before { content: "\f3c1" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } . .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-motorcycle:before { content: "\f21c" } .fa-mouse-pointer:before { content: "\f245" } .fa-newspaper:before { content: "\f1ea" } .fa-not-equal:before { content: "\f53e" } .fa-oil-can:before { content: "\f613" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-peace:before { content: "\f67c" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-phone:before { content: "\f095" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-volume:before { content: "\f2a0" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-square:before { content: "\f0fe" } .fa-poll:before { content: "\f681" } .fa-poll-h:before { content: "\f682" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-print:before { content: "\f02f" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-readme:before { content: "\f4d5" } .fa-recycle:before { content: "\f1b8" } .fa-road:before { content: "\f018" } .fa-search:before { content: "\f002" } .fa-search-dollar:before { content: "\f688" } .fa-search-location:before { content: "\f689" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-shoe-prints:before { content: "\f54b" } .fa-shipping-fast:before { content: "\f48b" } .fa-signature:before { content: "\f5b7" } .fa-sitemap:before { content: "\f0e8" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-wink:before { content: "\f4da" } .fa-sms:before { content: "\f7cd" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowflake:before { content: "\f2dc" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-and-crescent:before { content: "\f699" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-sun:before { content: "\f185" } .fa-surprise:before { content: "\f5c2" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-temperature-high:before { content: "\f769" } .fa-temperature-low:before { content: "\f76b" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket-alt:before { content: "\f3ff" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-toolbox:before { content: "\f552" } .fa-tools:before { content: "\f7d9" } .fa-trademark:before { content: "\f25c" } .fa-traffic-light:before { content: "\f637" } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-trash-restore:before { content: "\f829" } .fa-trash-restore-alt:before { content: "\f82a" } .fa-tree:before { content: "\f1bb" } .fa-trophy:before { content: "\f091" } .fa-truck:before { content: "\f0d1" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-monster:before { content: "\f63b" } .fa-truck-moving:before { content: "\f4df" } .fa-truck-pickup:before { content: "\f63c" } .fa-tv:before { content: "\f26c" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-university:before { content: "\f19c" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-injured:before { content: "\f728" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-nurse:before { content: "\f82f" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-video:before { content: "\f03d" } .fa-video-slash:before { content: "\f4e2" } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-yelp:before { content: "\f1e9" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } .fa-check-square-o:before { content: "\f14a"; } .fa-square-o:before { content: "\f0c8"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .fa-angle-down:before { content: "\f107" } .fa-square:before { content: "\f0c8" } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; src: url(https://s3.amazonaws.com/dom-cms/Site/9b3d24b7-a145-4ddd-bbb2-d206db828807/webfonts/fa-brands-400.woff) format("woff"); font-display: swap } .fab { font-family: 'Font Awesome 5 Brands' } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url(https://s3.amazonaws.com/dom-cms/Site/9b3d24b7-a145-4ddd-bbb2-d206db828807/webfonts/fa-solid-900.woff) format("woff"); font-display: swap } .fa, .far, .fas { font-family: 'Font Awesome 5 Free'; font-display: swap } .fa, .fas { font-weight: 900 } /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/prod-web/Content/Inventory/inventoryStyle.css ---- */ /* inventoryStyle.css */ /* ---------------------------------------------- * Inventory Styles * To overwrite styles, target the element by the surrounding .InvContainer and its class/tag ---------------------------------------------*/ .InvContainer {font: normal 11px Trebuchet MS, Arial, sans-serif;color:#000;} .InvContainer h4, .InvContainer h4 small{font-family:Trebuchet MS, Arial, sans-serif;font-weight:normal;color:#000;} .InvContainer select {font: normal 10px Trebuchet MS, Arial, sans-serif;font-size: 1.0rem;} .InvContainer form.nice div.form-field input, .InvContainer form.nice input.input-text, .InvContainer form.nice textarea { font-size: 10px;font-size: 1.0rem;} .InvContainer ul.inline li, #PaginationBottom li {display:inline-block;*display: inline; *zoom:1;} .InvContainer .uppercase {text-transform:uppercase;} .InvContainer ul, .InvContainer li, .InvContainer p, .InvContainer form {margin-bottom:0;} .InvContainer p{font-size:12px;} .InvContainer p.phoneNumber { color: #369; } /* -------Header---------- */ .InvContainer #hdrBoxALL{margin-bottom:10px;} .InvContainer #InvTitleArea {font-size:20px;font-weight:normal;text-transform: uppercase;} .InvContainer #InvTitleArea .srchTitleType{color: #369;} .InvContainer #InvTitleArea .srchTitle{color:#000;} /*------------------------------------------- * Header Select Boxes and Views -------------------------------------------*/ .InvContainer #PaginationTop{padding: 10px 0;} .InvContainer select#ItemsPerPageSelect{margin:8px 0 0 0;} .ItemsPerPageLabel {display: none;} .SortByLabel{float:left;font-size:11px;margin:0 3px 0 0;} .InvContainer #SortViewBox {background: #EEE;border: 1px solid #A1B3B0;} .InvContainer #ViewType li, .InvContainer #SortViewBox li{margin-bottom:0;} #ViewType {padding:6px 10px;} #SortBySelect {margin-bottom:0;} .invSort {padding:10px;} .InvResultsItem.gryBox { margin-bottom: 10px; overflow: auto; } /* PrintShare */ .InvContainer #PrintShare {padding-top:6px;font-weight:bold;} .InvContainer #PrintShare a {color:#000;font-weight:normal;} .InvContainer #PrintShare .headerShare {padding-right:24px;} /* No Results Found */ .InvContainer .NoResultsFound {font-family:Verdana, sans-serif; font-weight:bold;padding:0 0 10px 10px;font-size:18px;} #InvResultsSearchFilterBtnsSide li {font-size: 10px;} /*------------------------------------------- * Look and Feel -------------------------------------------*/ /* Grey boxes */ .InvContainer .gryBox{border: 1px solid #A1B3B0;background: #EEE;} /*Special Listings (Green)*/ .InvContainer .special {background: url('images/invGreenBg.png') repeat-x 0 0 #CEF2A9;} .InvContainer .special .InvResultsItemHdr {background: url('images/invBgSprites.png') repeat-x 0 -1150px #ecedeb;} /* Fnacy Input */ .InvContainer input[type="text"] {background:url(images/invBgSprites.png) repeat-x 0 -400px #fff;} .InvContainer #sideBoxALL label{font-size:11px;font-weight:bold;} /*------------------------------------------- * Buttons -------------------------------------------*/ /* Buttons */ .InvContainer .button.green { background: url(images/invBgSprites.png) repeat-x 0 -200px; border-radius: 5px; font-weight: normal; font-size: 12px; padding: 0px 10px 0px; -webkit-text-shadow: 1px 1px 1px #244623; text-shadow: 1px 1px 1px #244623; border: solid 1px #476660; } .InvContainer .button.green.smIcon {padding: 4px 12px 3px;background-position:0 -300px;} .InvContainer .button.green.normal {padding: 5px 16px 5px;border: none;background-position:0 -300px;} .InvContainer .button.green:hover {background:#369;} /*------------------------------------------- * BG and Sprites for Inventory -------------------------------------------*/ /* 35 x 25 */ .invIcon { display: inline-block; *display: inline; zoom: 1; width: 35px; height: 25px; cursor: pointer; vertical-align:middle; background:url(images/invSprites.png) no-repeat; } /* Care Wrapper Compare */ .invIcon.compare{background-position: -35px -225px;position:absolute;top:0; right:0;margin-top:2px;} .invIcon.added {background-position: -35px -25px;} .invIcon.contact {background-position: -70px -25px;} .invIcon.comments {background-position: -105px -25px;} .invIcon.quote {background-position: -140px -25px;} .invIcon.apply {background-position: -175px -25px;} .invIcon.evaluate {background-position: -210px -25px;} .invIcon.name {background-position: -245px -25px;} .invIcon.sticker {background-position: -280px -25px;} .invIcon.interested {background-position: -315px -25px;} /* Show Only Button */ #InvResultsSearchFilterBtnsSide .invIcon{width:25px;} /* Side Bar Icons */ .invIcon.comment {background-position: -111px -175px;} .invIcon.video {background-position: -146px -175px;} .invIcon.photo {background-position: -181px -175px;} .invIcon.special {background-position: -41px -175px;} /* Hover */ .invIcon.comment:hover {background-position: -321px -175px;} .invIcon.video:hover {background-position: -356px -175px;} .invIcon.photo:hover {background-position: -391px -175px;} .invIcon.special:hover {background-position: -251px -175px;} .invIcon.startOver {background-position: -36px -200px;width: 28px;} .invIcon.searchWhite {background-position: -70px -200px;} .invIcon.search {background-position: -110px -200px;} .invIcon.checkbox {background-position: -70px -175px;} .invIcon.Plus {background-position: -350px -75px;} .invIcon.Minus {background-position: -280px -75px;} .invIcon.roll {background-position: -210px -175px;} /* Hover */ .invIcon.startOver:hover {background-position: -211px -200px;} .invIcon.searchWhite:hover {background-position: -245px -200px;} .invIcon.search:hover {background-position: -284px -200px;} .invIcon.checkbox:hover {background-position: -280px -175px;} .invIcon.Minus:hover {background-position: -315px -75px;} .invIcon.roll:hover {background-position: -420px -175px;} /* Date */ .invIcon.date {background-position: -70px -50px;} /* Social Buttons */ .invIcon.share {background-position: -110px -75px;} .invIcon.print {background-position: -78px -75px;} /* Hover */ .invIcon.share:hover {background-position: -251px -75px;} .invIcon.print:hover {background-position: -218px -75px;} /* View Types */ .invIcon.Spreadsheet {background-position: -182px -100px;} .invIcon.Grid {background-position: -217px -100px;} .invIcon.Block {background-position: -252px -100px;} .invIcon.Classified {background-position: -287px -100px;} /* Hover */ .invIcon.Spreadsheet:hover, .active .invIcon.Spreadsheet {background-position: -42px -100px;} .invIcon.Grid:hover, .active .invIcon.Grid {background-position: -77px -100px;} .invIcon.Block:hover, .active .invIcon.Block {background-position: -112px -100px;} .invIcon.Classified:hover, .active .invIcon.Classified {background-position: -147px -100px;} /* Car Photo Icons */ .invIcon.MediaPhotos {background-position: -179px -175px;} .invIcon.Media360 {background-position: -215px -175px;} .invIcon.MediaVideos {background-position: -145px -175px;} .invIcon.MediaComments {background-position: -108px -175px;} .MediaPhotos, .Media360, .MediaVideos,.MediaComments {width:25px;} /* Sets width specifically for these icons */ .invIcon.Spreadsheet, .invIcon.Grid, .invIcon.Block, .invIcon.Classified, .invIcon.share, .invIcon.print {width:21px;} /* Details Tabs */ .invIcon.photos {background-position: -175px -125px;} .invIcon.rotate {background-position: -210px -125px;} .invIcon.videos {background-position: -245px -125px;} .invIcon.features {background-position: -280px -175px;} .invIcon.options {background-position: -245px -175px;} .invIcon.reviews {background-position: -315px -175px;} .invIcon.awards {background-position: -210px -150px;} /* Hover */ .invIcon.photos:hover, .active .invIcon.photos {background-position: -35px -125px;} .invIcon.rotate:hover, .active .invIcon.rotate {background-position: -70px -125px;} .invIcon.videos:hover, .active .invIcon.videos {background-position: -105px -125px;} .invIcon.features:hover, .active .invIcon.features {background-position: -70px -175px;} .invIcon.options:hover, .active .invIcon.options {background-position: -35px -175px;} .invIcon.reviews:hover, .active .invIcon.reviews {background-position: -105px -175px;} .invIcon.awards:hover, .active .invIcon.awards {background-position: -70px -150px;} .invIcon.MPG {background-position: -283px -226px;width: 25px;} .invIcon.question { background-position: -432px -76px; width: 16px; } /* 140 x 50 - Used for 360 Spin */ .invIcon.spinCar {width: 140px;height: 49px;line-height:35px;} .invIcon.spinCar.exterior{background-position: -35px -310px;} .invIcon.spinCar.interior{background-position: -35px -360px;} /* 35 x 35 */ .invIcon.med {width: 35px;height: 35px;line-height:35px;} /* 11 x 10 */ .invIcon.tiny {width: 11px;height: 10px;line-height:10px;background:url(images/invSpritesTiny.png) no-repeat;} .invIcon.tiny.first {background-position: -11px -10px;} .invIcon.tiny.previous {background-position: -22px -10px;} .invIcon.tiny.next {background-position: -33px -10px;} .invIcon.tiny.last {background-position: -44px -10px;} .invIcon.tiny.search {background-position: -100px -11px;} .invIcon.tiny.certified {background-position: -122px -10px;} .invIcon.tiny.first:hover {background-position: -55px -10px;} .invIcon.tiny.previous:hover {background-position: -66px -10px;} .invIcon.tiny.next:hover {background-position: -77px -10px;} .invIcon.tiny.last:hover {background-position: -88px -10px;} /*------------------------------------------- * Padding, Margins and Hide -------------------------------------------*/ /*Removes Extra Foundation UL Margins */ .InvContainer .m6 { margin: 6px 0;overflow: hidden; } .InvContainer .InvResultsItemHdr .m6 { margin: 6px; } .InvContainer .m12{margin:10px;} .InvContainer .p12{padding:10px;} .InvContainer .mLeft{margin-left:12px;} .InvContainer .m12.nRight{margin-right: 2px;margin-top: 5px;} .InvContainer .w100 {width:100%;} /* Hide for Inventory */ .InvContainer .invHide{display:none;} /*------------------------------------- * Inventory Specific Styles ------------------------------------ */ .InvContainer .StartOver {color:#4B4B4B;font-size:9px;} .InvContainer #sideBoxALL a{color:#090;text-decoration:underline;} div#sideBoxALL ul li a:hover, div#sideBoxALL ul li.active a {text-decoration: none;color: #369;} .InvContainer .comparisonQueue {border: 1px solid #A1B3B0;background: #EEE;display:inline-block;} .InvContainer .comparisonQueue li {margin-bottom:0;} /* Results Colors */ .InvContainer #InvResultsSearchMileage li, .InvContainer #InvResultsSearchMpg li, .InvContainer #InvResultsSearchPriceRange li{color: #999;} .InvContainer #InvResultsSearchTypeSide .row{margin-bottom:12px;} .InvContainer #InvResultsSearchFilterBtnsSide li, .InvContainer #InvResultsSearchPriceRange li, .InvContainer #InvResultsSearchMileage li {margin-bottom:0px;} .InvContainer #InvResultsSearchFilterBtnsSide input{vertical-align: middle;} .InvContainer .invResultsCarTitle { line-height:22px;color:#000;font-size:18px; } .InvContainer .InvResultsItemHdr .invPricing { color: red;font-size:18px;-ms-word-wrap:break-word; word-wrap:break-word;text-align: right;display: block; } /* Result Header */ .InvContainer .Price1Title {color:#000;text-transform: uppercase;font-size: 12px;line-height: 14px;} .InvContainer .InvResultsItemHdr {background: url(images/invgreyscale.png) repeat-x 0 0 #EDEDED;border-bottom: 1px solid #A1B3B0;} .InvContainer .InvResultsItemHdr span.Price1Title {line-height: 14px !important;font-size:12px !important;} .InvContainer .MediaComments {display:none;} /*Search Table */ .InvContainer #InvResultsSearchStockNoSide table{border:0; background:none;margin:10px;} .InvContainer #InvResultsSearchStockNoSide td{padding: 0px 5px 0px 0px;} .InvContainer #InvResultsSearchStockNoSide input{margin-bottom:0;} #InvResultsSearchTypeBoxSide.m12 {margin-top: 12px 0px 0px 10px;} #InvResultsSearchTypeBoxSide ul.inline li label {font-size:10px;} #InvResultsSearchTypeBoxSide ul.inline li{margin-right:6px;} #InvResultsSearchTypeBoxSide ul.inline li:last-child{margin-right:0;} /*------------Listings Box ---------------------*/ .InvContainer #InvResults .gryBox {margin-bottom:12px;} /* Overriding some foundation styles to tighten up some of the spacing */ .InvContainer .InvResultsItemHdr.row .eight { width: 73%; } .InvContainer .InvResultsItemHdr.row .four { width: 25%; } .InvContainer .InvResultsItemHdr.row .four.columns { margin-left: 2%; } .InvContainer .InvResultsItemHdr .row .nine.invResultsCarTitle { width: 76%; } .InvContainer .InvResultsItemHdr .row .three.certBtn { margin-left: 2%;width: 22%; } /* Discount pricing specific styles */ /* Shared */ .listingsDiscountContainer .PriceTitle, .detailsDiscountContainer .PriceTitle { text-transform: capitalize; } .InvContainer .DiscountValue { display: block; font-style: italic; color: rgb(255, 0, 0); border-bottom: 1px dotted rgb(0, 0, 0); margin-bottom: 4px; line-height: 1.2; } .InvContainer .DiscountLabel { color: #000; font-size: 11px;line-height: 1; } .InvContainer .DiscountPrice { display: block;font-size: 18px;line-height: 1; } .InvContainer .discountDetails { margin-top: 6px; } .listingsDiscountRevealModal, .detailsDiscountRevealModal { position: fixed; left: 50%; top: 40px !important; padding: 30px 40px; width: 750px; } .InvContainer .reveal-modal-bg { position: fixed; } /* ----- Video ------------------------------------------------ */ .dds-defaultVideoPlayer { max-width: none; height:100%; min-height: 400px; } .dds-defaultVideoPlayer .mainBox {height:100%; width:100%} .invModal .invVideoWindow { height: 100% } .invModal #VideoBox { height: 100% } /* Listings */ .InvContainer .InvResultsItemHdr .invPricing .listingsDiscountContainer { font-size: 14px; } .listingsDiscountRevealModal { margin-left: -415px; } /* Details */ #invProfileSpecsHdr .detailsDiscountContainer { font-size: 16px; line-height: 1.2; } .detailsDiscountRevealModal { margin-left: -405px; } /* Additional Specials Text*/ .AdditionalPriceText { font-size: 0.7em; } @media only screen and (max-width: 820px) { .InvContainer a.listingsIncentiveModalLink { font-size: 11px; } } /* Old modal window styles*/ /* .discountRevealModal h3 { font-size: 18px;line-height: 20px;margin-bottom: 9px; } .discountRevealModal ul { margin-bottom: 9px; } .discountRevealModal li { font-size: 14px;margin-bottom: 0; } .discountRevealModal p { font-size: 14px; } .discountRevealModal .discountDisclaimer { font-size: 10px;line-height: 13px;text-indent: 10px; } */ /*------------- Header Results ----------*/ .InvContainer .NewUsedCertTitle { color: #369; font-size: 12px;text-transform: uppercase; } /* Pricing */ .InvContainer .InvResultsDetails{ color:#000; } .InvContainer .InvResultsDetailsWrap {margin-bottom:12px;} .InvContainer .InvResultsDetailsWrap .option, .InvContainer .InvProfileSpecsDetails .option {text-transform:none; color:#4B4B4B;} .InvContainer .otherPricing {padding-right:12px;font-size:11px;text-transform: uppercase;color:#000000;} .InvContainer .otherPricing li {display:inline-block;margin-left:20px;} .invDetailsHeaderExtra { margin: 6px 0; } .invDetailsHeaderExtra img { margin: 0 4px; max-height: 40px; } /* Certified Button */ .CertifiedFlag.button { padding: 3px 6px 3px; background-color:#326598; text-transform:uppercase; font: bold 11px/14px Arial,Verdana,sans-serif; margin-top:6px; } /* -------------Results Details----------------- */ .InvContainer .InvResultsDetails .option{margin-right:6px;} .InvContainer .InvResultsDetails li {padding-bottom:6px;} /* MPG */ .InvContainer .invResultsExtraDetails {font-size:10px;text-transform:none;text-align:center;} /* Media Buttons */ /*.InvContainer .invResultsMediaBtns {font-size:9px;outline: 1px solid #B8CCC9;background: #E6E6E6 url(images/invBgSprites.png) repeat-x 0 0;}*/ /* Car Image Wrapper, Car Info and Footer */ .invResultsCarWrapper { margin: 0px 0px 0 10px; background:#fff; border: 5px solid #A1B3B0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; } /* Fixes Spacing that appears under image */ .invResultsCarWrapper img{vertical-align:bottom;} /* Image Preview */ .invResultsMediaBtns { font-size:9px; color:#000; overflow:auto; /*display:inline-block; *display:inline;*zoom:1; margin:0 6px; */ } /* This Right Margin needs to change when more items are added .invResultsMediaBtns li {float:left;margin-right:24px;} */ .invResultsMediaBtns li:last-child { margin-right:0; } .invResultsMediaBtns li:only-child{ margin:0;width: 100%; } .invResultsMediaBtns a{ color:#000; } .invResultsMediaBtns .invIcon { height: 22px; } .invMediaText{display:block;} /* Mobile Buttons */ @media handheld, only screen and (max-width: 767px) { .invResultsMediaBtns { font-size: 16px; display: block; padding: 12px 0; } /* Media Icons */ .invMediaText{display:block;} } .roundedModal { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .smPad{padding: 41px 24px 24px;} /*.closePopUp { background-position: -316px -277px; color: #AAAAAA; font-size: 2.2rem; height: 33px; line-height: 0.5; position: absolute; right: -11px; top: -8px; }*/ .ColorSwatch{width: 13px;height: 8px;display: inline-block;vertical-align: middle;border: 1px solid #369;} .invResultsItemFooter a, .InvContainer .getDirectionsbtn a, .InvContainer .frmSubmit a{color:#fff;} .invResultsItemFooter .nav-bar {height: auto;background: transparent;margin-top: 0;border:none;} /* Details Photo ----------------------------------*/ .invIcon.magnify { position:absolute; right:0px; bottom:0; margin-right:6px; margin-bottom:12px; background-position:-35px -25px; } .invCarImg {position:relative;} /* Disclaimer */ #InvResultsDisclaimer {font: normal 12px Trebuchet MS, Arial, sans-serif;line-height:18px;color:#000;margin-top:12px;} #InvResultsDisclaimer strong {display:block; font-weight:700;} #InvResultsDisclaimer .show-on-phones {font-size: 1.5rem;line-height: 1.4;} /* Loading animation */ #loadingPages { font-size: 14px; font-weight: bold; line-height: 3; text-align: center; } #loadingPages img { display:inline; margin-right: 10px; } .invModal #loadingPages, .invDetails #loadingPages { position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; } .invModal iframe, .invDetails iframe { z-index: 10; } .invListingsViewDetails { background: #fff; border: 2px solid #A1B3B0; border-radius: 5px; font-size: 18px; line-height: 1; margin: 10px 6px 0 0; padding: 6px; text-align: center; } .invListingsViewDetails a { display: block; } /*------------------------------------- * Mobile Adjustments - Listings ------------------------------------ */ /* Only on Desktop and Tablet */ @media handheld, only screen and (min-width: 767px) { /* No Result Found */ .invResultsItemFooter .nav-bar > li {line-height:inherit;} .invResultsMediaBtns{text-align:center;} .otherPricing{padding-bottom: 6px;} .invResultsExtraDetails{margin-right:4px;} /* Input */ .InvContainer input[type="text"] {font-size: 10px;} /* Button */ .InvContainer .button.green.smIcon {font-size:10px;} } /* Only on Mobile */ @media handheld, only screen and (max-width: 767px) { /* Hide Elements .invIcon.tiny.certified, .invResultsItemFooter .button .invIcon { display: inline-block; } */ /* Grey Boxes */ .InvContainer .InvResultsItem.gryBox {overflow:visible;} #InvTitleArea, .invResultsCarTitle, .InvResultsItemHdr .Price1, .invPricing .otherPricing{text-align:center;} .invPricing .otherPricing li{font-size:1.4em;} .CertifiedFlag.button {border-radius:0;font-size: 1.2em;padding:6px;background:url(images/invBgSprites.png) 0 -465px repeat-x #369;margin-top:0;} /* Results Footer */ .invResultsItemFooter .button.radius {padding: 10px 0;} .invResultsItemFooter.m12 {overflow:visible;} .invResultsItemFooter .nav-bar {background: #fff;border:1px solid #DDD;} .invResultsItemFooter .nav-bar a{ color:#000;font-size: 20px;text-shadow: none; } .invResultsItemFooter a, .InvContainer .getDirectionsbtn a, .InvContainer .frmSubmit a{ color:#fff;text-shadow: 1px 1px 1px #000; } .invResultsItemFooter .button.green {border-radius:0 !important;} .invResultsItemFooter a.flyout-toggle span {border-top: 4px solid #fff !important;} .invResultsItemFooter .flyout {color:#000;text-shadow:none;} .invResultsItemFooter .nav-bar > li > a.main {border-top:none;} /* Results Details */ .InvResultsDetails ul{font-size:1.4em;margin:12px;text-transform:none;} .InvResultsDetails .option {text-transform: uppercase;} /* Buttons */ .InvContainer .button.green.normal {padding:10px 0;} .InvContainer .button.green{font-size:20px;} /* Side Box */ .invResultsExtraDetails {border: 2px solid #A1B3B0;border-radius: 5px;padding: 12px 0;background: #fff;margin-right: 6px;} .invIcon.compare{background-position: -70px -225px;position:absolute;top:0; right:0;margin-top:10px;margin-right:10px;} #InvResultsSearchZIPSide span, .StartOver, select.invDropdown {font-size:1.2em !important;} #InvResultsSearchTypeBoxSide {font-size:1.4em;} .InvResultsSearchZIPtext {display:block;} .SubmitSearch {padding: 10px 12px 9px !important;} #InvResultsSearchTypeBoxSide ul.inline li label {font-size:12px;} #InvResultsSearchTypeBoxSide ul.inline li{margin-right:24px;} /* Footer */ .InvContainer #InvResultsBottom {font-size: 15px;font-size: 1.5rem;line-height: 1.4;margin-top:10px;border:none;background:none;} /* Search Top */ #InvResultsSearchSubmitSide, #InvResultsSearchSubmitSide li {margin-left:0;width:100%;} } @media only screen and (max-width: 640px) { .InvResultsDetails .five.phone-two.columns {width:100% !important} .InvResultsDetails .four.phone-two.columns {width:100% !important; margin-left:0} } /* Very Small Width Fixes */ @media handheld, only screen and (max-width: 445px) { .invResultsExtraDetails{ display:none; } .InvResultsItem .InvResultsDetailsWrap .InvResultsDetailsPhone { width: 100% !important; float: none; margin: 0; } .InvResultsItem .InvResultsDetailsWrap .InvResultsDetailsMedia { width: 100% !important; float: none; } .invListingsViewDetails { border: 5px solid #A1B3B0; font-size: 20px; margin: 10px 10px 0; } .InvResultsItem .InvResultsDetailsWrap .invResultsCarWrapper { margin: 0 10px; } } /*-------------------------------------------------- * Details Specific Styles -------------------------------------------------*/ /* Required Form Fields */ .requiredInput { color:#cc0000; position: absolute; margin-left: -7px; } /* Spacing Above Tabs */ .invNameHeader, #invProfileSpecsHdr { margin-bottom: 10px; } /* Header */ .invNameHeader{margin-top:10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;min-height: 50px;} .InvBack {padding-top: 10px;} /*#InvProfileItemHdr {text-transform: uppercase;font-size: 30px;font-weight:bold;margin-bottom:0;} #NewUsedCertTitle {color: #369;font-size: 12px;margin-left:6px;position: relative;top: -5px;}*/ /* Prices .InvProfileSpecsDetails {text-transform: uppercase;} */ /*#invProfileSpecsHdr ul {padding: 6px 0;}*/ #invProfileSpecsHdr li {margin-bottom:0;word-wrap: break-word;} .testDrive{font-size:10px !important;} #invProfileSpecsHdr .Price1 {color: red;font-size: 24px;display: block;line-height: 30px;margin-bottom: 6px; } .PriceTitle {color: black;font-size: 11px;font-weight: normal;line-height: 1;text-transform: uppercase;position: relative;display: inline-block;} .disclaimer{font-size:10px;} #PriceWrap{margin:5px 0;} /*#PriceWrap ul.Pricing, #PriceWrap {border-right:solid 1px #CCC;}*/ #MPGWrap {margin-right:12px;} .Pricing{margin-left:12px;text-align: right;} .w100 .Pricing { text-align: center; } #DetailWrap{padding: 6px 0;} .invProfileMPG {font-size:1.4em;font-weight:bold;} /* Tabs */ .InvContainer dl.tabs .contained{margin: 0 0 10px 0;} .InvContainer dl.contained.tabs dd a {padding:0 10px 0 5px;} .InvContainer dl.tabs, .InvContainer dl.tabs dd a.active {height:40px;} .InvContainer dl.tabs .contentSwitcher a{ background:url(images/invBgSprites.png) 0 -100px repeat-x #ededed; border:solid 1px #a1b3b0; height:40px; line-height:39px; font-weight:bold; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .InvContainer ul.tabs-content {margin-bottom:10px;} .InvContainer ul.contained.tabs-content > li{padding:10px;border:0;} .InvDetailsFavoritesContainer { float: right;} .InvContainer .sub-content-sub li ul li, #options-all li ul li, #awards-all li ul li{list-style-type:circle;margin-left:20px;} .dds-cfs-invNoIcon{background:none;width:5px;} /* Tabs inside Tabs */ .InvContainer dl.invProfileFeaturesType.tabs, .InvContainer dl.invProfileFeaturesType.tabs dd a.active{height:auto;} .InvContainer dl.invProfileFeaturesType.tabs {border:0;margin-bottom:0;} .InvContainer dl.invProfileFeaturesType.tabs dd {display: inline-block;float:none;margin-bottom:6px;} .InvContainer dl.invProfileFeaturesType.tabs dd a {display:inline-block;float:none;color:#369;margin-bottom:0;line-height: 20px;height: 20px;} .InvContainer dl.invProfileFeaturesType.tabs dd a.active{background:none;color: #090;} .InvContainer .tabs dd a.active{color: #090;} #OptionsBox h2, #CalcPaymentRev h2, #AwardsBox h2 {font-size:16px;} #monthPay {font-weight: normal;color: #C00;} #invProfileMediaCar{outline:solid 1px #999;} /* Car Photos */ #invProfileMediaColors {font-size:10px;} /* 360 */ .three60Box{background: #ccc; color: #000; text-align: center; width: 100%;height:300px;} #Spin-type{text-align:center; padding:12px 0;} #Spin-type a {color:#000;} .getDirectionsbtn{margin-top:10px;} /* Map */ #invProfileCommentsBlock{margin-top:10px;} /* Buttons */ .details.nav-bar > li {border:0;} .invStickerBtn{font-size:10px !important;} .CertifiedImage{margin: 0 auto;} .invResultsExtraDetails{overflow:hidden;} .dds-myPaymentButton { display: inline-block;} /* Quote, Maps and Vehicle Comments */ #invProfileBottomWrap{margin-top:10px;} .ContactHow.four-up li { line-height: 2.8; } .InvContainer .invCommentContainer p { margin: 4px 0 6px; } #InvContainer h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; } /*------------------------------------------- * Search Keyword & Divider -------------------------------------------*/ #InvSearchBoxWrapper .invKeyword {margin-bottom: 9px;} #InvSearchBoxWrapper #InvSearchKeyword input {font-size: 13px;margin-bottom:18px;} #InvSearchBoxWrapper .invKeywordBtn span { display: block; height: 25px; width: 25px; background-image: url(https://s3.amazonaws.com/dom-cms/qa-web/Content/Inventory/images/invSprites.png); background-position: -74px -424px; margin: 0 auto; } #InvSearchBoxWrapper .invKeywordBtn { width: 13%; height: 25px; position: absolute; top: 0; right: 0; padding: 0; background: #54C755; } #InvSearchBoxWrapper .invKeywordBtn:hover {background: #006699;} #InvSearchBoxWrapper #InvSearchKeyword { position: relative; width: 100%; display: block; } #InvSearchBoxWrapper .InvKeyword {width: 85%;} #InvSearchDivider { font-size:13px; text-align:center; position:relative; margin-bottom: 12px; } #InvSearchDivider:before, #InvSearchDivider:after{ display: inline-block; width: 45%; border-top: solid 1px #bfbfbf; position: absolute; top: 9px; height: 0; } #InvSearchDivider:before {content: "";left: 0;} #InvSearchDivider:after {content: "";right: 0;} #InvSearchBoxSubmit {margin-top:24px;} /*------------------------------------------- * Perfect Fit -------------------------------------------*/ .invSrchBg.invPerfectFit {border: solid 1px #9d9d9d;padding: 20px 15px;} .invPFBody {font-size: 13px;} .invPerfectFit ul.block-grid {margin-bottom: 0;} .invPFBody .columns {text-align: center;background: #fff;} .invPFBody .row:first-child {margin-bottom: 12px;} .invPFBody p { margin-top: 12px;margin-bottom: 0;} h3.invSrchHeader {font-size: 16px;font-size: 1.6rem;line-height: 1.4;} /*-----------Inventory Details Mobile------------*/ /* Only on Desktop and Tablet */ /* Specials Flag */ .SpecialFlag { background:url(images/invSprites.png) no-repeat -246px -312px; height:70px; width:70px; display:block; position:absolute; } @media handheld, only screen and (min-width: 767px) { .nav-bar.details li{float:none;} .invNameHeader .CertifiedFlag {margin-right:4px;} /*#ZipCode{float:left;margin-left:12px;width:100px;}*/ #State {width:90%;height:26px;} #CalcPaymentRev select {height:24px;} #CalcPaymentRev .button {margin-top: 28px;} .invPricingHeader {text-align:left;} } /* Only on Mobile */ @media handheld, only screen and (max-width: 767px) { .dds-myPaymentButton { display: block;} #InvProfileItemHdr{text-align:center;} .SpecialFlag { background: url('images/specialsSprites.png') repeat-x 0 -100px; border-top: 1px solid #f4a1a1; border-bottom: solid 1px #3c0101; color: #fff; display: block; font-size: 1.4em; font-weight: bold; line-height: 24px; height: auto; width: auto; position: relative; margin-bottom: 0; text-align: center; text-transform: uppercase; -webkit-text-shadow: 0px 0px 2px #3c0101; text-shadow: 0px 0px 2px #3c0101; } #PriceWrap{border:0;text-align:center;} #PriceWrap .block-grid.two-up {margin-left:0;} .invPricingHeader {border-bottom:solid 1px #CCC;padding-bottom:12px;} .invDetails{padding-left:12px;} #invProfileCommentsBlock p{font-size: 1.4em;} #InvProfileDealerInfo .invAddress p{font-size:1.5em;text-align:center;} #invProfileThirdParty {text-align:center;margin-top:12px;} #invProfileThirdParty li {float:left;margin-right:20px;} /* Car Wrapper Buttons - Remove if adding 360 spin back to Mobile Version .invResultsMediaBtns li {width:46% !important;} */ .nav-bar.details {margin-top:0;} .InvContainer dl.invProfileFeaturesType.tabs dd {height:auto;} .InvContainer dl.invProfileFeaturesType.tabs dd a {padding:12px 6px;height:auto;font-size:15px;border-color:#999; } #CalcPaymentRev select {height:32px;} #InvResultsSearchSubmitSide .InvResultsStartOver {margin-left: 4%;border: solid 1px #A1B3B0;width: auto;padding: 6px 12px 5px 24px;} } /*------------------------------------------- * Car Fax Logos ------------------------------------------*/ /* Listings */ .invIcon.resultsCarfax1 {width:80px;height: 60px;background:url(images/invCarfax.png) no-repeat -180px -20px; } .invIcon.resultsCarfax2 {width:80px;height: 32px;background:url(images/invCarfax.png) no-repeat -180px -154px; } .invIcon.resultsCarfax3 { width: 100%; height: auto; background: none; font-size: 11px; font-family: arial, verdana, sans-serif; } /* Details */ .Carfax, .invNameHeader .certBtn {margin: 6px 0;} /* Additions */ #InvProfileItemHdr h1{ padding:6px 12px; font-size: 24px; font-weight:bold; margin-bottom:0; } #InvProfileItemHdr { overflow: hidden; -ms-word-break: normal; word-break: normal; white-space: normal; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media handheld, only screen and (max-width: 767px) { #InvProfileItemHdr h1{ font-size: 30px;line-height: 1.1;/*word-break:break-all;*/ } } #NewUsedCertTitle { color: #369;font-size: 12px;margin-right:6px;position: relative;top: -5px;text-transform: uppercase; } @media only screen and (max-width: 800px) { .InvContainer .DiscountValue { font-size: 14px; } .Pricing { text-align: center; } } @media only screen and (max-width: 768px) { .invProfileMPG { font-size: 1.3em; } } @media only screen and (max-width: 767px) { .InvResultsItem .InvResultsItemHdr .invPricing { text-align: center; } .InvContainer .PriceDiscountContainer { width: 48%;float: left;display: block;text-align: right; } .InvContainer .DiscountValue { border-bottom: 0 none; } .InvContainer #InvResults .listingsDiscountContainer { width: 48%;float: left;text-align: right; } .InvContainer #InvResults .DiscountPrice { width: 48%;margin: 0 0 4px 4%;float: left;display: block;text-align: left;font-size: 28px; } .InvContainer .DiscountPrice span { display: block; } .InvContainer .w100 .DiscountValue { font-size: 18px;border-bottom: 1px dotted #000; } .InvContainer .w100 .DiscountPrice span { display: inline; } .InvContainer .discountDetails { clear: both; } .InvContainer .discountDetails p { font-size: 11px; } } /* IE7 Fixes -----------------------------------*/ .ie7 #sideBoxALL {margin-left:0;} .ie7 .InvResultsDetails.row {padding-left:24px;} .ie7 .InvResultsDetailsWrap .columns, .ie7 .InvResultsItemHdr .columns {margin-left:0;} /*Schema Org Class*/ .schemaOrg.noDisplay {display:none;} /* ------------------------------------------------ :: DDS-Inv font ------------------------------------------------ */ @font-face { font-family: 'DDS-Inv'; src:url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.eot?35x1q9'); src:url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.eot?#iefix35x1q9') format('embedded-opentype'), url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.woff?35x1q9') format('woff'), url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.ttf?35x1q9') format('truetype'), url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.svg?35x1q9#DDS-Inv') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-vdp-"], [class*=" icon-vdp-"] { font-family: 'DDS-Inv'; speak: none; font-size: 30px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline; /*Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*Chevron */ .icon-vdp-chevron-right:before { content: "\e607"; } .icon-vdp-chevron-left:before { content: "\e608"; } /* Stars */ .icon-vdp-save-star:before { content: "\e602"; } .button [class^="icon-vdp-"] { font-size: 16px; vertical-align: text-top; } .srp1-icon-text { margin-left: 6px; } .invDetailsFavoritesButton.button, .invResultsFavoritesButton.button { background: #369; } @media only screen and (min-width: 767px) { .invDetailsFavoritesButton.button,.invResultsFavoritesButton.button { padding: 5px 10px 7px; } .invResultsFavoritesButton.button { position: absolute; top: 0; right: 0; z-index: 20; } } @media only screen and (max-width: 767px) { .invDetailsFavoritesButton.button, .invResultsFavoritesButton.button { margin-top: 12px; font-size: 16px; } .InvDetailsFavoritesContainer { float: none; margin-bottom: 12px; } } /* ---- FILE HEADER: Global/css/foundation.css ---- */ /* ---- FILE HEADER: environment-web/Content/css/itemTheme.css ---- */ /* ---- FILE HEADER: Global/css/elastislide.css ---- */ /* ---- FILE HEADER: environment-web/Content/css/mask/mask.css ---- */ /* ---- FILE HEADER: environment-web/Scripts/libs/chosen/chosen.css ---- */ /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/Site/07d9e635-e68d-46c2-9b13-bcb778369ed1/css/customization2020.css ---- */ /* ---- FILE HEADER: https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap ---- */ /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/Site/9b3d24b7-a145-4ddd-bbb2-d206db828807/css/slick.css ---- */ /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/Site/9b3d24b7-a145-4ddd-bbb2-d206db828807/css/font-awesome.TRIMMED.min.css ---- */ /* ---- FILE HEADER: https://s3.amazonaws.com/dom-cms/prod-web/Content/Inventory/inventoryStyle.css ---- */