@charset "UTF-8"; :root { --primary: #ff4605; --primary-light: #fff0eb; } html { overflow-x: hidden; margin: 0; padding: 0; } body { overflow-wrap: break-word; overflow-x: hidden; margin: 0; padding: 0; background: #fff; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: normal; color: #222732; } * { outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus, *:active { outline: 0px solid transparent !important; } body, button, textarea { font-size: 14px; line-height: 1.715; } @media (min-width: 1023px) { body, button, textarea { font-size: 16px; line-height: 1.75; } } a { color: #222732; transition: all 0.2s ease; text-decoration: none; } @media (min-width: 1023px) { a:hover, a:focus, a:active { color: #99a1b2; text-decoration: none; } } h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: normal; } select { max-width: 100%; cursor: pointer; } p { margin-top: 0; margin-bottom: 0; } strong { font-style: normal; font-weight: 700; } img { max-width: 100%; height: auto; vertical-align: middle; } iframe { border: 0; max-width: 100%; } hr { border-top: 1px solid rgba(0, 0, 0, 0.1); } blockquote { margin: 0; } blockquote footer { font-style: italic; } cite { font-style: italic; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } figure { margin: 0; } table { border-collapse: collapse; width: 100%; margin-bottom: 24px; } td, th { padding: 12px; text-align: left; border: 1px solid rgba(0, 0, 0, 0.1); font-weight: initial; } .vehica-text-primary, .vehica-text-primary *, .vehica-text-primary .elementor-heading-title { color: var(--primary); } .vehica-bg-primary { background-color: var(--primary); } .vehica-border-primary, .vehica-border-primary * { border-color: var(--primary); } .vehica-text-secondary { color: #99a1b2; } @media (min-width: 1023px) { .vehica-text-secondary:hover { color: #99a1b2; } } .vehica-icon-primary i { color: var(--primary); } .vehica-link-primary { color: var(--primary); } .vehica-no-animate { animation: none !important; } html body .pswp__caption__center { text-align: center !important; } .elementor-lightbox.dialog-type-lightbox .dialog-widget-content { width: 100% !important; } .vehica-404-title { font-size: 30px; font-weight: 900; line-height: 38px; color: #222732; font-family: "Muli", Arial, Helvetica, sans-serif; padding: 0; margin: 0; margin-bottom: 9px; } .vehica-404-big { font-size: 267px; font-weight: 900; line-height: 335px; color: #222732; font-family: "Muli", Arial, Helvetica, sans-serif; padding: 0; margin: 0; margin-bottom: 9px; } .vehica-404 { text-align: center; } @media only screen and (max-width: 1199px) { .vehica-404 { padding-top: 70px; padding-bottom: 48px; } } @media only screen and (max-width: 900px) { .vehica-404 { max-width: 360px; margin: 0 auto; padding-top: 29px; padding-bottom: 0; } .vehica-404-title { font-size: 38px; line-height: 48px; margin-bottom: 20px; } .vehica-404-big { font-size: 100px; line-height: 126px; margin-bottom: 30px; } } @media only screen and (min-width: 1200px) { .vehica-404 { padding-top: 140px; padding-bottom: 118px; } } #wp-admin-bar-new-vehica_template, #wp-admin-bar-new-vehica_custom_field, #wp-admin-bar-new-vehica_config { display: none !important; } .alignleft { display: inline; float: left; margin-right: 30px; margin-top: 5px; margin-bottom: 5px; } .alignright { display: inline; float: right; margin-left: 30px; margin-top: 5px; margin-bottom: 5px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-caption { margin-bottom: 30px; max-width: 100%; } .wp-block-image .alignright, .wp-block-image .alignleft, .wp-block-image figure { margin-top: 0; margin-bottom: 0; } .wp-block-image figcaption { margin-bottom: 0; font-size: 13px; line-height: 16px; margin-top: 3px; } .wp-block-image figcaption, .wp-block-embed figcaption { margin-bottom: 0; font-size: 13px; line-height: 16px; margin-top: 3px; } .wp-block-gallery .blocks-gallery-caption { margin-bottom: 30px; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 6px 0 0 0; font-size: 13px; } .wp-caption-text { text-align: left; } .wp-caption.alignleft { margin: 0; padding: 5px 30px 15px 0; } .wp-caption.alignright { margin: 0; padding: 5px 0 15px 30px; } .screen-reader-text { display: none; overflow: hidden; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .iframe-wrapper iframe { max-height: 500px; } .bypostauthor { display: block; } .gallery-caption { display: block; font-size: 13px; margin: 3px 0 12px 0; } .mejs-container { margin-bottom: 30px; } .clearfix:after { clear: both; content: ""; display: table; } .post-content { margin-bottom: 12px; } .post-content:after { clear: both; content: ""; display: table; } .wp-block-gallery:after { clear: both; content: ""; display: table; } .wp-block-embed { margin-top: 30px; margin-bottom: 30px; } .gallery { margin-bottom: 30px; max-width: 600px !important; } .gallery .gallery-item { padding: 2px; margin: 0; } .gallery a { position: relative; display: block; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; width: 100%; max-width: 100%; } .gallery-item img { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } @media (max-width: 767px) { .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 100%; } } .gallery-caption { font-size: 12px; margin: 3px 0 12px 0; font-style: italic; text-align: center; padding: 6px 10px 0 10px; } .tiled-gallery-item a { position: relative; display: block; overflow: hidden; } .tiled-gallery-item a:after { content: ""; position: absolute; top: 2px; left: 2px; display: block; height: 99%; opacity: 0; width: 99%; background: #000; } @media (min-width: 1023px) { .tiled-gallery-item a:hover:after { background: #000; opacity: 0.3; } } .sticky { border: 1px solid var(--primary) !important; } .wp-block-button:not(.is-style-outline) .wp-block-button__link { color: #fff; } .widget-area, .widget { width: 100%; margin-bottom: 45px; } @media (max-width: 767px) { .widget-area, .widget { margin-bottom: 30px; } } .widget-area select, .widget select { width: 100%; background: #fff; border-radius: 4px; padding: 12px 16px; font-size: initial; border: 1px solid rgba(0, 0, 0, 0.1); } .widget-area .mejs-container, .widget .mejs-container { margin-bottom: 0; } .widget-area .sub-menu, .widget .sub-menu { margin-top: 12px; } .widget-area:after, .widget:after { clear: both; content: ""; display: table; } .widget:last-of-type { margin-bottom: 0; } .widget_pages .vehica-widget-title, .widget_meta .vehica-widget-title, .widget_recent_entries .vehica-widget-title, .widget_nav_menu .vehica-widget-title, .widget_categories .vehica-widget-title, .widget_archive .vehica-widget-title { padding-bottom: 25px; margin-bottom: 0; } .widget_pages .vehica-widget-title .vehica-widget-title__text, .widget_meta .vehica-widget-title .vehica-widget-title__text, .widget_recent_entries .vehica-widget-title .vehica-widget-title__text, .widget_nav_menu .vehica-widget-title .vehica-widget-title__text, .widget_categories .vehica-widget-title .vehica-widget-title__text, .widget_archive .vehica-widget-title .vehica-widget-title__text { margin-bottom: 0; } .widget_pages > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_nav_menu > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_archive > ul > li:first-child { padding-top: 0; } .widget_pages ul, .widget_meta ul, .widget_recent_entries ul, .widget_nav_menu ul, .widget_categories ul, .widget_archive ul { padding: 0; margin: 0; width: 100%; float: left; overflow: hidden; list-style-type: none; } .widget_pages ul li, .widget_meta ul li, .widget_recent_entries ul li, .widget_nav_menu ul li, .widget_categories ul li, .widget_archive ul li { padding-top: 14px; padding-bottom: 14px; font-size: 16px; line-height: 24px; border-bottom: 1px solid #e7edf3; text-align: right; color: var(--primary); } .widget_pages ul li:after, .widget_meta ul li:after, .widget_recent_entries ul li:after, .widget_nav_menu ul li:after, .widget_categories ul li:after, .widget_archive ul li:after { clear: both; content: ""; display: table; } .widget_pages ul li:first-child, .widget_meta ul li:first-child, .widget_recent_entries ul li:first-child, .widget_nav_menu ul li:first-child, .widget_categories ul li:first-child, .widget_archive ul li:first-child { margin-top: 0; } .widget_pages ul li:last-child, .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child, .widget_nav_menu ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child { padding-bottom: 0; border: none; } .widget_pages ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_nav_menu ul li a, .widget_categories ul li a, .widget_archive ul li a { position: relative; padding: 0 40px 0 0; margin-right: -30px; overflow: hidden; float: left; text-align: left; } .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover, .widget_nav_menu ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover { color: var(--primary); } .widget_pages ul li .post-date, .widget_meta ul li .post-date, .widget_recent_entries ul li .post-date, .widget_nav_menu ul li .post-date, .widget_categories ul li .post-date, .widget_archive ul li .post-date { color: #98A4B1; float: left; width: 100%; margin-top: -6px; margin-bottom: 16px; font-size: 12px; } .widget_pages ul li:last-child, .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child, .widget_nav_menu ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child { border: none; } .widget_pages ul li:last-child .post-date, .widget_meta ul li:last-child .post-date, .widget_recent_entries ul li:last-child .post-date, .widget_nav_menu ul li:last-child .post-date, .widget_categories ul li:last-child .post-date, .widget_archive ul li:last-child .post-date { margin-bottom: 0; } .widget_pages ul li ul, .widget_meta ul li ul, .widget_recent_entries ul li ul, .widget_nav_menu ul li ul, .widget_categories ul li ul, .widget_archive ul li ul { border-top: 1px solid #e7edf3; margin-top: 12px; padding-left: 15px; } .widget_pages .menu, .widget_pages > ul, .widget_meta .menu, .widget_meta > ul, .widget_recent_entries .menu, .widget_recent_entries > ul, .widget_nav_menu .menu, .widget_nav_menu > ul, .widget_categories .menu, .widget_categories > ul, .widget_archive .menu, .widget_archive > ul { display: block; padding: 22px; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background-color: var(--white); } .widget_pages .menu > li:first-child, .widget_pages > ul > li:first-child, .widget_meta .menu > li:first-child, .widget_meta > ul > li:first-child, .widget_recent_entries .menu > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_nav_menu .menu > li:first-child, .widget_nav_menu > ul > li:first-child, .widget_categories .menu > li:first-child, .widget_categories > ul > li:first-child, .widget_archive .menu > li:first-child, .widget_archive > ul > li:first-child { padding-top: 0; } .widget_nav_menu ul li:last-child a { border-bottom: 0; } .widget_tag_cloud .tagcloud { margin-top: -4px; margin-bottom: -4px; } .widget_categories select, .widget_archive select { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; padding-right: 50px; font-size: 16px; line-height: 24px; margin: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/chevron-down.png) no-repeat right transparent; background-size: 16px 16px; -webkit-appearance: none; background-position: right 20px bottom 15px; padding-left: 22px; } .widget_categories select::placeholder, .widget_archive select::placeholder { color: #2f3b48; } @media (max-width: 767px) { .widget_categories select, .widget_archive select { font-size: 16px; } } .widget_calendar .calendar_wrap { border-radius: 10px; border: 1px solid #e7edf3; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); background-color: var(--white); font-weight: 500; } .widget_calendar .calendar_wrap * { font-weight: 500; font-size: 16px; } .widget_calendar thead tr { background: #f7f9fd; } .widget_calendar table { position: relative; margin-bottom: 0; table-layout: fixed; word-wrap: normal; width: 100%; border: 0; } .widget_calendar table caption { margin-bottom: 3px; padding-top: 10px; } .widget_calendar table th { border: 0; padding: 6px; } .widget_calendar table td { border: 0; padding: 6px; } .widget_calendar table thead th { text-align: center; } .widget_calendar table tbody { cursor: default; } .widget_calendar table tbody td { text-align: center; position: relative; } .widget_calendar table tbody a { color: var(--primary); font-weight: 900 !important; } .widget_calendar #today { border-radius: 10px; background: var(--primary-light) !important; border-radius: 10px !important; color: var(--primary); font-weight: 900; } .widget_calendar #today a { color: var(--primary); } .widget_calendar .wp-calendar-nav { padding: 7px; background: #f7f9fd; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev { padding-left: 10px; padding-top: 3px; display: inline-block; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-next { float: right; padding-right: 10px; } .widget_calendar .wp-calendar-nav tbody tr { text-align: center; } .widget_calendar .wp-calendar-nav tfoot { width: 100%; } .widget_calendar .wp-calendar-nav tfoot td { padding: 0 6px; } .widget_calendar .wp-calendar-nav #prev { text-align: left; } .widget_calendar .wp-calendar-nav #next { text-align: right; } .widget_calendar .wp-calendar-nav #today { border-radius: 2px; background: rgba(0, 0, 0, 0.05); } .wp-calendar-table th { background: transparent !important; color: #000 !important; } .wp-calendar-table td, .wp-calendar-table th { background: transparent !important; text-align: center; border: none !important; } .wp-calendar-table a { text-decoration: none; } .wp-calendar-table caption { padding-top: 0; padding-bottom: 6px; background: transparent !important; border-top-right-radius: 10px; border-top-left-radius: 10px; } .widget_recent_comments ul { list-style-type: none; margin: 0; padding: 0; } .widget_recent_comments > ul, #xrecentcomments { position: relative; border-radius: 10px; border: 1px solid #e7edf3; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); padding: 22px; } .recentcomments { margin: 16px 0; padding: 0 0 16px 30px; position: relative; font-size: 16px; line-height: 22px; border-bottom: 1px solid #f2f5fb; } .recentcomments:after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f075"; position: absolute; z-index: 2; top: 1px; left: 0; pointer-events: none; font-size: 16px; color: var(--primary); } .recentcomments:last-child { padding-bottom: 0; } .recentcomments:last-of-type { border: none; } .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; font-weight: 700; } .recentcomments:first-child { margin-top: 0; } .recentcomments:last-child { margin-bottom: 0; } .widget_rss ul { margin: 0; list-style-type: none; padding: 22px; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; background-color: var(--white); margin-bottom: 16px; } .widget_rss ul li { margin-bottom: 35px; } .widget_rss ul li:after { clear: both; content: ""; display: table; } .widget_rss ul li:last-child { margin-bottom: 0; } .widget_rss h3 a { color: var(--primary); font-size: 21px; font-weight: 600; line-height: 26px; margin-bottom: 25px; } .widget_rss h3 .rss-widget-icon { display: none; } .widget_rss .rsswidget { display: block; } .widget_rss ul .rsswidget { font-size: 16px; font-weight: 700; line-height: 22px; margin-bottom: 5px; } .widget_rss .rss-date { font-size: 13px; line-height: 16px; color: #222732; margin-bottom: 10px; float: left; width: 100%; } .widget_rss .rssSummary { float: left; width: 100%; font-size: 16px; line-height: 22px; margin-bottom: 10px; } .widget_rss cite { color: var(--primary); float: left; width: 100%; font-size: 14px; } .vehica-widget-title { margin-bottom: 0; } .vehica-widget-title:after { clear: both; content: ""; display: table; } .vehica-widget-title__text { font-size: 21px; font-weight: 600; line-height: 26px; margin-bottom: 25px; } .tagcloud a { display: inline-block; border-radius: 8px; background-color: rgba(246, 246, 246, 0.7); color: rgba(0, 0, 0, 0.48); line-height: 24px; padding: 4px 15px; margin-bottom: 8px; transition: all 0.1s ease; border: 1px solid #E7EDF3; font-size: 14px !important; font-weight: 600; } @media (min-width: 1023px) { .tagcloud a:hover { border: 1px solid var(--primary); background: var(--primary-light); color: #222732; } } .widget_text select { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; margin: 10px 0; padding-right: 50px; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/chevron-down.png) no-repeat right transparent; background-size: 16px 16px; -webkit-appearance: none; background-position: right 20px bottom 15px; } .widget_text select::placeholder { color: #2f3b48; } @media (max-width: 767px) { .widget_text select { font-size: 16px; } } div { display: block; } .vehica-swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .vehica-swiper-container-no-flexbox .vehica-swiper-slide { float: left; } .vehica-swiper-container-vertical > .vehica-swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .vehica-swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .vehica-swiper-container-android .vehica-swiper-slide, .vehica-swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .vehica-swiper-container-multirow > .vehica-swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vehica-swiper-container-free-mode > .vehica-swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .vehica-swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .vehica-swiper-invisible-blank-slide { visibility: hidden; } .vehica-swiper-container-autoheight, .vehica-swiper-container-autoheight .vehica-swiper-slide { height: auto; } .vehica-swiper-container-autoheight .vehica-swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .vehica-swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .vehica-swiper-container-3d .vehica-swiper-cube-shadow, .vehica-swiper-container-3d .vehica-swiper-slide, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-bottom, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-left, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-right, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-top, .vehica-swiper-container-3d .vehica-swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .vehica-swiper-container-3d .vehica-swiper-slide-shadow-bottom, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-left, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-right, .vehica-swiper-container-3d .vehica-swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .vehica-swiper-container-3d .vehica-swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .vehica-swiper-container-3d .vehica-swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .vehica-swiper-container-3d .vehica-swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .vehica-swiper-container-3d .vehica-swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .vehica-swiper-container-wp8-horizontal, .vehica-swiper-container-wp8-horizontal > .vehica-swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .vehica-swiper-container-wp8-vertical, .vehica-swiper-container-wp8-vertical > .vehica-swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .vehica-swiper-button-next, .vehica-swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .vehica-swiper-button-next.vehica-swiper-button-disabled, .vehica-swiper-button-prev.vehica-swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .vehica-swiper-button-prev, .vehica-swiper-container-rtl .vehica-swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 0px; right: auto; } .vehica-swiper-button-next, .vehica-swiper-container-rtl .vehica-swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 0px; left: auto; } .vehica-swiper-button-prev.vehica-swiper-button-white, .vehica-swiper-container-rtl .vehica-swiper-button-next.vehica-swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .vehica-swiper-button-next.vehica-swiper-button-white, .vehica-swiper-container-rtl .vehica-swiper-button-prev.vehica-swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .vehica-swiper-button-prev.vehica-swiper-button-black, .vehica-swiper-container-rtl .vehica-swiper-button-next.vehica-swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .vehica-swiper-button-next.vehica-swiper-button-black, .vehica-swiper-container-rtl .vehica-swiper-button-prev.vehica-swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .vehica-swiper-button-lock { display: none; } .vehica-swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; -o-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .vehica-swiper-pagination.swiper-pagination-hidden { opacity: 0; } .vehica-swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .vehica-swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .vehica-swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .vehica-swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .vehica-swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; -o-transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .vehica-swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .vehica-swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .vehica-swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; -o-transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .vehica-swiper-container-horizontal.vehica-swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; -o-transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .vehica-swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .vehica-swiper-container-horizontal > .swiper-pagination-progressbar, .vehica-swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .vehica-swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .vehica-swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .vehica-swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .vehica-swiper-container-horizontal > .vehica-swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .vehica-swiper-container-vertical > .vehica-swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .vehica-swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .vehica-swiper-scrollbar-cursor-drag { cursor: move; } .vehica-swiper-scrollbar-lock { display: none; } .vehica-swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .vehica-swiper-zoom-container > canvas, .vehica-swiper-zoom-container > img, .vehica-swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .vehica-swiper-slide-zoomed { cursor: move; } .vehica-swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .vehica-swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .vehica-swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .vehica-swiper-container .vehica-swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .vehica-swiper-container-fade.vehica-swiper-container-free-mode .vehica-swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .vehica-swiper-container-fade .vehica-swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .vehica-swiper-container-fade .vehica-swiper-slide .vehica-swiper-slide { pointer-events: none; } .vehica-swiper-container-fade .vehica-swiper-slide-active, .vehica-swiper-container-fade .vehica-swiper-slide-active .vehica-swiper-slide-active { pointer-events: auto; } .vehica-swiper-container-cube { overflow: visible; } .vehica-swiper-container-cube .vehica-swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .vehica-swiper-container-cube .vehica-swiper-slide .vehica-swiper-slide { pointer-events: none; } .vehica-swiper-container-cube.vehica-swiper-container-rtl .vehica-swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .vehica-swiper-container-cube .vehica-swiper-slide-active, .vehica-swiper-container-cube .vehica-swiper-slide-active .vehica-swiper-slide-active { pointer-events: auto; } .vehica-swiper-container-cube .vehica-swiper-slide-active, .vehica-swiper-container-cube .vehica-swiper-slide-next, .vehica-swiper-container-cube .vehica-swiper-slide-next + .vehica-swiper-slide, .vehica-swiper-container-cube .vehica-swiper-slide-prev { pointer-events: auto; visibility: visible; } .vehica-swiper-container-cube .vehica-swiper-slide-shadow-bottom, .vehica-swiper-container-cube .vehica-swiper-slide-shadow-left, .vehica-swiper-container-cube .vehica-swiper-slide-shadow-right, .vehica-swiper-container-cube .vehica-swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .vehica-swiper-container-cube .vehica-swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .vehica-swiper-container-flip { overflow: visible; } .vehica-swiper-container-flip .vehica-swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .vehica-swiper-container-flip .vehica-swiper-slide .vehica-swiper-slide { pointer-events: none; } .vehica-swiper-container-flip .vehica-swiper-slide-active, .vehica-swiper-container-flip .vehica-swiper-slide-active .vehica-swiper-slide-active { pointer-events: auto; } .vehica-swiper-container-flip .vehica-swiper-slide-shadow-bottom, .vehica-swiper-container-flip .vehica-swiper-slide-shadow-left, .vehica-swiper-container-flip .vehica-swiper-slide-shadow-right, .vehica-swiper-container-flip .vehica-swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .vehica-swiper-container-coverflow .vehica-swiper-wrapper { -ms-perspective: 1200px; } .vehica-swiper-slide { height: auto !important; } .vehica-swiper-container { width: 100%; } .vehica-swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 16px; margin-right: 16px; } .vehica-swiper-pagination { position: relative !important; height: initial !important; line-height: 0px !important; } .v-select.vs--open { z-index: 10000; } .vs__open-indicator { display: none; } .vs__actions { padding: 4px 40px 0 3px !important; } .vs__actions .vs__clear { fill: var(--primary); position: absolute; background: #fff; padding: 8px 13px; z-index: 2; top: 3px; right: 5px; } @media (max-width: 1023px) { .vs__actions .vs__clear { top: 5px; } } .vs__actions:after { position: absolute; right: 26px; top: 16px; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; font-size: 14px; } .vs__dropdown-menu { box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7e9ee; width: 100%; border-radius: 10px; z-index: 2; padding-bottom: 22px !important; padding-top: 35px !important; margin-top: -13px !important; max-height: 370px !important; } @media (min-width: 768px) { .vs__dropdown-menu { min-width: 100px !important; } } .vs--single.vs--open .vs__selected-options { border-radius: 10px; } .vs--single.vs--open .vs__dropdown-toggle { border: 1px solid var(--primary) !important; } .vs--single.vs--open .vs__selected { opacity: 1 !important; color: var(--primary) !important; } .vs__dropdown-option { min-height: 39px !important; line-height: 39px !important; font-size: 15px !important; padding: 0 27px !important; color: #0f141e !important; cursor: pointer !important; } .vehica-option { float: left; width: 100%; padding-right: 15px; } .vehica-option span.vehica-option__count { position: absolute; right: 22px; color: #0f141e; opacity: 0.5; font-size: 15px; } @media (min-width: 1023px) { .vs__dropdown-option:not(.vs__dropdown-option--disabled):hover { font-weight: bold !important; color: var(--primary) !important; } .vs__dropdown-option:not(.vs__dropdown-option--disabled):hover span { color: var(--primary) !important; opacity: 1 !important; } } .vs__dropdown-option:not(.vs__dropdown-option--disabled) .vehica-option-selected { display: block; font-size: 14px; line-height: 16px; color: var(--primary); } .v-select .vehica-option { padding-left: 0; } .vs__dropdown-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); position: relative; background-color: #f1f1f1; } .vs__dropdown-menu::-webkit-scrollbar { width: 4px; position: absolute; background-color: #DBDBDB; } .vs__dropdown-menu::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 4px !important; } @media (max-width: 1023px) { .vs--open .vs__dropdown-toggle { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } .vs--disabled { font-weight: 600 !important; cursor: not-allowed !important; box-shadow: none; } .vs--disabled.v-select:not(.vs-open) .vs__dropdown-toggle { background: #f4f4f4 !important; } .vs--disabled * { cursor: not-allowed !important; } .vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected { background-color: transparent !important; } .vehica-taxonomy-select:not(.vehica-active-taxonomy) .vs--searchable .vs__dropdown-option.vs__dropdown-option--highlight, .vehica-car-form__field-select-single .vs__dropdown-option.vs__dropdown-option--highlight { color: var(--primary) !important; font-weight: bold !important; } .vehica-active-taxonomy .v-select:not(.vs--single):not(.vs-open) { color: var(--primary); } .vehica-active-taxonomy .v-select:not(.vs--single):not(.vs-open) .vs__dropdown-toggle { min-height: 53px; } .vehica-active-taxonomy .v-select:not(.vs--single):not(.vs-open) .vs__selected-options { min-height: 51px; position: absolute; width: 200px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vehica-active-taxonomy .v-select:not(.vs--single):not(.vs-open) .vs__selected-options > input { position: absolute; display: none; } .vehica-active-taxonomy .v-select:not(.vs--single):not(.vs-open) .vs__selected-options .vs__selected { position: static; max-height: 51px; background: transparent; border: none; line-height: 51px; display: inline; } .vehica-active-taxonomy .v-select:not(.vs--single):not(.vs-open) .vs__selected-options .vs__selected:not(:nth-last-child(2)):after { content: ","; margin-right: 5px; } .vs__selected-options { max-height: 51px !important; } .vs__dropdown-menu > .vs__dropdown-option { line-height: 19px !important; padding-top: 10px !important; padding-bottom: 10px !important; white-space: initial !important; } .vs__dropdown-menu > .vs__dropdown-option > span { float: left; } .vs__dropdown-menu > .vs__dropdown-option:after { clear: both; content: ""; display: table; } .vehica-active-taxonomy .vs__selected { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; display: flex; float: left; width: calc(100% - 10px) !important; } .vehica-active-taxonomy .vs__selected .vehica-option-selected { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: break-word !important; } .vehica-car-form__grid-element .vs__dropdown-menu .vehica-option { padding-right: 0 !important; } .vehica-car-form__field-select-single--active .v-select:not(.vs-open) .vs__selected { right: 0; } .vehica-car-form__field-select-single--active .vs__selected .vehica-option { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; position: relative !important; padding-right: 3px !important; } .vehica-car-form__field-select-single--active .vs__selected .vehica-option .vehica-option__count { right: 0 !important; top: 0 !important; } @media (max-width: 767px) { .vs__dropdown-option { font-size: 16px !important; } .v-select input { font-size: 16px !important; } } .vehica-loading-options-spinner { font-size: 14px; margin-right: 3px; color: var(--primary); } .swal2-shown { padding-right: 0 !important; } .swal2-popup { border-radius: 10px !important; } .swal2-title { font-size: 18px !important; line-height: 24px !important; font-family: inherit !important; color: #222732 !important; font-weight: 600 !important; } .swal2-actions .swal2-confirm:not([disabled]) { font-size: 17px !important; line-height: 21px !important; font-weight: 600 !important; text-align: center; color: #fff !important; border: 0 solid transparent !important; cursor: pointer !important; padding: 16px 25px 16px 25px !important; vertical-align: top !important; border-radius: 10px !important; background-color: var(--primary) !important; transition: all 0.2s ease-in-out !important; outline: 0px solid transparent !important; background-image: none !important; box-shadow: none !important; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; align-items: center; text-decoration: none; } @media (min-width: 1023px) { .swal2-actions .swal2-confirm:not([disabled]):active, .swal2-actions .swal2-confirm:not([disabled]):focus, .swal2-actions .swal2-confirm:not([disabled]):hover { background-color: var(--primary) !important; } } @media (min-width: 1023px) { .swal2-actions .swal2-confirm:not([disabled]):hover:before { transform: scale(1, 1); transform-origin: left top; } } .swal2-actions .swal2-confirm:not([disabled]) i { margin-right: 7px; } .swal2-actions .swal2-confirm:not([disabled]):hover { opacity: 0.85; } .swal2-actions .swal2-cancel { font-size: 17px !important; line-height: 21px !important; font-weight: 600 !important; text-align: center; color: #222732 !important; border: 0 solid transparent !important; box-shadow: none !important; cursor: pointer !important; padding: 16px 25px 16px 25px !important; vertical-align: top !important; border-radius: 10px !important; background-color: #eff3fa !important; transition: all 0.2s ease-in-out !important; outline: 0px solid transparent !important; background-image: none !important; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; align-items: center; transform: translateZ(0); text-decoration: none; } .swal2-actions .swal2-cancel:hover { opacity: 0.85; } @media (min-width: 1023px) { .swal2-actions .swal2-cancel:active, .swal2-actions .swal2-cancel:focus, .swal2-actions .swal2-cancel:hover { background-color: #eff3fa !important; } } @media (min-width: 1023px) { .swal2-actions .swal2-cancel:hover:before { transform: scale(1, 1); transform-origin: left top; } } .swal2-actions .swal2-cancel i { margin-right: 7px; } .swal2-icon.swal2-warning { border-color: #21242b !important; color: #21242b !important; } img.lazyload:not([src]) { visibility: hidden; } img.lazyload[src=""], img.lazyloaded[src=""] { display: none; } .vehica-container { margin: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .vehica-container { max-width: 1468px; padding-left: 30px; padding-right: 30px; } } .vehica-grid { display: flex; flex-direction: row; flex-wrap: wrap; } .vehica-grid__element--auto { width: auto; } .vehica-grid__element--1of1 { width: 100%; } .vehica-grid__element--1of2 { width: 50%; } .vehica-grid__element--1of3 { width: 33.333333333%; } .vehica-grid__element--1of4 { width: 25%; } .vehica-grid__element--1of5 { width: 20%; } .vehica-grid__element--1of6 { width: 16.666666666%; } .vehica-grid__element--1of7 { width: 14.2857142857%; } .vehica-grid__element--1of8 { width: 12.5%; } .vehica-grid__element--1of9 { width: 11.111111111%; } @media only screen and (min-width: 1200px) { .vehica-hide-desktop { display: none; } .vehica-grid__element--desktop-1of1 { width: 100%; } .vehica-grid__element--desktop-1of2 { width: 50%; } .vehica-grid__element--desktop-1of3 { width: 33.3333%; } .vehica-grid__element--desktop-1of4 { width: 25%; } .vehica-grid__element--desktop-1of5 { width: 20%; } .vehica-grid__element--desktop-1of6 { width: 16.6666%; } } @media only screen and (min-width: 900px) and (max-width: 1199px) { .vehica-hide-tablet { display: none; } .vehica-grid__element--tablet-1of1 { width: 100%; } .vehica-grid__element--tablet-1of2 { width: 50%; } .vehica-grid__element--tablet-1of3 { width: 33.3333%; } .vehica-grid__element--tablet-1of4 { width: 25%; } .vehica-grid__element--tablet-1of5 { width: 20%; } .vehica-grid__element--tablet-1of6 { width: 16.6666%; } } @media only screen and (max-width: 899px) { .vehica-hide-mobile { display: none; } .vehica-grid__element--mobile-1of1 { width: 100%; } .vehica-grid__element--mobile-1of2 { width: 50%; } .vehica-grid__element--mobile-1of3 { width: 33.3333%; } .vehica-grid__element--mobile-1of4 { width: 25%; } .vehica-grid__element--mobile-1of5 { width: 20%; } .vehica-grid__element--mobile-1of6 { width: 16.6666%; } } .vehica-breadcrumbs-wrapper { overflow: hidden; max-width: 100%; } .vehica-breadcrumbs { padding-top: 17px; padding-bottom: 7px; min-height: 10px; display: flex; } .vehica-breadcrumbs:after { clear: both; content: ""; display: table; } @media (max-width: 899px) { .vehica-breadcrumbs { white-space: nowrap; } } .vehica-breadcrumbs__single { display: inline-block; } @media (max-width: 899px) { .vehica-breadcrumbs__single:first-child { margin-left: 15px; } } .vehica-breadcrumbs__link { display: inline-block; margin-bottom: 7px; color: #a7a8a8; } .vehica-breadcrumbs__last { color: var(--primary); padding-right: 15px; margin-right: 15px; } .vehica-breadcrumbs__separator { display: inline-block; position: relative; min-width: 31px; right: 2px; } .vehica-breadcrumbs__separator:after { display: block; content: ""; position: absolute; top: -5px; left: 13px; height: 1px; width: 4px; background: #a7a8a8; } .vehica-button, #cookie-notice .cn-button.bootstrap, .woocommerce-form-coupon button.button, .woocommerce .vehica-checkout button.button, .wp-block-search .wp-block-search__button, form.wp-block-search .wp-block-search__button, .vehica-post-field__text input[type=submit], .elementor-button { overflow: hidden; display: inline-block; font-size: 17px; line-height: 21px; font-weight: 600; text-align: center; color: #fff; border: 0 solid transparent; box-shadow: none; cursor: pointer; padding: 16px 25px 16px 25px; vertical-align: top; border-radius: 10px; background-color: var(--primary); transition: all 0.2s ease-in-out; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; align-items: center; transform: translateZ(0); text-decoration: none; } @media (min-width: 1023px) { .vehica-button:active, #cookie-notice .cn-button.bootstrap:active, .woocommerce-form-coupon button.button:active, .woocommerce .vehica-checkout button.button:active, .wp-block-search .wp-block-search__button:active, .vehica-post-field__text input[type=submit]:active, .vehica-button:focus, #cookie-notice .cn-button.bootstrap:focus, .woocommerce-form-coupon button.button:focus, .woocommerce .vehica-checkout button.button:focus, .wp-block-search .wp-block-search__button:focus, .vehica-post-field__text input[type=submit]:focus, .vehica-button:hover, #cookie-notice .cn-button.bootstrap:hover, .woocommerce-form-coupon button.button:hover, .woocommerce .vehica-checkout button.button:hover, .wp-block-search .wp-block-search__button:hover, .vehica-post-field__text input[type=submit]:hover, .elementor-button:active, .elementor-button:focus, .elementor-button:hover { color: #fff; } } .vehica-button:before, #cookie-notice .cn-button.bootstrap:before, .woocommerce-form-coupon button.button:before, .woocommerce .vehica-checkout button.button:before, .wp-block-search .wp-block-search__button:before, .vehica-post-field__text input[type=submit]:before, .elementor-button:before { content: "" !important; position: absolute; top: 0; left: 0; transition-property: transform; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); transform: scale(0, 1); transform-origin: right top; z-index: -1; } @media (min-width: 1023px) { .vehica-button:hover:before, #cookie-notice .cn-button.bootstrap:hover:before, .woocommerce-form-coupon button.button:hover:before, .woocommerce .vehica-checkout button.button:hover:before, .wp-block-search .wp-block-search__button:hover:before, .vehica-post-field__text input[type=submit]:hover:before, .elementor-button:hover:before { transform: scale(1, 1); transform-origin: left top; } } .vehica-button i, #cookie-notice .cn-button.bootstrap i, .woocommerce-form-coupon button.button i, .woocommerce .vehica-checkout button.button i, .wp-block-search .wp-block-search__button i, .vehica-post-field__text input[type=submit] i, .elementor-button i { margin-right: 7px; } .vehica-button .vehica-button__disabled-text, #cookie-notice .cn-button.bootstrap .vehica-button__disabled-text, .woocommerce-form-coupon button.button .vehica-button__disabled-text, .woocommerce .vehica-checkout button.button .vehica-button__disabled-text, .wp-block-search .wp-block-search__button .vehica-button__disabled-text, .vehica-post-field__text input[type=submit] .vehica-button__disabled-text, .elementor-button .vehica-button__disabled-text { display: none; } .vehica-button-primary-light .elementor-button { background: var(--primary-light); color: var(--primary); } .vehica-button-primary-light .elementor-button:before { display: none !important; } @media (min-width: 1023px) { .vehica-button-primary-light .elementor-button:hover { background: var(--primary); color: #fff; } } .vehica-button--outline { border: 2px solid var(--primary); background: transparent; color: var(--primary); padding: 14px 23px 14px 23px; } .vehica-button--outline:before, .vehica-button--outline:after { display: none; } .vehica-button--outline:hover { color: #fff !important; background: var(--primary) !important; } .vehica-ghost-button a { border-color: var(--primary) !important; } @media (min-width: 1023px) { .vehica-ghost-button a:hover { background: var(--primary) !important; } } .vehica-button-ghost .elementor-button { background: transparent; } @media (min-width: 1023px) { .vehica-button-ghost .elementor-button:hover { background: var(--primary); color: #fff; } } .vehica-button-ghost .elementor-button:before { display: none; } .vehica-button-app { min-width: 207px; } .vehica-button-app .elementor-button { min-width: 186px; text-align: left; } @media (min-width: 900px) and (max-width: 1199px) { .vehica-button-app .elementor-button { min-width: 258px; } } .vehica-button-app .elementor-button span, .vehica-button-app .elementor-button i { display: inline-block; float: left; } .vehica-button-app .elementor-button i { color: var(--primary); margin-right: 8px; } @media (min-width: 900px) and (max-width: 1199px) { .vehica-button-app .elementor-button i { margin-right: 20px; } } .vehica-button-app .elementor-button .fa-apple { font-size: 23px; line-height: 23px; } @media (min-width: 900px) and (max-width: 1199px) { .vehica-button-app .elementor-button .fa-apple { font-size: 31px; line-height: 26px; } } .vehica-button-app .elementor-button .fa-google-play { font-size: 18px; line-height: 18px; } @media (min-width: 900px) and (max-width: 1199px) { .vehica-button-app .elementor-button .fa-google-play { font-size: 25px; line-height: 26px; } } .elementor-button.elementor-size-xs { font-size: 17px; padding: 13px 35px; border-radius: 10px; } .vehica-button--menu-submit { background: transparent; color: #fff; border: 1px solid var(--primary); border-radius: 5px; padding: 13px 25px 13px 20px; line-height: 22px; margin-left: 30px; font-size: 16px; } .vehica-button--menu-submit:before { display: none; } .vehica-button--menu-submit:hover { background: var(--primary); } .vehica-button--menu-submit i { font-size: 14px; } .vehica-button--with-progress-animation { min-width: 120px; transition: color 0s ease; } .vehica-button--with-progress-animation.vehica-button--with-progress-animation--active { color: rgba(0, 0, 0, 0) !important; position: relative; } .vehica-button--with-progress-animation.vehica-button--with-progress-animation--active:after { display: none; } .vehica-button--with-progress-animation.vehica-button--with-progress-animation--active:before { display: none; } .vehica-button--with-progress-animation.vehica-button--with-progress-animation--active svg { transform: scale(0.3); position: absolute; left: 0; top: 11px; margin: 0 auto; right: 0; } .vehica-button--with-progress-animation.vehica-button--icon { transition: all 0.3s ease; } .vehica-button__text-disabled { display: none; } .vehica-button--with-progress-animation--gallery-in-progress { opacity: 0.5 !important; cursor: initial !important; } .vehica-button--with-progress-animation--gallery-in-progress .vehica-button__text-disabled { display: block; } .vehica-button--with-progress-animation--gallery-in-progress .vehica-button__text-initial { display: none; } .vehica-button--with-progress-animation--gallery-in-progress:after { display: none; } .vehica-button--with-progress-animation--gallery-in-progress:before { display: none; } .vehica-button--small { font-size: 14px !important; padding: 12px 17px !important; line-height: 1 !important; } .vehica-button-no-animate-bg .vehica-button:hover, .vehica-button-no-animate-bg #cookie-notice .cn-button.bootstrap:hover, #cookie-notice .vehica-button-no-animate-bg .cn-button.bootstrap:hover, .vehica-button-no-animate-bg .woocommerce-form-coupon button.button:hover, .woocommerce-form-coupon .vehica-button-no-animate-bg button.button:hover, .vehica-button-no-animate-bg .woocommerce .vehica-checkout button.button:hover, .woocommerce .vehica-checkout .vehica-button-no-animate-bg button.button:hover, .vehica-button-no-animate-bg .wp-block-search .wp-block-search__button:hover, .wp-block-search .vehica-button-no-animate-bg .wp-block-search__button:hover, .vehica-button-no-animate-bg .vehica-post-field__text input[type=submit]:hover, .vehica-post-field__text .vehica-button-no-animate-bg input[type=submit]:hover, .vehica-button-no-animate-bg .elementor-button:hover { opacity: 0.9; } .vehica-button-no-animate-bg .vehica-button:after, .vehica-button-no-animate-bg #cookie-notice .cn-button.bootstrap:after, #cookie-notice .vehica-button-no-animate-bg .cn-button.bootstrap:after, .vehica-button-no-animate-bg .woocommerce-form-coupon button.button:after, .woocommerce-form-coupon .vehica-button-no-animate-bg button.button:after, .vehica-button-no-animate-bg .woocommerce .vehica-checkout button.button:after, .woocommerce .vehica-checkout .vehica-button-no-animate-bg button.button:after, .vehica-button-no-animate-bg .wp-block-search .wp-block-search__button:after, .wp-block-search .vehica-button-no-animate-bg .wp-block-search__button:after, .vehica-button-no-animate-bg .vehica-post-field__text input[type=submit]:after, .vehica-post-field__text .vehica-button-no-animate-bg input[type=submit]:after, .vehica-button-no-animate-bg .elementor-button:after { display: none !important; } .vehica-button-no-animate-bg .vehica-button:before, .vehica-button-no-animate-bg #cookie-notice .cn-button.bootstrap:before, #cookie-notice .vehica-button-no-animate-bg .cn-button.bootstrap:before, .vehica-button-no-animate-bg .woocommerce-form-coupon button.button:before, .woocommerce-form-coupon .vehica-button-no-animate-bg button.button:before, .vehica-button-no-animate-bg .woocommerce .vehica-checkout button.button:before, .woocommerce .vehica-checkout .vehica-button-no-animate-bg button.button:before, .vehica-button-no-animate-bg .wp-block-search .wp-block-search__button:before, .wp-block-search .vehica-button-no-animate-bg .wp-block-search__button:before, .vehica-button-no-animate-bg .vehica-post-field__text input[type=submit]:before, .vehica-post-field__text .vehica-button-no-animate-bg input[type=submit]:before, .vehica-button-no-animate-bg .elementor-button:before { display: none !important; } @media (min-width: 1023px) { .vehica-button--icon { padding-left: 40px; padding-right: 40px; transform: translateZ(0); } .vehica-button--icon:before { position: absolute; top: 0; left: 0; transition-property: transform; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(255, 255, 255, 0.1); transform: scale(0, 1); z-index: -1; } .vehica-button--icon:after { position: absolute; top: 1px; right: -50px; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; transition-delay: 0s; display: flex; justify-content: center; align-items: center; height: 100%; width: 50px; content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: inherit; opacity: 0; } .vehica-button--icon:hover { padding-left: 30px; padding-right: 50px; } .vehica-button--icon:hover:after { right: 4px; opacity: 1; } .vehica-button--icon--send:after { content: "\f1d8"; } .vehica-button--icon--compare:after { content: "\f362"; } .vehica-button--icon--check:after { content: "\f00c"; } .vehica-button--icon--search:after { content: "\f002"; } .vehica-button--icon-preview:after { content: "\f061"; } .vehica-button--icon-calculate:after { content: "\f1ec"; } } .vehica-radio { color: #6d6d6d; } @media (min-width: 1023px) { .vehica-radio:not(.vehica-radio--disabled):hover { color: var(--primary) !important; } .vehica-radio:not(.vehica-radio--disabled):hover label { color: var(--primary) !important; } } .vehica-radio label { transition: all 0.2s ease; } .vehica-radio input { cursor: pointer; position: absolute; opacity: 0; height: 21px; margin-top: 0px; margin-left: 0; width: 21px; z-index: 1; } .vehica-radio input + label { font-size: 14px; line-height: 16px; display: block; position: relative; cursor: pointer; min-height: 20px; padding: 1px 0 0 28px; } .vehica-radio input + label:before { position: absolute; top: 0; left: 0; content: ""; display: inline-block; vertical-align: text-top; width: 17px; height: 17px; background: white; border: solid 1px #d5d8e0; border-radius: 50%; } .vehica-radio input:disabled + label { color: #b8b8b8; cursor: auto; } .vehica-radio input:disabled + label:before { box-shadow: none; background: #ddd; } .vehica-radio input:checked + label:after { content: ""; position: absolute; left: 5px; top: 5px; width: 7px; height: 7px; border-radius: 50%; } .vehica-radio input:checked + label:after, .vehica-radio input:checked + label:after { background: var(--primary) !important; border-color: var(--primary) !important; } .vehica-radio input:checked + label:after, .vehica-radio input:checked + label:after { background: var(--primary) !important; border-color: var(--primary) !important; } .vehica-checkbox { margin: 16px 0; color: #6d6d6d; } .vehica-checkbox:after { clear: both; content: ""; display: table; } @media (min-width: 1023px) { .vehica-checkbox:hover { color: var(--primary) !important; } .vehica-checkbox:hover label { color: var(--primary) !important; } } .vehica-checkbox label { transition: all 0.2s ease; } .vehica-checkbox input { position: absolute; opacity: 0; } .vehica-checkbox input + label { font-size: 14px; line-height: 16px; display: block; position: relative; cursor: pointer; min-height: 20px; padding: 2px 0 0 31px; } .vehica-checkbox input + label:before { position: absolute; top: 0; left: 0; content: ""; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; } .vehica-checkbox input:disabled + label { color: #b8b8b8; cursor: auto; } .vehica-checkbox input:disabled + label:before { box-shadow: none; background: #ddd; } .vehica-checkbox input:checked + label:after { content: "\f00c"; position: absolute; font-family: "Font Awesome 5 Free"; left: 5px; font-weight: 900; color: #fff; font-size: 11px; top: 2px; } .vehica-checkbox input:checked + label { color: #2f3b48; } .vehica-checkbox--featured-big:hover label, .vehica-checkbox--featured-big:active label, .vehica-checkbox--featured-big:focus label { color: #222732 !important; } .vehica-checkbox--featured-big label { display: inline-block !important; color: #222732 !important; } .vehica-checkbox--featured-big label:hover, .vehica-checkbox--featured-big label:active, .vehica-checkbox--featured-big label:focus { color: #222732 !important; } .vehica-checkbox--featured-big input + label { font-size: 20px; line-height: 16px; font-weight: 700; color: #222732; } .vehica-checkbox--featured-big input + label { padding: 2px 0 0 33px; } .vehica-checkbox--featured-big a { color: var(--primary); } .vehica-checkbox--featured-big a:hover { text-decoration: underline; } .vehica-checkbox input:checked + label:before { background: var(--primary) !important; border-color: var(--primary) !important; } .vehica-checkbox--hide-phone { margin-bottom: 40px; } .vehica-checkbox--features-submit-listing { margin: 12px 0; } .vehica-top-bar { z-index: 10; display: flex; height: 65px; padding: 10px 30px; align-items: center; flex-direction: row; justify-content: end; position: relative; } .vehica-top-bar .vehica-top-bar__element { margin-right: 25px; } .vehica-top-bar .vehica-top-bar__left { display: flex; align-items: center; margin-right: 116px; } .vehica-top-bar .vehica-top-bar__left i { margin-right: 15px; } .vehica-top-bar .vehica-top-bar__right { display: flex; align-items: center; } .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element { margin-right: 0; margin-left: 35px; } .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .vehica-button, .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .cn-button.bootstrap, .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element button.button, .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element button.button, .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .wp-block-search .wp-block-search__button, .wp-block-search .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .wp-block-search__button, .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element input[type=submit] { padding-top: 13px; padding-bottom: 12px; } .vehica-top-bar .vehica-top-bar__right .vehica-top-bar__element.vehica-top-bar__element--panel span { margin: 0 10px; } .vehica-main-menu { display: none; } .vehica-menu__desktop { position: relative; } .vehica-menu__desktop .vehica-menu__container { top: -1px; } .vehica-menu__container { position: relative; } .vehica-menu-icon * { fill: var(--primary); } .vehica-menu-hover { height: 1px; background-color: var(--primary); position: absolute; left: 0; top: 0; margin-top: 1px; z-index: 10; transition: all ease 0.5s; } .vehica-menu-sticky-active .vehica-menu__wrapper { position: fixed; background: #fff; animation: vehica-slide-down 0.5s; box-shadow: 0 2px 7px 0 rgba(196, 196, 196, 0.34); } @keyframes vehica-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .vehica-menu-sticky-active .vehica-menu__wrapper:before { height: 0; } .vehica-menu-sticky-active .vehica-menu__wrapper .vehica-menu-hover { height: 0; } .vehica-menu-sticky-active .vehica-menu__wrapper .vehica-menu .vehica-menu__link { color: #0f141e; } .vehica-menu-sticky-active .vehica-menu__wrapper .vehica-menu > .menu-item-has-children > .vehica-menu__link:after { color: #0f141e; } .admin-bar.vehica-menu-sticky-active .vehica-menu__wrapper { top: 32px; } .admin-bar.vehica-menu-sticky-active .vehica-menu__wrapper .vehica-menu__sticky-submit { display: flex; } .vehica-menu__wrapper { z-index: 1000; display: flex; align-items: center; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; padding: 0 30px; } @media (min-width: 1025px) { .vehica-menu__wrapper .vehica-logo { margin-right: 30px; } } @media (min-width: 1100px) { .vehica-menu__wrapper .vehica-logo { margin-right: 73px; } } @media (min-width: 1920px) { .vehica-menu__wrapper .vehica-logo { margin-right: 42px; } } .vehica-menu__wrapper .vehica-logo img { width: auto; max-height: 32px; } .vehica-menu__wrapper .vehica-logo.vehica-logo--sticky { display: none; } .vehica-menu__wrapper:before { content: ""; position: absolute; height: 1px; left: 0; right: 0; top: 0; width: 100%; display: block; background: #fff; opacity: 0.12; z-index: 1; } .vehica-menu__wrapper .vehica-menu__left { display: flex; align-items: center; } .vehica-menu__wrapper .vehica-menu__left .vehica-logo { margin-top: 3px; } .vehica-menu__wrapper .vehica-menu__left svg { margin-top: 7px; margin-right: 20px; } .vehica-menu__wrapper .vehica-menu { height: 70px; display: flex; align-items: center; } .vehica-menu__wrapper .vehica-menu .vehica-menu__link { transition: all ease 0.2s; align-items: center; height: 100%; padding: 0; display: flex; color: #fff; font-size: 16px; font-weight: 600; border-top: 1px solid transparent; } .vehica-menu__wrapper .vehica-menu .menu-item { z-index: 2; height: 100%; position: relative; } .vehica-menu__wrapper .vehica-menu .menu-item:hover > .vehica-menu__link { color: var(--primary); } .vehica-menu__wrapper .vehica-menu .menu-item.menu-item-has-children:hover:after { color: var(--primary); } .vehica-menu__wrapper .vehica-menu .menu-item.current-menu-item > .vehica-menu__link { color: var(--primary); } .vehica-menu__wrapper .vehica-menu .menu-item:hover > .vehica-submenu { transform: translate3d(0, 0, 0); visibility: visible; opacity: 1; } .vehica-menu__wrapper .vehica-menu > .menu-item-has-children > .vehica-menu__link:after { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f107"; color: #fff; margin-left: 15px; transition: all 0.2s ease; } .vehica-menu__wrapper .vehica-menu > .menu-item { margin: 0 25px; } @media (min-width: 1200px) and (max-width: 1300px) { .vehica-menu__wrapper .vehica-menu > .menu-item { margin: 0 20px; } } .vehica-menu__wrapper .vehica-menu > .menu-item:first-child { margin-left: 0; } .vehica-menu__wrapper .vehica-menu > .menu-item > .vehica-submenu:before { content: ""; position: absolute; left: 31px; top: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; z-index: 3; } .vehica-menu__wrapper .vehica-menu > .menu-item > .vehica-submenu:after { content: ""; position: absolute; left: 30px; top: -9px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: #d21515 transparent #e9eaee transparent; z-index: 2; } .vehica-menu__wrapper .vehica-menu .vehica-submenu { transition: all 0.25s; transform: translate3d(0, 15px, 0); visibility: hidden; opacity: 0; background: #fff; border: 1px solid #e9eaee; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); color: #0f141e; font-size: 16px; position: absolute; left: -20px; min-width: 244px; border-radius: 10px; padding: 10px 0; } .vehica-menu__wrapper .vehica-menu .vehica-submenu .vehica-submenu { left: 100%; top: -11px !important; } .vehica-menu__wrapper .vehica-menu .vehica-submenu .vehica-submenu.vehica-submenu--level-2 { top: 0; } .vehica-menu__wrapper .vehica-menu .vehica-submenu .menu-item { padding: 0 20px; } .vehica-menu__wrapper .vehica-menu .vehica-submenu .menu-item:hover > .vehica-menu__link { color: var(--primary); } .vehica-menu__wrapper .vehica-menu .vehica-submenu .vehica-menu__link { font-size: 17px; line-height: 22px; padding-top: 9px; padding-bottom: 9px; font-weight: 600; color: #0f141e; border-bottom: 1px solid #e9eaee; } .vehica-menu__wrapper .vehica-menu .vehica-submenu .menu-item:last-child .vehica-menu__link { border: none; } .vehica-menu-sticky-active.home .vehica-menu__wrapper .vehica-menu > .menu-item.current-menu-item > .vehica-menu__link { color: #0f141e; } .home .vehica-menu__wrapper .vehica-menu > .menu-item.current-menu-item > .vehica-menu__link { color: #fff; } .vehica-menu__wrapper .vehica-menu > .menu-item.current-menu-item:hover > .vehica-menu__link { color: var(--primary); } .vehica-menu-sticky-active .vehica-logo { display: none; } .vehica-menu-sticky-active .vehica-logo.vehica-logo--sticky { display: block; } .vehica-menu__transparent-wrapper { position: relative; } .vehica-menu__transparent-container { position: absolute; width: 100%; left: 0; top: 0; } .vehica-elementor-editor .vehica-menu__transparent-container { position: relative; } .vehica-menu-sticky-active .vehica-menu__wrapper { height: 70px !important; } .vehica-menu__sticky-submit { display: flex; align-items: center; padding-right: 1px; } .vehica-menu-desktop-login-register-link { position: relative; } .vehica-menu-desktop-login-register-link:after { clear: both; content: ""; display: table; } .vehica-menu-desktop-login-register-link a { color: #fff; } .vehica-menu-desktop-login-register-link a:hover { color: var(--primary); } .vehica-menu-desktop-login-register-link__user-icon { margin-right: 20px; } .vehica-menu-desktop-login-register-link__user-icon i { color: var(--primary); } .vehica-menu-desktop-login-register-link__register-text, .vehica-menu-desktop-login-register-link__login-text { display: inline-block; } .vehica-menu-desktop-login-register-link__separator { display: inline-block; height: 18px; width: 1px; top: 5px; position: relative; background: #50514f; margin-left: 20px; margin-right: 20px; } .vehica-menu-sticky-active .vehica-button--menu-submit { color: var(--primary); } .vehica-menu-sticky-active .vehica-button--menu-submit:hover { color: #fff; } .vehica-menu-sticky-active .vehica-menu-desktop-login-register-link { font-weight: 600; } .vehica-menu-sticky-active .vehica-menu-desktop-login-register-link a { color: #1b2634; } .vehica-menu-sticky-active .vehica-menu-desktop-login-register-link a:hover { color: var(--primary); } .vehica-menu-sticky-active .vehica-menu-desktop-login-register-link__separator { background: #dfe3eb; } .vehica-menu-sticky-active .vehica-menu__wrapper .vehica-menu > .menu-item-has-children > .vehica-menu__link:after { color: var(--primary); } @media (min-width: 768px) { .vehica-menu-horizontal-v2 .vehica-simple-menu { font-size: 23px; line-height: 30px; font-weight: bold; } .vehica-menu-horizontal-v2 .vehica-simple-menu .menu-item { margin-right: 75px; } } @media (min-width: 1023px) { .vehica-menu-horizontal-v2 a:hover { color: var(--primary) !important; } } .vehica-menu__desktop .vehica-submenu .menu-item-has-children:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; transition: all 0.2s ease; position: absolute; z-index: 2; top: 7px; right: 22px; pointer-events: none; font-size: 16px; } .vehica-menu__sticky-submit .vehica-menu-item-depth-0 { display: inline; } .vehica-menu__sticky-submit .vehica-menu-item-depth-0 .far { font-family: "Font Awesome 5 Free" !important; font-weight: 400 !important; } .vehica-menu__sticky-submit .vehica-menu-item-depth-0 .fas { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; } .vehica-mobile-menu__wrapper { position: relative; z-index: 1; display: flex; flex-direction: row; align-items: center; padding: 10px 15px; } @media (min-width: 767px) { .vehica-mobile-menu__wrapper { padding-left: 30px; padding-right: 30px; } } .vehica-mobile-menu__wrapper .vehica-mobile-menu__logo, .vehica-mobile-menu__wrapper .vehica-mobile-menu__hamburger, .vehica-mobile-menu__wrapper .vehica-mobile-menu__login { height: 50px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__login { color: #fff; text-align: right; width: 60px; max-width: 60px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__login a { display: inline-block; color: #fff; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__hamburger { width: 60px; max-width: 60px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__logo { text-align: center; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__logo.vehica-mobile-menu__logo--right { text-align: right; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__logo.vehica-mobile-menu__logo--left { text-align: left; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__logo a { display: inline-block; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__logo img { height: 32px; width: auto; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__nav { margin-bottom: 50px; text-align: left; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open__content { padding: 0; margin-bottom: 20px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open { transform: translateX(-100%); transition: 0.2s all ease-out; position: fixed; background-color: #0f141e; left: 0; top: 0; right: 0; bottom: 0; overflow-y: scroll; z-index: 999999; } @media (min-width: 450px) { .vehica-mobile-menu__wrapper .vehica-mobile-menu__open { max-width: 400px; } } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open.vehica-active { transform: translateX(0); } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-menu > .menu-item-has-children > .vehica-menu__link { display: flex; align-items: center; justify-content: space-between; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item-has-children { position: relative; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item-has-children:after { font-family: "Font Awesome 5 Free"; content: "\f107"; color: #fff; font-size: 18px; position: absolute; right: 26px; top: 16px; font-weight: 900; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__open__top { display: flex; align-items: center; justify-content: space-between; background: #242830; height: 80px; padding-left: 25px; padding-right: 25px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-menu > .menu-item { border-bottom: 1px solid #363b48; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-menu > .menu-item .current-menu-item .vehica-menu__link { color: var(--primary) !important; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-menu > .menu-item > a { padding-top: 15px; padding-bottom: 15px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item .vehica-menu__link { display: block; font-size: 20px; font-weight: 600; color: #fff; padding-left: 25px; padding-right: 25px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item.vehica-open > .vehica-submenu { display: block; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item.vehica-open > a { color: var(--primary); } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item.vehica-open.menu-item-has-children:after { color: var(--primary) !important; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-submenu { display: none; padding: 0; margin-top: 0; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-submenu .vehica-menu__link { border-top: 1px solid #363b48; padding: 8px 20px 8px 40px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info { margin-bottom: 40px; padding-left: 20px; padding-right: 20px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info a { color: #99a1b2; margin-bottom: 24px; font-size: 20px; line-height: 28px; display: block; line-height: 20px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info a i { font-size: 16px; margin-right: 4px; position: relative; top: 1px; } @media (max-width: 359px) { .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info a { font-size: 16px; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info a i { font-size: 14px; } } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__currency-switcher { border-top: 1px solid #e2e3e7; padding-top: 20px; color: #99a1b2; font-size: 20px; display: flex; align-items: center; height: 60px; cursor: pointer; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__currency-switcher select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; padding: 0 30px 0 0; margin-left: 10px; margin-right: 5px; font-size: 20px; border: none; color: #0f141e; font-weight: bold; z-index: 2; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__currency-switcher .fa-angle-down { position: relative; left: -30px; } .vehica-mobile-menu-mask { position: fixed; top: 0; right: 0; left: 0; width: 0px; float: left; height: 100%; background: black; opacity: 0; transition: opacity 0.5s ease; z-index: 1000; } @media (min-width: 450px) { .vehica-mobile-menu__open.vehica-active + .vehica-mobile-menu-mask { width: 100%; opacity: 0.7; } } .vehica-mobile-menu__open__top__x { position: relative; top: 4px; } .vehica-mobile-menu__open__top__x svg { fill: var(--primary) !important; } .vehica-mobile-menu__open__top__x svg * { fill: var(--primary) !important; } @media (max-width: 1200px) { .vehica-mobile-menu__wrapper--mobile-simple-menu { flex-direction: row-reverse !important; } .vehica-mobile-menu__wrapper--mobile-simple-menu .vehica-logo { text-align: left; } .vehica-mobile-menu__wrapper--mobile-simple-menu .vehica-mobile-menu__hamburger { width: 60px; text-align: right; } .vehica-mobile-menu__wrapper--mobile-simple-menu .vehica-menu-icon { transform: rotateY(180deg); } } .vehica-currency-switcher { display: flex; align-items: center; } .vehica-currency-switcher__inner { display: flex; align-items: center; position: relative; margin-left: 6px; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; } .vehica-currency-switcher__inner i { margin-left: 5px; color: #99a1b2; } .vehica-currency-switcher__inner.vehica-currency-switcher__inner--open i { color: var(--primary); } .vehica-currency-switcher__list { position: absolute; left: 0; top: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; padding: 6px 13px; border-radius: 10px; z-index: 99999; } .vehica-currency-switcher__element { margin-bottom: 2px; font-size: 13px; font-weight: 600; color: #0f141e; cursor: pointer; } @media (min-width: 1023px) { .vehica-currency-switcher__element:hover { color: var(--primary); } } .vehica-currency-switcher__element.vehica-currency-switcher__element--active { color: var(--primary); } .logged-in .vehica-menu-desktop-login-register-link:hover { position: relative; } .logged-in .vehica-menu-desktop-login-register-link:hover .vehica-menu-item-depth-0 > a { color: var(--primary); } .logged-in .vehica-menu-desktop-login-register-link:hover .vehica-menu-item-depth-0 > a:before { content: ""; display: block; position: absolute; bottom: -40px; height: 40px; left: 0; width: 100%; background: transparent; cursor: pointer; } .vehica-desktop-user-menu { width: 244px; z-index: 100000; border-radius: 10px; border: 1px solid #e7edf3; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; position: absolute; top: 44px; left: 0; padding-top: 10px; display: none; } .vehica-desktop-user-menu hr { border-top: 1px solid #99a1b2; } .vehica-desktop-user-menu:after { content: ""; display: block; position: absolute; top: -5px; left: 33px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ffffff; } .vehica-desktop-user-menu:before { content: ""; display: block; position: absolute; top: -6px; left: 32px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e7edf3; } .logged-in .vehica-top-bar__element--panel:hover .vehica-desktop-user-menu { display: block; } .vehica-desktop-user-menu__name { font-size: 15px; line-height: 35px; font-weight: bold; } .vehica-desktop-user-menu__name a { display: block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #0f141e; } .vehica-desktop-user-menu__name a:hover { color: var(--primary); } .vehica-desktop-user-menu__email { font-size: 12px; line-height: 30px; font-weight: 900; } .vehica-desktop-user-menu__manage-account { position: absolute; top: 18px; right: 15px; line-height: 13px; font-size: 16px; cursor: pointer; } .vehica-desktop-user-menu__manage-account i { color: var(--primary); } .vehica-desktop-user-menu__menu-links { font-size: 13px; line-height: 16px; } .vehica-desktop-user-menu__menu-links a { display: block; position: relative; border-top: 1px solid #f2f5fb; padding: 10px 40px 10px 0; padding-left: 15px; padding-right: 15px; color: #0f141e; } .vehica-desktop-user-menu__menu-links a i { margin-right: 9px; color: rgba(0, 0, 0, 0.16); transition: all 0.2s ease; } .vehica-desktop-user-menu__menu-links a:hover i { color: var(--primary); } .vehica-desktop-user-menu__menu-links hr { border: 0 solid transparent; border-top: 1px solid #eff0f1; } .vehica-desktop-user-menu__menu-links__count { border-radius: 10px; text-align: center; font-size: 12px; min-width: 23px; padding: 0; font-weight: 600; height: 23px; line-height: 23px; color: var(--primary); background: var(--primary-light); margin-left: 4px; position: absolute; right: 15px; top: 6px; } .vehica-desktop-user-menu__top { display: flex; align-items: center; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; } .vehica-desktop-user-menu__top__avatar { display: inline-block; width: 35px; min-width: 35px; height: 35px; background: #eff0f1; border-radius: 50%; margin-right: 10px; position: relative; overflow: hidden; } .vehica-header--no-submit-button .vehica-desktop-user-menu { left: auto; right: 0; } .vehica-header--no-submit-button .vehica-desktop-user-menu:before { left: auto; right: 32px; } .vehica-header--no-submit-button .vehica-desktop-user-menu:after { right: 33px; left: auto; } .vehica-pagination { align-items: center; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; font-size: 22px; font-weight: bold; line-height: 55px; color: #2f3b48; display: none; } @media (min-width: 900px) { .vehica-pagination { display: flex; } } .vehica-pagination--blog { margin-top: 56px; margin-bottom: 44px; } .vehica-pagination--inventory { margin-top: 60px; margin-bottom: 18px; } .vehica-pagination__inner { margin: 0 auto; } .vehica-pagination__arrow { display: inline-block; float: left; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; border: 0px solid transparent; cursor: pointer; text-align: center; transition: 0.2s ease-in-out; } .vehica-pagination__arrow i { font-size: 16px; line-height: 55px; color: #2f3b48; vertical-align: top; } @media (min-width: 1023px) { .vehica-pagination__arrow:hover { box-shadow: 0px 3px 40px 0 #dbe0e8; } } .vehica-pagination__arrow--left { margin-right: 10px; } .vehica-pagination__arrow--right { margin-left: 10px; } .vehica-pagination__page { display: inline-block; float: left; line-height: 55px; margin-right: 7px; padding-left: 10px; padding-right: 10px; margin-left: 7px; cursor: pointer; transition: color 0.2s ease-in-out; } @media (min-width: 1023px) { .vehica-pagination__page:hover { color: var(--primary); } .vehica-pagination__page:hover a { color: var(--primary); } } .vehica-pagination__page:first-child { margin-left: 0px; } .vehica-pagination__page:last-child { margin-right: 0px; } .vehica-pagination__page--active { width: 55px; background: var(--primary-light); text-align: center; border-radius: 50%; margin-right: -7px; margin-left: -7px; color: var(--primary); } .vehica-pagination__page--active a { color: var(--primary); } .vehica-pagination-mobile { font-size: 22px; line-height: 28px; font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; } .vehica-pagination-mobile span { display: inline-block; } @media (min-width: 900px) { .vehica-pagination-mobile { display: none; } } .vehica-pagination-mobile--blog { margin-top: 56px; margin-bottom: 44px; } .vehica-pagination-mobile--inventory { margin-top: 8px; margin-bottom: 22px; } .vehica-pagination-mobile__start { color: var(--primary); margin-right: 40px; } .vehica-pagination-mobile__end { margin-left: 40px; } .vehica-pagination-mobile__arrow { display: inline-block; min-width: 55px; line-height: 55px; border-radius: 50%; height: 55px; box-shadow: 0px 3px 40px 0 #dbe0e8 !important; border: 0 solid transparent; text-align: center; font-size: 14px; cursor: pointer; background: #fff; } .vehica-pagination-mobile__arrow--disabled { opacity: 0; z-index: -1; } .vehica-pagination-mobile__arrow--left { margin-right: 27px; } .vehica-pagination-mobile__arrow--right { margin-left: 27px; } .vehica-pagination-mobile--panel { margin: 50px 0 30px 0; } .vehica-blog-title { font-size: 41px; line-height: 51px; font-weight: 900; color: #222732; margin: 0; text-align: center; } @media (max-width: 359px) { .vehica-blog-title { font-size: 30px; line-height: 38px; } } @media (min-width: 360px) and (max-width: 899px) { .vehica-blog-title { font-size: 38px; line-height: 48px; } } .vehica-posts__related-title { font-size: 22px; line-height: 28px; font-weight: 900; margin-bottom: 55px; } .vehica-blog-card { margin: 0 0 25px 0; overflow: hidden; } .vehica-blog-card__date { font-size: 13px; line-height: 16px; font-weight: 600; color: #95989d; margin-bottom: 15px; text-align: center; } @media (min-width: 768px) { .vehica-blog-card__date { text-align: left; } } .vehica-blog-card__date i { color: var(--primary); margin-right: 4px; } .vehica-blog-card__title { font-size: 21px; line-height: 27px; font-weight: 700; white-space: initial; color: #222732; display: block; text-align: center; word-break: break-word; max-width: 500px; margin-left: auto; margin-right: auto; } @media (min-width: 1023px) { .vehica-blog-card__title:hover { color: var(--primary); } } @media (min-width: 768px) { .vehica-blog-card__title { text-align: left; max-width: none; margin-left: 0; margin-right: 0; } } .vehica-blog-card__inner { background: #FFFFFF; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; height: 100%; overflow: hidden; transition: all 0.2s ease; position: relative; } @media (min-width: 1023px) { .vehica-blog-card__inner:hover { border-color: var(--primary); } } .vehica-blog-card__excerpt { margin: 0 0 16px 0; color: #222732; opacity: 0.48; font-size: 15px; font-weight: 500; line-height: 1.64; text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .vehica-blog-card__excerpt { text-align: left; max-width: none; margin-left: 0; margin-right: 0; } } .vehica-blog-card__excerpt p { margin: 0; } .vehica-blog-card__image { position: relative; display: block; background: #f2f5fb; overflow: hidden; padding-top: 55.5224%; border-top-right-radius: 10px; border-top-left-radius: 10px; } .vehica-blog-card__image img { width: 100%; height: 100%; left: 0; top: 0; position: absolute; object-fit: cover; opacity: 1; transform: scale3d(1, 1, 1); transition: opacity 0.8s, transform 0.8s, filter 400ms; border-top-right-radius: 10px; border-top-left-radius: 10px; } @media (min-width: 1023px) { .vehica-blog-card__image:hover img { opacity: 0.9; transform: scale3d(1.1, 1.1, 1); } } .vehica-blog-card__content { padding: 25px 15px 25px 15px; text-align: center; } .vehica-blog-card__content h3 { margin-bottom: 10px; } @media (min-width: 768px) { .vehica-blog-card__content { padding: 30px; text-align: left; } } .vehica-blog-card__content__top { display: flex; flex-wrap: wrap; flex-direction: row; } @media (max-width: 767px) { .vehica-blog-card__content__top { justify-content: center; } } .vehica-blog-card__image-placeholder { background: #eff0f1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vehica-blog-card__image-placeholder:after { content: "\f03e"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; width: 50px; height: 50px; font-size: 40px; text-align: center; opacity: 0.5; line-height: 50px; position: absolute; top: 50%; margin: -25px auto 0 auto; left: 0; right: 0; } .vehica-blog-card__title--truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vehica-blog-card__button-wrapper { text-align: center; } @media (min-width: 768px) { .vehica-blog-card__button-wrapper { text-align: left; } } .vehica-blog-card__button-wrapper a { text-decoration: underline; font-size: 14px; line-height: 18px; font-weight: 500; color: #222732; padding: 10px 0; } @media (min-width: 1023px) { .vehica-blog-card__button-wrapper a:hover { color: var(--primary); } } .vehica-blog-card__author { margin-bottom: 20px; margin-right: 18px; text-align: center; display: inline-block; } .vehica-blog-card__author:after { clear: both; content: ""; display: table; } .vehica-blog-card__author i { color: var(--primary); } .vehica-blog-card__author__image { display: inline-block; margin-right: 7px; float: left; position: relative; top: -2px; } .vehica-blog-card__author__image img { width: 20px; height: 20px; border-radius: 50%; float: left; } .vehica-blog-card__author__name { float: left; font-size: 13px; line-height: 16px; font-weight: 600; color: #95989d; } .vehica-blog-card__author__name i { margin-right: 4px; } .vehica-posts--v2 .vehica-blog-card { margin-bottom: 30px; } .vehica-posts--v2 .vehica-blog-card .vehica-blog-card__title { font-size: 24px; line-height: 32px; } .vehica-posts--v2 .vehica-blog-card .vehica-blog-card__excerpt { margin-bottom: 20px; } .vehica-posts--v2 .vehica-blog-card__image { padding-top: 0; height: 300px; } @media (max-width: 659px) { .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper { text-align: center; } } .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .vehica-button, .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .cn-button.bootstrap, .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper button.button, .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper button.button, .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .wp-block-search .wp-block-search__button, .wp-block-search .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .wp-block-search__button, .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-posts--v2 .vehica-blog-card-v2__button-wrapper input[type=submit] { max-height: 50px; line-height: 20px; } .vehica-blog-card-featured { display: none; position: absolute; z-index: 2; background: var(--primary); width: auto; padding: 3px 50px; font-weight: 600; text-align: center; color: #fff; transform: rotate(-41deg); margin-left: -10px; top: 14px; left: -38px; } .sticky .vehica-blog-card-featured { display: block; } .vehica-post-author-image img { width: 34px; height: 34px; border-radius: 50%; } .vehica-post-author-name { font-size: 13px; line-height: 18px; font-weight: 600; color: #95989d; } .vehica-post-author-name i { color: var(--primary); margin-right: 4px; } .vehica-post-author-name a { color: #95989d; } @media (min-width: 1023px) { .vehica-post-author-name a:hover { color: var(--primary); } } .vehica-post-field__category__list { font-size: 13px; line-height: 18px; font-weight: 600; color: #95989d; } .vehica-post-field__category__list a { color: #95989d; } @media (min-width: 1023px) { .vehica-post-field__category__list a:hover { color: var(--primary); } } .vehica-post-field__category__list i { color: var(--primary); margin-right: 4px; } .vehica-post-field__date { font-size: 13px; line-height: 18px; font-weight: 600; color: #95989d; } .vehica-post-field__date i { color: var(--primary); margin-right: 5px; } .vehica-post-field__name { font-size: 41px; line-height: 51px; font-weight: 900; color: #222732; margin-bottom: 20px; font-size: 28px; line-height: 38px; } @media (min-width: 900px) { .vehica-post-field__name { font-size: 41px; line-height: 51px; } } .vehica-number-of-comments { font-size: 13px; line-height: 18px; font-weight: 600; color: #95989d; } .vehica-number-of-comments a { color: #95989d; transition: all 0.2s ease; } @media (min-width: 1023px) { .vehica-number-of-comments a:hover { color: var(--primary); } } .vehica-number-of-comments i { color: var(--primary); margin-right: 4px; } .vehica-post-field__text { color: #6f6f6f; font-size: 16px; line-height: 1.625; } .vehica-post-field__text h1, .vehica-post-field__text h2, .vehica-post-field__text h3, .vehica-post-field__text h4, .vehica-post-field__text h5, .vehica-post-field__text h6 { font-weight: 900; margin-top: 30px; margin-bottom: 30px; color: #222732; line-height: 1.24; } .vehica-post-field__text h1 { font-size: 41px; line-height: 51px; } .vehica-post-field__text h2 { font-size: 36px; } .vehica-post-field__text h3 { font-size: 32px; } .vehica-post-field__text h4 { font-size: 28px; } .vehica-post-field__text h5 { font-size: 24px; } .vehica-post-field__text h6 { font-size: 20px; } .vehica-post-field__text > a { color: var(--primary); } .vehica-post-field__text > a:hover { text-decoration: underline; } .vehica-post-field__text p { margin-top: 30px; margin-bottom: 30px; } .vehica-post-field__text input[type=password] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; max-width: 300px; margin-right: 12px; } .vehica-post-field__text input[type=password]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-post-field__text input[type=password] { font-size: 16px; } } .vehica-post-field__text .wp-block-button a { border-radius: 10px; font-size: 17px; line-height: 21px; font-weight: 600; padding: 16px 25px 16px 25px; margin-bottom: 10px; } .vehica-post-field__text .wp-block-button a:hover { text-decoration: none; } .vehica-post-field__text .wp-block-button.is-style-squared a { border-radius: 0 !important; } .vehica-post-field__text .wp-block-button:not(.is-style-outline) a { background: var(--primary); } .vehica-post-field__text .wp-block-button.is-style-outline a { border-color: var(--primary); color: var(--primary); } .vehica-post-field__text .wp-block-button.is-style-outline a:hover { background: var(--primary); color: #fff; } .vehica-post-field__text .post-nav-links { display: block; float: left; width: 100%; color: #222732; margin-top: 60px; } .vehica-post-field__text .post-nav-links .post-page-numbers { color: #222732; margin-left: 10px; } .vehica-post-field__text .post-nav-links .post-page-numbers.current { color: var(--primary); } .vehica-post-field__text .post-nav-links .post-page-numbers:first-child { margin-left: 30px; } .vehica-post-field__text .post-nav-links .post-page-numbers:hover { color: var(--primary); text-decoration: none; } @media (min-width: 1200px) { .vehica-post-field__text .wp-block-columns { margin-top: 30px; margin-bottom: 30px; } } .vehica-post-field__text .wp-block-quote { max-width: 640px; } .vehica-post-field__text table { color: #181d28; font-weight: 500; font-size: 16px; } @media (min-width: 767px) { .vehica-post-field__text table { font-size: 20px; } } .vehica-post-field__text table tr:first-child { font-weight: 600; } .vehica-post-field__text table th, .vehica-post-field__text table td { padding: 10px 15px; } @media (min-width: 767px) { .vehica-post-field__text table th, .vehica-post-field__text table td { padding: 15px 35px; } } .vehica-post-field__text .wp-block-calendar { margin-top: 30px; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background-color: var(--white); max-width: 400px; margin-bottom: 30px; } .vehica-post-field__text .wp-block-calendar .wp-calendar-table caption { padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px !important; } .vehica-post-field__text .wp-block-calendar thead { background: #f7f9fd; } .vehica-post-field__text .wp-block-calendar .wp-calendar-table { margin-bottom: 0; } .vehica-post-field__text .wp-block-calendar .wp-calendar-table th, .vehica-post-field__text .wp-block-calendar .wp-calendar-table td { font-size: 16px !important; padding: 6px !important; } .vehica-post-field__text .wp-block-calendar .wp-calendar-nav { max-width: 400px !important; padding-top: 6px; text-align: left !important; padding-left: 22px; padding-bottom: 6px; background: #f7f9fd; } .vehica-post-field__text .wp-block-calendar .wp-calendar-nav a { color: #222732; text-decoration: none; } .vehica-post-field__text select { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; padding-right: 50px; font-size: 16px; line-height: 24px; margin: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/chevron-down.png) no-repeat right transparent; background-size: 16px 16px; -webkit-appearance: none; background-position: right 20px bottom 15px; max-width: 400px; } .vehica-post-field__text select::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-post-field__text select { font-size: 16px; } } .vehica-post-field__text blockquote, .vehica-post-field__text blockquote.wp-block-quote { background: #f7f9fd; padding: 50px; position: relative; font-size: 18px; font-weight: 300; font-style: italic; line-height: 1.5; color: #212d40; margin-top: 51px; margin-bottom: 30px; } .vehica-post-field__text blockquote p, .vehica-post-field__text blockquote.wp-block-quote p { padding: 0; margin: 0; } .vehica-post-field__text blockquote:before, .vehica-post-field__text blockquote.wp-block-quote:before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e"; font-size: 16px; top: -22px; left: 50px; background: var(--primary); border-radius: 50%; height: 43px; width: 43px; line-height: 43px; padding-left: 12px; color: #fff; text-align: left; } .vehica-post-field__text figure.alignleft { margin-right: 30px; } .vehica-post-field__text figure.alignright { margin-left: 30px; } .vehica-post-field__text figure.aligncenter { margin-left: auto; margin-right: auto; } .vehica-ul-list { list-style: none; padding: 0; font-size: 16px; line-height: 20px; color: #6f6f6f; } .vehica-ul-list li { margin-bottom: 15px; } .vehica-ul-list li:last-child { margin-bottom: 0; } .vehica-ul-list li:before { content: "\f111"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; color: var(--primary); padding-right: 15px; font-size: 9px; position: relative; top: -1px; } .post-nav-links { margin: 30px 0; font-size: 21px; font-weight: 900; } .post-nav-links .post-page-numbers { padding: 0 3px; } .post-nav-links .post-page-numbers.current { color: var(--primary); } .post-nav-links .post-page-numbers:first-child { margin-left: 10px; } @media (max-width: 899px) { .vehica-post-image { position: relative; overflow: hidden; } .vehica-post-image img { width: 100%; object-fit: cover; border-radius: 10px !important; } } @media (min-width: 900px) { .vehica-post-image { position: relative; border-radius: 10px; overflow: hidden; padding-top: 0 !important; height: 147px; } } @media (min-width: 900px) and (min-width: 400px) { .vehica-post-image { height: 240px; } } @media (min-width: 900px) and (min-width: 600px) { .vehica-post-image { height: 340px; } } @media (min-width: 900px) and (min-width: 900px) { .vehica-post-image { height: 413px; } } @media (min-width: 900px) and (min-width: 1200px) { .vehica-post-image { height: 445px; } } @media (min-width: 900px) { .vehica-post-image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: filter 400ms; } } .vehica-post-field__tags { align-items: center; min-height: 10px; } .vehica-post-field__tags:after { clear: both; content: ""; display: table; } .vehica-post-field__tags__single { display: inline-block; font-size: 14px; line-height: 18px; color: rgba(34, 39, 50, 0.48); background-color: transparent !important; float: left; font-weight: 500; } @media (min-width: 1023px) { .vehica-post-field__tags__single:hover { color: #000; } } .vehica-post-field__tags__single:after { content: ","; padding-right: 5px; color: rgba(34, 39, 50, 0.48) !important; } .vehica-post-field__tags__single:last-of-type:after { content: ""; } .vehica-post-field__tags__title { margin-right: 10px; float: left; display: inline-block; font-size: 14px; line-height: 18px; color: rgba(34, 39, 50, 0.48); } .vehica-post-field__tags__icon { color: var(--primary); margin-right: 12px; float: left; line-height: 18px; } .vehica-comments .comment-respond { position: relative; background: #eff3fa; width: 100%; float: left; border-radius: 10px; margin-bottom: 40px; padding: 20px 12px; } @media (min-width: 768px) { .vehica-comments .comment-respond { padding: 45px 37px; } } .vehica-comments .comment-respond:first-child { margin-bottom: 0; } .vehica-comments .comment-form { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } .comment-respond:after { content: ""; background: #fff; display: block; height: 1px; width: 100%; position: absolute; left: 0; bottom: -1px; z-index: 2; margin-right: 0; } .vehica-comments .comment-reply-title { width: 100%; float: left; text-align: left; position: relative; padding-right: 28px; margin-bottom: 10px; margin-top: 0; font-size: 22px; line-height: 28px; font-weight: 900; color: #222732; padding-left: 8px; } .vehica-comments .comment-reply-title #cancel-comment-reply-link { color: transparent; } .vehica-comments .comment-reply-title #cancel-comment-reply-link:hover:after { color: var(--primary) !important; } .vehica-comments .comment-reply-title #cancel-comment-reply-link:after { color: #222732; content: "\f00d"; font-family: "Font Awesome 5 Free"; position: absolute; top: 0; right: 12px; transition: all 0.2s ease; } @media (min-width: 768px) { .vehica-comments .comment-reply-title { margin-bottom: 30px; } } .vehica-comments .comment-reply-title:after { clear: both; content: ""; display: table; } .comment-notes { padding-left: 8px; padding-right: 8px; width: 100%; font-size: 15px; line-height: 20px; text-align: left; color: #2f3b48; margin-bottom: 20px; } @media (min-width: 768px) { .comment-notes { margin-top: -20px; margin-bottom: 30px; } } .vehica-comments .comment-form-comment { padding-left: 8px; padding-right: 8px; margin-bottom: 15px; width: 100%; } .vehica-comments .comment-form-comment textarea { resize: vertical; height: 140px; min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; font-size: 15px; line-height: 19px; color: #6f6f6f; vertical-align: top; width: 100%; padding: 25px 27px; min-height: 44px; border: 1px solid rgba(0, 0, 0, 0.1); } .vehica-comments .comment-form-comment textarea::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-comments .comment-form-comment textarea { font-size: 16px; } } .vehica-comments .comment-form-author, .vehica-comments .comment-form-email, .vehica-comments .comment-form-url { width: 100%; margin-bottom: 15px; padding-left: 8px; padding-right: 8px; } @media (min-width: 768px) { .vehica-comments .comment-form-author, .vehica-comments .comment-form-email, .vehica-comments .comment-form-url { width: 33.333%; } } .vehica-comments .comment-form-author input[type=text], .vehica-comments .comment-form-author input[type=email], .vehica-comments .comment-form-author input[type=url], .vehica-comments .comment-form-email input[type=text], .vehica-comments .comment-form-email input[type=email], .vehica-comments .comment-form-email input[type=url], .vehica-comments .comment-form-url input[type=text], .vehica-comments .comment-form-url input[type=email], .vehica-comments .comment-form-url input[type=url] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; font-size: 15px; } .vehica-comments .comment-form-author input[type=text]::placeholder, .vehica-comments .comment-form-author input[type=email]::placeholder, .vehica-comments .comment-form-author input[type=url]::placeholder, .vehica-comments .comment-form-email input[type=text]::placeholder, .vehica-comments .comment-form-email input[type=email]::placeholder, .vehica-comments .comment-form-email input[type=url]::placeholder, .vehica-comments .comment-form-url input[type=text]::placeholder, .vehica-comments .comment-form-url input[type=email]::placeholder, .vehica-comments .comment-form-url input[type=url]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-comments .comment-form-author input[type=text], .vehica-comments .comment-form-author input[type=email], .vehica-comments .comment-form-author input[type=url], .vehica-comments .comment-form-email input[type=text], .vehica-comments .comment-form-email input[type=email], .vehica-comments .comment-form-email input[type=url], .vehica-comments .comment-form-url input[type=text], .vehica-comments .comment-form-url input[type=email], .vehica-comments .comment-form-url input[type=url] { font-size: 16px; } } .vehica-comments .comment-form-cookies-consent { margin: 5px 8px 15px 8px; width: 100%; font-size: 14px; line-height: 18px; color: #6d6d6d; max-width: 360px; } @media (min-width: 768px) { .vehica-comments .comment-form-cookies-consent { margin-top: 15px; } } @media (min-width: 1023px) { .vehica-comments .comment-form-cookies-consent:hover { color: var(--primary) !important; } .vehica-comments .comment-form-cookies-consent:hover label { color: var(--primary) !important; } } .vehica-comments .comment-form-cookies-consent input { position: absolute; opacity: 0; } .vehica-comments .comment-form-cookies-consent input + label { font-size: 15px; line-height: 20px; display: block; position: relative; cursor: pointer; min-height: 20px; padding: 0 0 0 31px; color: #2f3b48; } .vehica-comments .comment-form-cookies-consent input + label:before { position: absolute; top: 2px; left: 0; content: ""; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; } .vehica-comments .comment-form-cookies-consent input:disabled + label { color: #b8b8b8; cursor: auto; } .vehica-comments .comment-form-cookies-consent input:disabled + label:before { box-shadow: none; background: #ddd; } .vehica-comments .comment-form-cookies-consent input:checked + label:after { content: "\f00c"; position: absolute; font-family: "Font Awesome 5 Free"; left: 5px; font-weight: 900; color: #fff; font-size: 11px; top: 2px; } .vehica-comments .comment-form-cookies-consent input:checked + label { color: #2f3b48; } .vehica-comments .comment-form-cookies-consent input:checked + label:before { background: var(--primary) !important; border-color: var(--primary) !important; } .vehica-comments .form-submit { margin-bottom: 0; padding-left: 8px; padding-right: 8px; display: block; width: 100%; margin-left: auto; } @media (min-width: 768px) { .vehica-comments .form-submit { margin-top: 15px; width: 33.33% !important; display: inline-block; } .vehica-comments .form-submit .vehica-button, .vehica-comments .form-submit #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-comments .form-submit .cn-button.bootstrap, .vehica-comments .form-submit .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-comments .form-submit button.button, .vehica-comments .form-submit .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-comments .form-submit button.button, .vehica-comments .form-submit .wp-block-search .wp-block-search__button, .wp-block-search .vehica-comments .form-submit .wp-block-search__button, .vehica-comments .form-submit .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-comments .form-submit input[type=submit] { width: 100%; } } .vehica-comments { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 0 auto 24px 0; } .vehica-comments:after { clear: both; content: ""; display: table; } .vehica-comments__heading-top-count { height: 38px; font-size: 30px; font-weight: bold; margin-top: 50px; margin-bottom: 50px; } .vehica-comments__heading-top-count__count { color: var(--primary); } .vehica-comment { border-top: 1px solid rgba(210, 210, 210, 0.5); position: relative; float: left; width: 100%; } .vehica-comment:after { clear: both; content: ""; display: table; } .vehica-comment .vehica-comment__content { display: inline-block; float: left; width: 100%; position: relative; padding-top: 40px; padding-bottom: 40px; } .vehica-comment .vehica-comment__content:after { clear: both; content: ""; display: table; } @media (min-width: 768px) { .vehica-comment .vehica-comment__content { padding-left: 116px; } } .vehica-comment .vehica-comment__content .vehica-comment__avatar { margin-bottom: 12px; } .vehica-comment .vehica-comment__content .vehica-comment__avatar > img { border-radius: 50%; width: 85px; height: 85px; } @media (min-width: 768px) { .vehica-comment .vehica-comment__content .vehica-comment__avatar { margin-bottom: 24px; position: absolute; top: 40px; left: 0; } } .vehica-comment .vehica-comment__content .vehica-comment__user-name { font-size: 20px; line-height: 25px; font-weight: bold; margin-bottom: 24px; color: #222732; } @media (max-width: 767px) { .vehica-comment .vehica-comment__content .vehica-comment__user-name { position: absolute; top: 70px; left: 100px; } } .vehica-comment .vehica-comment__content .vehica-comment__text { font-size: 16px; line-height: 27px; color: #6f6f6f; word-break: break-word; width: 100%; } .vehica-comment .vehica-comment__content .vehica-comment__text:after { clear: both; content: ""; display: table; } .vehica-comment .vehica-comment__content .vehica-comment__text p { margin-top: 0; margin-bottom: 25px; } .vehica-comment .vehica-comment__content .vehica-comment__footer { display: flex; vertical-align: middle; } .vehica-comment .vehica-comment__content .vehica-comment__footer .vehica-comment__date { font-size: 14px; line-height: 28px; font-weight: 600; color: rgba(34, 39, 50, 0.5); margin: 0 35px 0 0; } .vehica-comment .vehica-comment__content .vehica-comment__footer .vehica-comment__date a { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.1); color: #6d6d6d; padding: 4px; font-size: 12px; border-radius: 4px; margin-left: 5px; } @media (min-width: 1023px) { .vehica-comment .vehica-comment__content .vehica-comment__footer .vehica-comment__date a:hover { color: #000; border-color: #000; background: rgba(0, 0, 0, 0.1); } } @media (min-width: 1023px) { .vehica-comment .vehica-comment__content .vehica-comment__footer .vehica-comment__date a:hover { color: #000; } } .vehica-comment .vehica-comment__content .vehica-comment__footer .vehica-comment__date i { color: var(--primary); position: relative; margin-right: 6px; } .vehica-comment .vehica-comment__content .vehica-comment__footer .vehica-comment__reply a { font-size: 14px; line-height: 28px; font-weight: 600; display: inline-block; float: left; color: var(--primary); margin: 0; text-decoration: underline; } .vehica-comment__moderate { padding: 15px 20px; background: var(--primary-light); color: var(--primary); font-size: 18px; line-height: 23px; font-weight: bold; border-radius: 10px; } .vehica-comment { position: relative; } .vehica-comment.depth-2 .vehica-comment__content { margin-left: 29px; width: calc(100% - 29px); } @media (min-width: 1400px) { .vehica-comment.depth-2 .vehica-comment__content { margin-left: 58px; width: calc(100% - 58px); } } .vehica-comment.depth-3 .vehica-comment__content { margin-left: 58px; width: calc(100% - 58px); } @media (min-width: 1400px) { .vehica-comment.depth-3 .vehica-comment__content { margin-left: 116px; width: calc(100% - 116px); } } .vehica-comment.depth-4 .vehica-comment__content { margin-left: 87px; width: calc(100% - 87px); } @media (min-width: 1400px) { .vehica-comment.depth-4 .vehica-comment__content { margin-left: 174px; width: calc(100% - 174px); } } .vehica-comment.depth-5 .vehica-comment__content { margin-left: 116px; width: calc(100% - 116px); } @media (min-width: 1400px) { .vehica-comment.depth-5 .vehica-comment__content { margin-left: 232px; width: calc(100% - 232px); } } form.vehica-search-form { width: 100%; background: #f2f5fb; padding: 22px; position: relative; border-radius: 10px; } form.vehica-search-form input[type=submit] { display: none; } form.vehica-search-form input[type=search] { font-size: 15px; line-height: 19px; width: 100%; color: #2f3b48; background: #fff; padding: 17px 50px 17px 22px; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; } form.vehica-search-form input[type=search]::placeholder { color: #2f3b48; } form.vehica-search-form input[type=search]::-ms-clear { display: none; width: 0; height: 0; } form.vehica-search-form input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } form.vehica-search-form input[type=search]::-webkit-search-decoration, form.vehica-search-form input[type=search]::-webkit-search-cancel-button, form.vehica-search-form input[type=search]::-webkit-search-results-button, form.vehica-search-form input[type=search]::-webkit-search-results-decoration { display: none; } form.vehica-search-form label { position: relative; display: block; } .wp-block-search, form.wp-block-search { position: relative; margin: 30px 0; } .wp-block-search .wp-block-search__label, form.wp-block-search .wp-block-search__label { font-weight: 700; color: #ff4605; display: block; margin-bottom: 6px; } .wp-block-search .wp-block-search__input, form.wp-block-search .wp-block-search__input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .wp-block-search .wp-block-search__input::placeholder, form.wp-block-search .wp-block-search__input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .wp-block-search .wp-block-search__input, form.wp-block-search .wp-block-search__input { font-size: 16px; } } .vehica-search-form__button-search { position: absolute; right: 0; padding-right: 15px; top: 0; line-height: 53px; border: 0; background: transparent; cursor: pointer; } .vehica-search-form__button-search i { transition: all 0.2s; } .vehica-search-form__button-search:hover i { color: var(--primary); } .vehica-recent-posts__single { display: flex; padding-bottom: 20px; border-bottom: 1px solid #dfe3eb; margin-bottom: 20px; } .vehica-recent-posts__single__image { width: 100px; margin-right: 20px; } .vehica-recent-posts__single__image a { position: relative; display: block; width: 100px; height: 100px; overflow: hidden; border-radius: 10px; background: #eff0f1; } .vehica-recent-posts__single__image a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale3d(1, 1, 1); transition: opacity 0.8s, transform 0.8s; } @media (min-width: 1023px) { .vehica-recent-posts__single__image a:hover img { opacity: 0.9; transform: scale3d(1.1, 1.1, 1); } } .vehica-recent-posts__single__image-placeholder { position: relative; width: 100%; height: 100%; } .vehica-recent-posts__single__image-placeholder:after { content: "\f03e"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; width: 50px; height: 50px; font-size: 40px; text-align: center; opacity: 0.5; line-height: 50px; position: absolute; top: 50%; margin: -25px auto 0 auto; left: 0; right: 0; } .vehica-recent-posts__single__content { width: 100%; } .vehica-recent-posts__single__title { display: block; font-size: 16px; line-height: 25px; margin-bottom: 21px; color: #222732; font-weight: bold; } @media (min-width: 1023px) { .vehica-recent-posts__single__title:hover { color: var(--primary); } } .vehica-recent-posts__single__read-more { display: block; font-size: 16px; line-height: 18px; font-weight: 500; color: var(--primary) !important; text-decoration: underline !important; } .vehica-recent-posts__view-all { display: block; font-size: 14px; line-height: 18px; font-weight: 500; margin-bottom: 45px; color: var(--primary) !important; text-decoration: underline !important; } @media (max-height: 730px) and (min-width: 900px) { .vehica-hero-v1-spacer-v1 .elementor-spacer-inner { height: 140px !important; } } @media (max-width: 359px) { .vehica-hero-v1-title { max-width: 250px; margin: 0 auto; } } @media (max-height: 730px) and (min-width: 900px) { .vehica-hero-v1-spacer-v3 .elementor-spacer-inner { max-height: 200px !important; } } .vehica-hero-v2:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100px; transform: rotateX(180deg); background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.9) 8%, rgba(0, 0, 0, 0) 94%) repeat scroll 0 0; } @media (min-width: 900px) and (max-height: 930px) { .vehica-hero-v2-spacer-v1 .elementor-spacer-inner { height: 140px !important; } } @media (max-width: 359px) { .vehica-hero-v2-title { max-width: 250px; margin: 0 auto; } } @media (max-height: 700px) and (min-width: 1200px) { .vehica-hero-v2-spacer-v1 .elementor-spacer-inner { max-height: 120px !important; } .vehica-hero-v2-spacer-v2 .elementor-spacer-inner { max-height: 50px !important; } .vehica-hero-v2-spacer-v3 .elementor-spacer-inner { max-height: 20px !important; } } @media (max-height: 900px) and (min-width: 1200px) { .vehica-hero-v3-spacer-v1 .elementor-spacer-inner { height: 100px !important; } .vehica-hero-v3-spacer-v2 .elementor-spacer-inner { height: 30px !important; } .vehica-hero-v3-spacer-v3 .elementor-spacer-inner { height: 30px !important; } .vehica-hero-v3-spacer-v4 .elementor-spacer-inner { height: 110px !important; } .vehica-hero-v3-subtitle h2 { font-size: 16px !important; line-height: 25px !important; } .vehica-hero-v3-image img { max-width: 500px; top: 110px !important; position: relative; } .vehica-hero-v3 .vehica-search-classic-v1__divider { margin-top: 0 !important; background: transparent !important; } } .vehica-hero-v4 { background: #000 !important; } @media (min-width: 900px) { .vehica-hero-v5 .vehica-search-classic-v2 { margin: 0; } .vehica-hero-v5 .vehica-search-classic-v2__top { justify-content: left; } .vehica-hero-v5 .vehica-search__field--radius { max-width: 240px; } } .vehica-carousel__arrow { width: 55px; height: 55px; line-height: 55px; border-radius: 50%; box-shadow: 0 3px 40px 0 #dbe0e8; border: 0 solid transparent; background-color: #fff; cursor: pointer; z-index: 2; text-align: center; } .vehica-carousel__arrow:after { position: relative; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #2f3b48; z-index: 1; transition: all 0.2s ease; } .vehica-carousel__arrow--left:after { content: "\f053"; } .vehica-carousel__arrow--right:after { content: "\f054"; } @media (min-width: 768px) { .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-carousel-v1 .vehica-carousel-v1__arrows { bottom: 0 !important; } } @media (max-width: 1200px) { .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-carousel-v1 { margin: 30px 0 30px 0 !important; } } @media (max-width: 767px) { .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-carousel-v1-button { display: none !important; } } .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-carousel-v1-button { padding: 0; } @media (min-width: 769px) { .elementor-widget-vehica_related_car_carousel_single_car_widget .vehica-carousel-v1 .vehica-carousel-v1__arrows .vehica-carousel__arrow--right { margin-left: 8px; } } .vehica-carousel-term-img { position: relative; padding: 0 70px; } @media (min-width: 600px) { .vehica-carousel-term-img { padding: 0 110px; } } .vehica-carousel-term-img .vehica-carousel__arrow--right, .vehica-carousel-term-img .vehica-carousel__arrow--left { position: absolute; top: 50%; margin-top: -27px; } .vehica-carousel-term-img .vehica-swiper-slide { margin-right: 22px; text-align: center; height: 100px; display: flex; align-items: center; justify-content: center; } .vehica-carousel-term-img .vehica-swiper-slide img { max-width: 80%; cursor: pointer; } .vehica-carousel-term-img .vehica-swiper-slide { width: calc(25% - 22px); } @media (max-width: 450px) { .vehica-carousel-term-img .vehica-swiper-slide { width: 100%; } } @media (max-width: 700px) { .vehica-carousel-term-img .vehica-swiper-slide { width: calc(50% - 22px); } } @media (max-width: 1024px) { .vehica-carousel-term-img .vehica-swiper-slide { width: calc(33.3333333333% - 22px); } } .vehica-carousel-term-img img { filter: grayscale(1); opacity: 0.4; transition: all 0.2s ease; } @media (min-width: 1023px) { .vehica-carousel-term-img img:hover { filter: grayscale(0); opacity: 1; } } .vehica-carousel-term-img .vehica-carousel__arrow--right { right: 0; } .vehica-carousel-term-img .vehica-carousel__arrow--left { left: 0; } .vehica-user-address { font-size: 14px; line-height: 18px; padding-left: 26px; position: relative; color: #222732; } .vehica-user-address i { color: var(--primary); margin-right: 9px; top: 2px; position: absolute; left: 0; } .vehica-user-description { font-size: 14px; line-height: 22px; color: #6f6f6f; } @media (max-width: 899px) { .vehica-user-description { text-align: center; } } .vehica-user-role, .vehica-user-role a { font-size: 15px; line-height: 24px; color: #222732; color: var(--primary); } .vehica-user-name { font-size: 22px; line-height: 28px; font-weight: bold; color: #222732; } .vehica-user-name a { color: inherit; } .vehica-user-name-profile { font-size: 24px; line-height: 32px; font-weight: 900; color: #222732; } @media (max-width: 899px) { .vehica-user-name-profile { text-align: center; } } .vehica-user-name-profile a { color: inherit; } .vehica-user-image__wrapper { display: inline-block; } .vehica-user-image { position: relative; } .vehica-user-image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .vehica-user-image-placeholder { overflow: hidden; position: absolute; top: 0; left: 0; display: block; background: #d8d9dc; height: 100%; width: 100%; border-radius: 50%; } .vehica-user-image-placeholder:before { display: inline-block; content: "\f007"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 24px; font-size: 24px; position: absolute; left: 0; right: 0; margin: -12px auto 0; text-align: center; top: 50%; height: 18px; width: 50px; color: #ebebed; } .vehica-user-image__align { margin-bottom: -8px; } .vehica-user-image-v2__align { display: flex; } .vehica-user-image-v2 { width: 62px; height: 62px; position: relative; display: block; } .vehica-user-image-v2 img { display: block; position: absolute; left: 0; top: 0; border-radius: 50%; width: 100%; height: 100%; object-fit: cover; } .vehica-user-email { display: block; position: relative; color: #222732; font-size: 14px; line-height: 18px; padding-left: 26px; } .vehica-user-email:after { clear: both; content: ""; display: table; } @media (min-width: 1023px) { .vehica-user-email:hover { color: var(--primary); } } .vehica-user-email i { color: var(--primary); margin-right: 10px; line-height: 1; top: 4px; float: left; position: absolute; left: 0; } .vehica-user-email-v2 { min-height: 10px; } .vehica-user-email-v2 span { display: inline-block; float: left; vertical-align: middle; } .vehica-user-email-v2 i { display: inline-block; float: left; color: var(--primary); margin-right: 16px; top: 7px; position: relative; } .vehica-user-phone { display: block; position: relative; font-size: 14px; line-height: 18px; padding-left: 26px; color: #222732; } .vehica-user-phone:after { clear: both; content: ""; display: table; } .vehica-user-phone i { position: absolute; left: 0; top: 1px; color: var(--primary); margin-right: 10px; line-height: 20px; float: left; } @media (min-width: 1023px) { .vehica-user-phone:hover { color: var(--primary); } } .vehica-user-vehicles { margin: 0 4px 52px; } .vehica-user-vehicles .vehica-car-card { padding: 0 11px 18px 11px; width: 100%; float: left; } @media (min-width: 601px) { .vehica-user-vehicles .vehica-car-card { width: 50%; } } @media (min-width: 901px) { .vehica-user-vehicles .vehica-car-card { width: 33.333%; } } @media (min-width: 1200px) { .vehica-user-vehicles .vehica-car-card { width: 25%; } } .vehica-user-vehicles__title { font-size: 37px; line-height: 47px; font-weight: 900; margin: 50px 30px; text-align: center; } .vehica-user-popup { position: relative; height: 600px; width: 100%; animation: mcpopupcheckbox 0.3s ease-in-out; z-index: 10000000002; } .vehica-user-popup:before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.39; background: #0f141e; z-index: 10000000003; } .vehica-user-popup .vehica-user-popup__position { max-width: 360px; } .vehica-user-popup .vehica-social-login { flex-direction: column; display: block; } .vehica-user-popup .vehica-social-login__label { width: 100%; margin-bottom: 20px; text-align: center; } .vehica-user-popup .vehica-social-login__label span { display: none; } .vehica-user-popup .vehica-social-login__button { width: 100%; margin-bottom: 10px; } .vehica-user-popup .vehica-social-login__label { text-align: center; margin-right: 0; margin-bottom: 10px; } .vehica-user-popup .vehica-social-login__label span { display: none; } .vehica-user-popup .vehica-social-login__button { width: 100%; padding: 0; } .vehica-user-popup .vehica-login-register-tabs { margin-bottom: 20px; } .vehica-user-popup .vehica-login-register-tabs .vehica-login-register-tabs__register, .vehica-user-popup .vehica-login-register-tabs .vehica-login-register-tabs__login { background: transparent !important; border: none !important; width: auto !important; cursor: pointer !important; padding: 5px 0 !important; min-height: 0 !important; } .vehica-user-popup .vehica-login-register-tabs .vehica-login-register-tabs__register.vehica-active, .vehica-user-popup .vehica-login-register-tabs .vehica-login-register-tabs__login.vehica-active { color: var(--primary) !important; font-size: 17px !important; line-height: 21px !important; border-bottom: 1px solid var(--primary) !important; border-radius: 0 !important; } .vehica-user-popup .vehica-panel { overflow: hidden; border-radius: 10px; padding: 15px 25px 30px 25px !important; } .vehica-user-popup .vehica-panel h2 { margin-right: 15px; margin-left: 15px; } .vehica-user-popup .vehica-login-register-tabs-wrapper { background: #fff !important; } .vehica-user-popup .vehica-login-register-tabs-wrapper .vehica-login-register-tabs { padding: 0 !important; } .vehica-user-popup .vehica-register, .vehica-user-popup .vehica-login { background: #fff !important; padding: 0 !important; } .vehica-user-popup .vehica-login-register-tabs-wrapper + .vehica-panel-login-register h2, .vehica-user-popup .vehica-login-register-tabs-wrapper + .vehica-panel-login-register h3 { display: none !important; } .vehica-user-popup .vehica-login-register-tabs-wrapper + .vehica-panel-login-register .vehica-social-login { margin-bottom: 0; } .vehica-user-popup .vehica-login-register-tabs-wrapper + .vehica-panel-login-register .vehica-social-login__label { display: none !important; } .vehica-user-popup .vehica-login-register-tabs-wrapper + .vehica-panel-login-register .vehica-social-login-or { margin: 10px 0; } .vehica-user-popup .vehica-register__select-user-role { display: block !important; } .vehica-user-popup .vehica-register__select-user-role .vehica-register__user-role:last-of-type { margin-left: 0 !important; } @keyframes mcuserpopup { 0% { opacity: 0; } 100% { opacity: 1; } } .vehica-user-popup__inner { z-index: 10000000004; position: fixed; top: 0; width: 100%; display: flex; flex-direction: column; align-items: center; height: 100vh !important; min-height: 400px !important; overflow-y: auto !important; right: -20px !important; padding-right: 20px !important; padding-top: 30px; padding-bottom: 30px; } @media (min-height: 400px) { .vehica-user-popup__inner { padding-top: 60px; } } @media (min-height: 500px) { .vehica-user-popup__inner { padding-top: 100px; } } @media (min-height: 600px) { .vehica-user-popup__inner { padding-top: 150px; } } @media (min-height: 700px) { .vehica-user-popup__inner { padding-top: 0; padding-bottom: 0; justify-content: center; } } @media (max-width: 899px) { .vehica-user-popup .vehica-panel, .vehica-user-popup .vehica-user-popup__position { border-radius: 0 !important; } .vehica-user-popup .vehica-user-popup__inner { padding: 0 !important; min-height: 100vh !important; right: 0 !important; background: #fff; } } .vehica-user-popup__position { background: #fff; border-radius: 10px; width: 100%; max-width: 657px; } .vehica-user-popup__close { position: relative; } .vehica-user-popup__close .vehica-popup-checkbox__close { position: absolute; top: -70px; right: 0; transform: scale(0.5); z-index: 999; } @media (min-width: 500px) and (max-width: 899px) { .vehica-contact-page-form { margin-left: auto; margin-right: auto; max-width: 500px; } } .vehica-contact-form:after { clear: both; content: ""; display: table; } .vehica-contact-form p { margin: 0 !important; padding: 0 !important; } .vehica-contact-form label { width: 100%; float: left; font-weight: 700; margin-bottom: 6px; display: block; } .vehica-contact-form select, .vehica-contact-form textarea, .vehica-contact-form input[type=date], .vehica-contact-form input[type=email], .vehica-contact-form input[type=number], .vehica-contact-form input[type=password], .vehica-contact-form input[type=search], .vehica-contact-form input[type=tel], .vehica-contact-form input[type=text] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; } @media (max-width: 767px) { .vehica-contact-form select, .vehica-contact-form textarea, .vehica-contact-form input[type=date], .vehica-contact-form input[type=email], .vehica-contact-form input[type=number], .vehica-contact-form input[type=password], .vehica-contact-form input[type=search], .vehica-contact-form input[type=tel], .vehica-contact-form input[type=text] { font-size: 16px; } } @media (max-width: 600px) { .vehica-contact-form select, .vehica-contact-form textarea, .vehica-contact-form input[type=date], .vehica-contact-form input[type=email], .vehica-contact-form input[type=number], .vehica-contact-form input[type=password], .vehica-contact-form input[type=search], .vehica-contact-form input[type=tel], .vehica-contact-form input[type=text] { padding-left: 15px; padding-right: 15px; } } .vehica-contact-form select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; background-image: linear-gradient(45deg, transparent 50%, #222732 50%), linear-gradient(135deg, #222732 50%, transparent 50%); background-position: calc(100% - 32px) 24px, calc(100% - 27px) 24px, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } .vehica-contact-form textarea { resize: vertical; padding-top: 16px !important; min-height: 96px; display: block; } @media (min-width: 1023px) { .vehica-contact-form textarea { min-height: 128px; } } .vehica-contact-form textarea::-webkit-scrollbar-track { overflow: hidden; } .vehica-contact-form textarea::-webkit-scrollbar { display: none; } .vehica-contact-form input[type=submit] { display: block; cursor: pointer; width: 100%; text-align: center; border: 0px solid transparent; } .vehica-contact-form .ajax-loader { display: none !important; } .vehica-contact-form .wpcf7-validation-errors, .vehica-contact-form .wpcf7-acceptance-missing { display: none !important; background: #c62828; color: #fff; padding: 8px; font-size: 14px !important; line-height: 16px !important; margin: 12px 0 0; width: 100%; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); } .vehica-contact-form .wpcf7-mail-sent-ok { top: 0; position: absolute; lefT: 0; width: 100%; height: 100%; margin: 0; background: #419e72; border: 0px solid transparent; padding: 12px; color: #fff; border-radius: 4px; text-align: center; padding-top: 124px; display: block; } .vehica-contact-form .wpcf7-form-control-wrap { display: block; margin-bottom: 15px; } .vehica-contact-form .wpcf7-list-item { width: 100%; margin-left: 0 !important; } @media (max-width: 459px) { .vehica-contact-form .vehica-button, .vehica-contact-form #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-contact-form .cn-button.bootstrap, .vehica-contact-form .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-contact-form button.button, .vehica-contact-form .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-contact-form button.button, .vehica-contact-form .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-contact-form input[type=submit], .vehica-contact-form .wp-block-search .wp-block-search__button, .wp-block-search .vehica-contact-form .wp-block-search__button { margin-top: 0; width: 100%; } } @media (max-width: 459px) { .vehica-contact-form .vehica-accept { margin-bottom: 10px; margin-top: 10px; } } .vehica-2-fields:after { clear: both; content: ""; display: table; } @media (min-width: 460px) { .vehica-2-fields { display: flex; align-items: center; } } .vehica-2-fields__left { float: left; width: 100%; } @media (min-width: 460px) { .vehica-2-fields__left { padding-right: 8px; } } @media (min-width: 460px) { .vehica-2-fields__left { width: 60%; } } .vehica-2-fields__right { float: left; width: 100%; } @media (min-width: 460px) { .vehica-2-fields__right { padding-left: 8px; } } @media (min-width: 460px) { .vehica-2-fields__right { width: 40%; text-align: right; } } .vehica-3-fields { display: flex; align-items: center; flex-direction: column; } .vehica-3-fields:after { clear: both; content: ""; display: table; } .vehica-3-fields > div { float: left; width: 100%; margin: 0 8px; } @media (min-width: 900px) { .vehica-3-fields { margin: 0 -8px; flex-direction: row; justify-content: space-between; } .vehica-3-fields > div { float: left; width: 33.33%; margin: 0 8px; } } .vehica-checkbox-policy span.wpcf7-list-item { display: inline-block; } .vehica-checkbox-policy .wpcf7-list-item { display: block; } @media (min-width: 460px) { .vehica-checkbox-policy .wpcf7-list-item { top: 15px; position: relative; } } @media (min-width: 1025px) { .vehica-checkbox-policy .wpcf7-list-item { top: 20px; position: relative; } } .vehica-checkbox-policy .wpcf7-list-item a { color: var(--primary); } @media (min-width: 1023px) { .vehica-checkbox-policy .wpcf7-list-item a:hover { text-decoration: underline; } } .vehica-checkbox-policy .wpcf7-acceptance label { position: relative; cursor: pointer; } .vehica-checkbox-policy .wpcf7-acceptance input[type=checkbox] { position: absolute; visibility: hidden; width: 20px; height: 20px; top: 0; left: 0px; } .vehica-checkbox-policy .wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ""; border-radius: 4px; height: 20px; width: 20px; left: 0px; top: 0px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; } .vehica-checkbox-policy .wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: "\f00c"; position: absolute; font-family: "Font Awesome 5 Free"; left: 5px; font-weight: 900; color: #fff; font-size: 11px; top: 2px; height: 20px; width: 20px; top: 0px; left: 0; visibility: hidden; text-align: center; background: var(--primary); border-radius: 4px; } .vehica-checkbox-policy .wpcf7-acceptance input[type=checkbox]:checked + span:before { background: transparent; } .vehica-checkbox-policy .wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; } .vehica-checkbox-policy .wpcf7-list-item-label { padding-left: 31px; display: inline-block; font-size: 14px; line-height: 20px; font-weight: normal; float: left; } .vehica-contact-form .wpcf7-not-valid { border: 1px solid red !important; } .vehica-contact-form .wpcf7-not-valid::placeholder { color: red !important; } .vehica-contact-form .wpcf7-not-valid-tip { white-space: nowrap; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); position: absolute; left: 0; bottom: -15px; display: inline-block; background: #232732; padding: 7px 15px; font-size: 14px !important; line-height: 1 !important; color: #fff; margin: 4px 12px -6px 8px; border-radius: 4px; z-index: 2; } .vehica-contact-form .wpcf7-not-valid-tip:after { content: ""; position: absolute; top: -9px; left: 20px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #232732; } .vehica-contact-form .wpcf7-response-output { margin: 20px 0 0 0 !important; border: 1px solid var(--primary) !important; background: var(--primary-light); color: var(--primary); font-size: 14px; line-height: 16px; padding: 15px !important; border-radius: 10px; text-align: center; min-height: 48px !important; } *[data-settings*=stretch_section] { max-width: 100% !important; } #wp-admin-bar-elementor_edit_page { cursor: pointer !important; } #wp-admin-bar-elementor_edit_page:hover .ab-item + .ab-sub-wrapper { display: block !important; } .vehica-edit-mode { display: none; border-radius: 4px; margin: 12px 0; padding: 0.75rem 1.25rem; color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .ab-submenu .elementor-edit-link-type { display: none; } .elementor-add-vehica-button { display: none !important; background: #0045D1; border-radius: 50%; position: relative; margin-left: 3px; } .elementor-add-vehica-button:after { color: #fff; content: "\f1b9"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .elementor-editor-active .vehica-pagination * { pointer-events: none; } .elementor-editor-active .pswp { display: none !important; } .elementor-editor-active .vehica-edit-mode { display: block !important; } .elementor-editor-active .vehica-menu-wrapper--transparent { background-color: rgba(0, 0, 0, 0.2) !important; } .elementor-widget-text-editor p { margin: 0; } .multiselect--disabled { background: transparent !important; } .multiselect--disabled .multiselect__tags { background: rgba(0, 0, 0, 0.1); } .multiselect--disabled .multiselect__select { background: transparent !important; } .elementor-widget-icon-list ul { list-style: none; padding: 0; color: #99a1b2; } @media (min-width: 1200px) { .elementor-widget-icon-list ul { padding: 0 0 0 5px; } } .elementor-widget-icon-list i { color: var(--primary); } .elementor-heading-title { color: #222732; font-weight: 900; } .elementor-heading-title.elementor-size-xxl { font-size: 50px; line-height: 63px; } .elementor-heading-title.elementor-size-xl { font-size: 41px; line-height: 53px; } .elementor-heading-title.elementor-size-large { font-size: 37px; line-height: 47px; } .elementor-heading-title.elementor-size-medium { font-size: 30px; line-height: 38px; } .elementor-heading-title.elementor-size-small { font-size: 22px; line-height: 28px; } .elementor-button { position: relative; display: inline-block; font-size: 17px; line-height: 21px; font-weight: 600; text-align: center; color: #fff; border: 0 solid var(--primary); box-shadow: none; cursor: pointer; padding: 16px 25px 16px 25px; overflow: hidden; vertical-align: top; border-radius: 10px; background-color: var(--primary); } .elementor-button i { margin-right: 7px; } .elementor-widget-wp-widget-categories ul { border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; background-color: var(--white); padding: 22px 22px 0; margin-bottom: 0; } .elementor-widget-wp-widget-categories h5 { font-size: 21px; line-height: 30px; font-weight: 600; margin-bottom: 25px; } .elementor-widget-wp-widget-categories ul { list-style-type: none; padding: 22px; } .elementor-widget-wp-widget-categories ul li { padding-top: 12px; padding-bottom: 12px; font-size: 16px; line-height: 24px; border-bottom: 1px solid #e7edf3; text-align: right; color: var(--primary); } .elementor-widget-wp-widget-categories ul li:first-child { padding-top: 0; } .elementor-widget-wp-widget-categories ul li:last-child { padding-bottom: 0; } .elementor-widget-wp-widget-categories ul li a { float: left; padding-right: 40px; font-size: 16px; line-height: 25px; margin-bottom: 21px; color: #222732; } .elementor-widget-wp-widget-categories ul li a:hover { color: var(--primary); } .elementor-widget-wp-widget-categories ul li:last-of-type { border: none; } .elementor-widget-text-editor { font-size: 16px; line-height: 27px; color: #6f6f6f; } .elementor-widget-text-editor ul { padding-left: 29px; list-style: none; } .elementor-widget-text-editor ul li { margin-bottom: 10px; } .elementor-widget-text-editor ul li::before { content: "•"; color: var(--primary); font-weight: bold; display: inline-block; width: 1em; font-size: 25px; position: relative; left: -3px; top: 1px; line-height: 1em; margin-left: -1em; } .elementor-widget-text-editor ul li:last-child { margin-bottom: 0; } .elementor-widget-wp-widget-tag_cloud h5 { font-size: 21px; line-height: 26px; font-weight: 600; margin-bottom: 25px; } .elementor-widget-wp-widget-tag_cloud a { display: inline-block; border-radius: 8px; background-color: rgba(246, 246, 246, 0.7); color: rgba(0, 0, 0, 0.48); line-height: 24px; padding: 7px 25px; margin-bottom: 8px; transition: all 0.1s ease; border: 1px solid #E7EDF3; font-size: 14px !important; font-weight: 600; } @media (min-width: 1023px) { .elementor-widget-wp-widget-tag_cloud a:hover { color: #222732; border: 1px solid var(--primary); background: var(--primary-light); color: #222732; } } .elementor-widget-wp-widget-recent-posts h5 { font-size: 30px; line-height: 38px; font-weight: 800; color: #222732; margin-bottom: 25px; } .elementor-widget-wp-widget-recent-posts ul { padding-left: 0; list-style: none; } .elementor-widget-wp-widget-recent-posts ul li { padding-left: 26px; padding-right: 6px; margin-bottom: 29px; position: relative; transition: all 0.2s ease; } .elementor-widget-wp-widget-recent-posts ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; position: absolute; z-index: 2; top: 0px; left: 0px; pointer-events: none; font-size: 16px; color: var(--primary); } .elementor-widget-wp-widget-recent-posts ul li a { font-weight: bold; font-size: 20px; line-height: 30px; color: #95989d; } @media (min-width: 1023px) { .elementor-widget-wp-widget-recent-posts ul li:hover { padding-left: 32px; padding-right: 0; } .elementor-widget-wp-widget-recent-posts ul li:hover a { color: var(--primary); } } .elementor-counter .elementor-counter-title { color: var(--primary); } @media (min-width: 450px) and (max-width: 899px) { .vehica-col-counter-small.elementor-col-33 { width: 33% !important; } } @media (max-width: 899px) { .vehica-404 .elementor-widget-wrap { max-width: 360px; margin: 0 auto; } } .vehica-featured-v1-white-social-icon .vehica-featured-v1__social-icon { background: #fff; } @media (min-width: 1500px) { .vehica-sidebar-gap-right { padding-right: 81px !important; } } @media (min-width: 400px) and (max-width: 599px) { .vehica-category-icons > .elementor-column-wrap > .elementor-widget-wrap { max-width: 360px !important; margin: 0 auto !important; } } .vehica-category-icon { min-width: 112px; } .vehica-category-icon .elementor-icon-box-title { margin-bottom: 20px; } .vehica-category-icon .elementor-icon-box-title a { display: block; padding-top: 17px; position: relative; } .vehica-category-icon .elementor-icon-box-icon { margin-bottom: -8px; } .vehica-category-icon .elementor-icon { color: #fff; border: 2px solid #fff; transition: all 0.2s ease-in-out; background: rgba(0, 0, 0, 0); } .vehica-category-icon .elementor-icon-box-wrapper { position: relative; top: 0; transition: top 0.2s ease; } .vehica-category-icon .elementor-icon-box-wrapper svg { transition: all 0.2s ease; } .vehica-category-icon .elementor-icon-box-wrapper:hover svg { opacity: 1; } @media (min-width: 1023px) { .vehica-category-icon .elementor-icon-box-wrapper:hover .elementor-icon { color: #ff6a36; border-color: var(--primary); } } @media (max-width: 359px) { .vehica-category-icon { margin-left: -10px; margin-right: -10px; } } .vehica-our-team-bg { position: relative; overflow: hidden !important; } .vehica-our-team-bg:after { content: ""; display: block; height: 100%; width: 100%; left: 0; position: absolute; background: #f2f5fb; z-index: -1; top: 0; } @media (min-width: 900px) { .vehica-our-team-bg:after { top: 177px; } } @media (min-width: 900px) and (max-width: 1199px) { .vehica-our-ceo .elementor-element-c390037 { order: 10 !important; } } @media (max-width: 899px) { .vehica-our-ceo .elementor-element-7da9ec4 > .elementor-container { max-width: none !important; } } @media (min-width: 900px) and (max-width: 1199px) { .vehica-our-ceo .elementor-element-c52a488 { max-width: 350px !important; margin: 0 auto !important; } } @media (max-width: 899px) { .vehica-our-ceo-v2 .elementor-image { max-width: 220px; text-align: center; margin: 0 auto; } } @media (min-width: 900px) and (max-width: 1199px) { .vehica-our-ceo-v2 .vehica-our-ceo-v2__col-1 { min-width: 50% !important; max-width: 50% !important; width: 50% !important; } .vehica-our-ceo-v2 .vehica-our-ceo-v2__col-1 .elementor-image { max-width: 200px; text-align: center; margin: 0 auto; } .vehica-our-ceo-v2 .vehica-our-ceo-v2__col-2 { min-width: 50% !important; max-width: 50% !important; width: 50% !important; } } @media (min-width: 1200px) and (max-width: 1400px) { .vehica-our-ceo-v2 .vehica-our-ceo-v2__col-1 { min-width: 685px !important; } .vehica-our-ceo-v2 .vehica-our-ceo-v2__col-2 { width: auto !important; } .vehica-our-ceo-v2 .vehica-our-ceo-v2__title { font-size: 28px !important; line-height: 36px !important; } } .vehica-elementor-custom-column-v1 > .elementor-column-wrap, .vehica-elementor-custom-column-v1 > .elementor-widget-wrap { background: var(--primary) !important; border-radius: 10px; } @media (min-width: 450px) and (max-width: 899px) { .vehica-elementor-custom-column-v1 > .elementor-column-wrap, .vehica-elementor-custom-column-v1 > .elementor-widget-wrap { margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 450px) and (max-width: 899px) { .vehica-elementor-custom-column-v2 > .elementor-column-wrap { margin-left: auto !important; margin-right: auto !important; } } .vehica-download-app-img { position: relative; min-height: 20px; } .vehica-download-app-img img { position: absolute; width: auto !important; max-width: none !important; } @media (max-width: 899px) { .vehica-download-app-img img { height: 340px; top: -176px; left: 0; right: 0; margin: 0 auto; padding-left: 10px; } } @media (min-width: 900px) and (max-width: 1199px) { .vehica-download-app-img img { min-height: 570px; height: 570px; right: 0; bottom: 0; top: -79px; } } @media (min-width: 1200px) { .vehica-download-app-img img { min-height: 440px; height: 440px; text-align: right; bottom: 0; right: -50px; top: -57px; } } @media (min-width: 1080px) { .vehica-download-app-img img { right: -10px; } } @media (min-width: 1200px) and (max-width: 1460px) { .vehica-heading-mod-v1 .elementor-heading-title { font-size: 42px !important; line-height: 50px !important; } } @media (max-height: 700px) { .vehica-user-spacer { max-height: 50px !important; } } .vehica-menu-white-preset { } .vehica-menu-white-preset .vehica-menu__desktop, .vehica-menu-white-preset .vehica-mobile-menu__wrapper { background-color: #FFFFFF; } .vehica-menu-white-preset .vehica-menu > .menu-item-has-children > .vehica-menu__link:after { color: var(--primary); } .vehica-menu-white-preset .vehica-menu__sticky-submit .vehica-menu-item-depth-0 .fas { color: var(--primary); } .vehica-menu-white-preset .vehica-menu__sticky-submit .vehica-button--menu-submit { transition: color 0.1s ease, background 0.2s ease !important; } .vehica-menu-white-preset .vehica-menu__sticky-submit .vehica-button--menu-submit:hover { color: #fff; } .vehica-menu-white-preset .vehica-menu__sticky-submit .vehica-button--menu-submit:hover .vehica-menu-item-depth-0 .fas { color: #fff; } .vehica-menu-white-preset .vehica-button--menu-submit, .vehica-menu-white-preset .vehica-menu-desktop-login-register-link a, .vehica-menu-white-preset .vehica-menu__desktop .vehica-menu > .menu-item > .vehica-menu__link { color: #111; } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__open__top { background: #f8f7f7; } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__open { background: #fff; } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item .vehica-menu__link { color: #111; } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__login a { color: var(--primary); } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info a { color: #111; } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-menu > .menu-item { border-bottom-color: #f8f7f7; } .vehica-menu-white-preset .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-submenu .vehica-menu__link { border-top: #f8f7f7; } .vehica-day-label { display: inline-block; min-width: 160px; } .vehica-car-attributes { color: #222732; font-size: 16px; line-height: 20px; } .vehica-car-attributes__name { font-weight: 700; margin: 0px 0px 12px 0px; } .vehica-attachments { display: flex; flex-direction: column; } .vehica-attachment { display: inline-flex; align-items: center; } .vehica-attachment:hover .vehica-attachment__icon { filter: brightness(1.03); } .vehica-attachment:hover .vehica-attachment__name { color: var(--primary); } .vehica-attachment__icon { min-width: 50px; min-height: 50px; width: 50px; height: 50px; margin-right: 15px; margin-left: -2px; } .vehica-attachment__name { font-size: 16px; line-height: 20px; color: #222732; } .vehica-attachment-single-wrapper { margin-bottom: 15px; } .vehica-attachment-single-wrapper:after { clear: both; content: ""; display: table; } .vehica-attachment-single-wrapper:last-of-type { margin-bottom: 0; } .vehica-car-description { color: #222732; font-size: 16px; line-height: 30px; } .vehica-car-description p { margin-bottom: 16px; } .vehica-car-description p:last-child { margin-bottom: 0; } @media (min-width: 1025px) and (max-width: 1199px) { .vehica-car-description { max-width: 964px; } } .vehica-car-description h1, .vehica-car-description h2, .vehica-car-description h3, .vehica-car-description h4, .vehica-car-description h5, .vehica-car-description h6 { line-height: 1.2; margin-bottom: 15px; font-weight: 700; } .vehica-car-description h1 { font-size: 48px; } .vehica-car-description h2 { font-size: 36px; } .vehica-car-description h3 { font-size: 28px; } .vehica-car-description h4 { font-size: 22px; } .vehica-car-description h5 { font-size: 18px; } .vehica-car-description h6 { font-size: 14px; } .vehica-car-description__inner { margin-bottom: 8px; } .vehica-car-list { margin: 0 -20px; word-wrap: break-word; } .vehica-car-list__element { padding: 0 20px; position: relative; } .vehica-car-list__element__inner { padding-left: 20px; font-size: 16px; line-height: 20px; margin-bottom: 10px; float: left; color: #222732; } .vehica-car-list__element__dot { position: absolute; top: 0; left: 20px; color: var(--primary); font-size: 24px; line-height: 17px; float: left; } .vehica-car-name { font-size: 23px; line-height: 1.3; color: #222732; margin-bottom: 0; } @media (min-width: 900px) { .vehica-car-name { font-size: 30px; line-height: 1.3; } } .vehica-car-offer-id { height: 16px; line-height: 20px; text-align: center; color: #222732; } .vehica-car-price { font-size: 35px; line-height: 44px; font-weight: 800; color: var(--primary); } .vehica-section-label { font-size: 22px; line-height: 28px; margin-bottom: 20px; font-weight: 900; color: #222732; } @media (min-width: 900px) { .vehica-section-label { margin-bottom: 30px; } } .vehica-car-features { display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } .vehica-car-feature { position: relative; color: #a7a8a8; display: inline-block; line-height: 28px; font-size: 16px; } .vehica-car-feature span { padding-right: 23px; } .vehica-car-feature i { position: absolute; top: 1px; right: 8px; font-size: 5px; height: 28px; line-height: 28px; color: var(--primary); } .vehica-car-feature:last-child i { display: none; } .vehica-car-features-v2 { display: flex; justify-content: space-between; width: 100%; } .vehica-car-features-v2__feature { padding: 0 30px; position: relative; font-size: 16px; line-height: 20px; text-align: center; width: 16.6%; } .vehica-car-features-v2__feature:after { content: ""; background: #d8d8d8; height: 100%; width: 1px; position: absolute; top: 0; right: 0; } .vehica-car-features-v2__feature:last-child:after { display: none; } .vehica-car-features-v2__feature__label { width: 100%; text-align: center; margin-bottom: 10px; font-weight: bold; } .vehica-car-features-v2__feature__value { width: 100%; text-align: center; } .vehica-car-features-pills:after { clear: both; content: ""; display: table; } .vehica-car-features-pills__single { display: inline-block; border-radius: 10px; border: 1px solid #e7edf3; background: #fff; color: #222732; font-size: 16px; line-height: 22px; font-weight: 600; padding: 15px 20px; margin-right: 5px; margin-bottom: 8px; float: left; } .vehica-car-features-pills__single i { display: inline-block; float: left; color: var(--primary); margin-right: 10px; font-size: 24px; line-height: 24px; } .vehica-car-features-pills__single span { display: inline-block; float: left; } @media (max-width: 649px) { .vehica-car-features-pills__single { width: 100%; position: relative; padding-top: 13px; padding-bottom: 14px; } .vehica-car-features-pills__single i { position: absolute; left: 20px; top: 14px; } .vehica-car-features-pills__single span { padding-left: 45px; } } @media (min-width: 650px) and (max-width: 899px) { .vehica-car-features-pills__single { text-align: center; } .vehica-car-features-pills__single .vehica-car-features-pills__single { float: initial; min-width: 48%; } } .vehica-car-add-to-favorite { background: transparent; border: 0 solid transparent; cursor: pointer; font-size: 16px; line-height: 36px; color: #a7a8a8; font-family: inherit; padding: 0; transition: all 0.2 ease; } @media (min-width: 1023px) { .vehica-car-add-to-favorite:hover { opacity: 1; color: var(--primary); } } .vehica-car-add-to-favorite i { font-size: 18px; margin-right: 3px; transition: all 0.2 ease; } .vehica-car-add-to-favorite.vehica-car-add-to-favorite--is-favorite { opacity: 1; color: var(--primary); } @media (max-width: 899px) { .vehica-car-add-to-favorite { width: 100%; text-align: left; } } .vehica-car-embed { position: relative; padding-bottom: 56.25%; height: 0; } .vehica-car-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vehica-car-location img { max-width: none !important; } .vehica-car-gallery { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .vehica-car-gallery .vehica-gallery-thumbs { user-select: none; overflow: hidden; } .vehica-car-gallery .vehica-gallery-thumbs img { cursor: pointer; transition: opacity 0.1s ease; } .vehica-car-gallery .vehica-gallery-thumbs .vehica-swiper-slide { opacity: 0.5 !important; transition: all 0.1s ease; } @media (min-width: 1023px) { .vehica-car-gallery .vehica-gallery-thumbs .vehica-swiper-slide:hover { opacity: 1 !important; } } .vehica-car-gallery .vehica-gallery-thumbs .vehica-slide-active { opacity: 1 !important; } .vehica-car-gallery .vehica-gallery-main__wrapper { height: 240px !important; } @media (min-width: 600px) and (max-height: 767px) { .vehica-car-gallery .vehica-gallery-main__wrapper { height: 300px !important; } } @media (min-width: 768px) and (max-height: 1079px) { .vehica-car-gallery .vehica-gallery-main__wrapper { height: 400px !important; } } @media (min-width: 1200px) { .vehica-car-gallery .vehica-gallery-main__wrapper { height: 532px !important; padding-top: 0 !important; position: relative; overflow: hidden; } } .vehica-car-gallery { cursor: pointer; } .vehica-car-gallery img { width: 100%; } .vehica-car-gallery .vehica-carousel__arrow { background-color: rgba(255, 255, 255, 0.3); z-index: 9999; transition: all 0.2s ease; } @media (min-width: 1023px) { .vehica-car-gallery:hover .vehica-carousel__arrow { transform: translate(0px, 0); background-color: white; } } .vehica-car-gallery .vehica-carousel__arrow { color: #000; box-shadow: none; display: none; } @media (min-width: 1023px) { .vehica-car-gallery .vehica-carousel__arrow:hover:before { background: var(--primary-light); } .vehica-car-gallery .vehica-carousel__arrow:hover:after { color: var(--primary); } } @media (min-width: 600px) { .vehica-car-gallery .vehica-carousel__arrow { display: block; } } .vehica-car-gallery .vehica-gallery-main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px; } .vehica-car-gallery .vehica-gallery-main img { width: 100%; height: 100%; object-fit: cover; transition: filter 400ms; } .vehica-car-gallery .vehica-gallery-main.vehica-swiper-container-initialized { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .vehica-gallery-main__wrapper { position: relative; } .vehica-gallery-main { position: absolute; left: 0; top: 0; } .vehica-car-gallery .vehica-grid { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .vehica-gallery-thumbs__wrapper { margin-top: 24px; position: relative; overflow: hidden; display: none; } @media (min-width: 1080px) { .vehica-gallery-thumbs__wrapper { display: block; } } .vehica-gallery-thumbs__holder { position: relative; padding-top: 84.5238%; } .vehica-gallery-thumbs .vehica-gallery-thumbs__single { position: relative; padding-top: 84.5238%; } .vehica-gallery-thumbs .vehica-gallery-thumbs__single img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .vehica-gallery-thumbs .vehica-swiper-slide { margin-right: 17px; opacity: 0.5; border-radius: 10px; overflow: hidden; border: 2px solid transparent; } .vehica-gallery-thumbs .vehica-slide-active { border: 2px solid var(--primary); opacity: 1; } .vehica-car-gallery__count { z-index: 99; position: absolute; bottom: 18px; right: 15px; font-size: 20px; line-height: 25px; font-weight: 800; color: #fff; } .vehica-car-gallery__count i { opacity: 0.5; margin-right: 5px; } @media (min-width: 768px) { .vehica-car-gallery__count { right: 39px; } } .vehica-car-gallery__arrows { width: 100%; position: absolute; top: 50%; margin-top: -27px; z-index: 2; } .vehica-car-gallery__arrows .vehica-carousel__arrow:before { position: absolute; display: block; content: ""; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; background: #fff; z-index: 0; transition: all 0.2s ease; } .vehica-car-gallery__arrows .vehica-carousel__arrow--left { position: absolute; left: 20px; transform: translate(-80px, 0); } .vehica-car-gallery__arrows .vehica-carousel__arrow--left:after { color: #000; } .vehica-car-gallery__arrows .vehica-carousel__arrow--right { position: absolute; right: 20px; transform: translate(80px, 0); } .vehica-car-gallery__arrows .vehica-carousel__arrow--right:after { color: #000; } @media (min-width: 768px) and (max-width: 1079px) { .vehica-car-gallery__arrows { display: block; } .vehica-car-gallery__arrows .vehica-carousel__arrow--left, .vehica-car-gallery__arrows .vehica-carousel__arrow--right { background: #fff; transform: translate(0, 0); opacity: 1; } .vehica-car-gallery__arrows .vehica-carousel__arrow--left { left: 39px; } .vehica-car-gallery__arrows .vehica-carousel__arrow--right { right: 39px; } .vehica-car-gallery__arrows .vehica-carousel__arrow:hover:after { color: #000; } .vehica-car-gallery__arrows .vehica-carousel__arrow:hover { background: #fff; } } .vehica-gallery-v2 { background-position: center center; background-size: cover; min-height: 400px; height: 60vh; max-height: 620px; } .vehica-gallery-v2:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 310px; display: block; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/mask.png); } .vehica-gallery-v2-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: transparent; z-index: 0; } .vehica-gallery-v3 { overflow: hidden; } .vehica-gallery-v3 .vehica-swiper-wrapper { transform: translate3d(20%, 0px, 0px); } .vehica-gallery-v3 img { min-width: 100%; } .vehica-gallery-v3--count-1 .vehica-gallery-v3__arrows, .vehica-gallery-v3--count-2 .vehica-gallery-v3__arrows { display: none; } .vehica-gallery-v3--count-1 .vehica-swiper-wrapper, .vehica-gallery-v3--count-2 .vehica-swiper-wrapper { transform: none !important; } .vehica-gallery-v3__slide { width: 50%; position: relative; } .vehica-gallery-v3__slide img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .vehica-gallery-v3--count-1 .vehica-gallery-v3__slide { width: 100% !important; } .vehica-gallery-v3--count-2 .vehica-gallery-v3__slide { width: 50% !important; } .vehica-gallery-v3__image-wrapper { display: block; width: 100%; position: relative; max-height: 60vh; cursor: pointer; height: 220px; } @media (min-width: 768px) and (max-width: 1199px) { .vehica-gallery-v3__image-wrapper { height: 331px; } } @media (min-width: 1200px) { .vehica-gallery-v3__image-wrapper { height: 620px; } } .vehica-gallery-v3__image { position: absolute; left: 0; top: 0; width: 100%; height: 100% !important; object-fit: cover; } @media (min-width: 1023px) { .vehica-gallery-v3:hover .vehica-gallery-v3__arrow--left { opacity: 1; transform: translateX(0); } .vehica-gallery-v3:hover .vehica-gallery-v3__arrow--right { opacity: 1; transform: translateX(0); } } .vehica-gallery-v3__arrow { width: 50px; height: 50px; border-radius: 10px; background-color: #fff; cursor: pointer; border: 0 solid transparent; position: absolute; top: 50%; margin-top: -25px; z-index: 2; opacity: 0; transition: 0.3s all ease-in-out; } .vehica-gallery-v3__arrow i { color: var(--primary); } .vehica-gallery-v3__arrow--left { left: 30px; opacity: 0; transform: translateX(-50px); } .vehica-gallery-v3__arrow--right { right: 30px; opacity: 0; transform: translateX(50px); } @media (max-width: 767px) { .vehica-gallery-v3__arrow { display: none; } } .vehica-gallery-v4__images { display: flex; flex-wrap: wrap; } .vehica-gallery-v4__images img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; cursor: pointer; transition: all 0.3s ease; } .vehica-gallery-v4__images img:hover { filter: brightness(1.1); } .vehica-gallery-v4__image-big { width: 50%; height: 500px; position: relative; overflow: hidden; } .vehica-gallery-v4__image-big img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; padding-right: 6px; } @media (max-width: 899px) { .vehica-gallery-v4__image-big { width: 100%; padding-bottom: 10px; height: 300px; } .vehica-gallery-v4__image-big img { padding-right: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } } .vehica-gallery-v4__image-small-wrapper { width: 50%; height: 500px; overflow: hidden; padding-left: 6px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { width: 50%; height: 250px; position: relative; float: left; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img, .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) img { padding-right: 6px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { border-top-right-radius: 10px; padding-left: 6px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(4) img { border-bottom-right-radius: 10px; padding-left: 6px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img, .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { padding-bottom: 6px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) img, .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(4) img { padding-top: 6px; } @media (max-width: 899px) { .vehica-gallery-v4__image-small-wrapper { width: 100%; padding-left: 0; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { width: 50%; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img, .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { padding-top: 12px; border-radius: 0px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) img { padding-top: 6px; border-radius: 0px; border-bottom-left-radius: 10px; } .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(4) img { padding-top: 6px; border-radius: 0px; border-bottom-right-radius: 10px; } } .vehica-gallery-v4__count--1 .vehica-gallery-v4__image-big { width: 100%; } .vehica-gallery-v4__count--1 .vehica-gallery-v4__image-big img { border-radius: 10px; } .vehica-gallery-v4__count--1 .vehica-gallery-v4__image-small-wrapper { display: none; } .vehica-gallery-v4__count--2 .vehica-gallery-v4__image-big { width: 50%; padding: 0 !important; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px; } .vehica-gallery-v4__count--2 .vehica-gallery-v4__image-big img { padding: 0 6px 0 0px !important; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vehica-gallery-v4__count--2 .vehica-gallery-v4__image-small-wrapper { width: 50%; } @media (max-width: 899px) { .vehica-gallery-v4__count--2 .vehica-gallery-v4__image-small-wrapper { height: 300px; } } .vehica-gallery-v4__count--2 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { width: 100%; height: 100%; padding: 0 !important; } .vehica-gallery-v4__count--2 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small img { padding: 0 0px 0 6px !important; border-top-left-radius: 0px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 10px !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-big { width: 50%; padding: 0 !important; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-big img { padding: 0 6px 0 0px !important; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper { width: 50%; padding: 0 0 0 6px !important; } @media (max-width: 899px) { .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper { height: 300px; } } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { width: 100%; height: 50%; padding: 0 !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img { padding: 0 0 6px 6px !important; border-top-left-radius: 0px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { padding: 6px 0 0 6px !important; border-top-left-radius: 0px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 10px !important; } @media (max-width: 899px) { .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-big { width: 100%; padding-right: 0 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-big img { padding: 0px 0 6px 0 !important; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper { width: 100%; padding: 0 !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { width: 50%; height: 100%; padding: 0 !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img { padding: 6px 6px 0 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--3 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { padding: 6px 0px 0 6px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 10px !important; } } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-big { width: 50%; padding: 0 !important; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-big img { padding: 0 6px 0 0px !important; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper { width: 50%; padding: 0 0 0 6px !important; } @media (max-width: 899px) { .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper { height: 300px; } } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { width: 50%; height: 50%; padding: 0 !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img { padding: 0 6px 6px 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { padding: 0 0 6px 6px !important; border-top-left-radius: 0px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) { width: 100%; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) img { padding: 6px 0 0 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 10px !important; } @media (max-width: 899px) { .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-big { width: 100%; padding-right: 0 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-big img { padding: 0px 0 6px 0 !important; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper { width: 100%; padding: 0 !important; height: auto; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small { height: 300px; padding: 0 !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) { width: 50%; padding: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(1) img { padding: 6px 6px 6px 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) { width: 50%; padding: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(2) img { padding: 6px 0px 6px 6px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) { width: 100%; padding: 0px !important; } .vehica-gallery-v4__count--4 .vehica-gallery-v4__image-small-wrapper .vehica-gallery-v4__image-small:nth-child(3) img { padding: 6px 0px 0 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } } .vehica-send-pm textarea { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; resize: vertical; display: block; height: 250px; margin-bottom: 15px; display: block; padding: 22px !important; font-size: 16px !important; line-height: 24px !important; color: #222732 !important; } .vehica-send-pm textarea::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-send-pm textarea { font-size: 16px; } } .vehica-send-pm textarea::-webkit-scrollbar-track { overflow: hidden; } .vehica-send-pm textarea::-webkit-scrollbar { display: none; } .vehica-send-pm__vehica-button-wrapper { text-align: right; } body.author .vehica-send-pm textarea { height: 132px; } .vehica-search-classic-v1 { width: 2000px; min-height: 100px; max-width: 100%; position: relative; } .vehica-search-classic-v1 input { font-weight: 700; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner { border-radius: 20px; width: 466px; max-width: 100%; margin: 0 auto; } @media (min-width: 900px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner { float: right; } } @media (min-width: 1024px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner { max-width: 466px; } } @media (min-width: 1400px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner { max-width: 426px; } } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top { overflow: hidden; align-items: center; justify-content: center; background-color: #f2f2f2; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; display: flex; border-top-left-radius: 20px; border-top-right-radius: 20px; } @media (min-width: 1024px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top { padding-left: 45px; } } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio input + label:after, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio input + label:before { display: none; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio--disabled { opacity: 0.5; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio input { display: none !important; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio { border-bottom: 2px solid transparent; border-right: 1px solid #E8E8E8; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio label { padding-top: 24px; padding-bottom: 21px; padding-right: 28px; padding-left: 28px; font-weight: bold; color: #2f3b48; font-size: 16px; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio.vehica-radio--active { border-bottom: 2px solid var(--primary); } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio.vehica-radio--active label { color: var(--primary) !important; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio:last-child { border-right: 0px solid transparent; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__divider { margin-top: 12px; margin-bottom: 16px; height: 1px; background: #f2f2f2; width: 100%; } @media (min-width: 1024px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__divider { margin-top: 24px; } } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner { position: relative; top: -20px; background-color: #fff; padding-top: 27px; padding-bottom: 25px; border-radius: 20px; border-top: 1px solid #f2f2f2; } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__fields { padding-left: 30px; padding-right: 30px; } @media (min-width: 1024px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__fields { padding-left: 45px; padding-right: 45px; } } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action { padding-left: 30px; padding-right: 30px; } @media (min-width: 1024px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action { padding-left: 45px; padding-right: 45px; } } @media (max-width: 899px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .vehica-button, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .cn-button.bootstrap, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action button.button, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action button.button, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action input[type=submit], .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .wp-block-search .wp-block-search__button, .wp-block-search .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .wp-block-search__button { text-align: center; } } @media (min-width: 900px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .vehica-button, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .cn-button.bootstrap, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action button.button, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action button.button, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action input[type=submit], .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .wp-block-search .wp-block-search__button, .wp-block-search .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__action .wp-block-search__button { width: 100%; } } .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__bottom { text-align: center; font-size: 13px; margin-top: 24px; color: #868686; font-weight: 600; padding-left: 30px; padding-right: 30px; } @media (min-width: 1024px) { .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__bottom { padding-left: 45px; padding-right: 45px; } } .vehica-search-classic-v1__advanced-link { display: none; } @media (min-width: 1024px) { .vehica-search-classic-v1__advanced-link { padding-top: 12px; display: block; } .vehica-search-classic-v1__advanced-link:hover { color: var(--primary); } } .vehica-search-classic-v1__shadow { content: ""; display: block; position: absolute; bottom: -9px; left: 0; background: #fff; width: 100%; height: 26px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; opacity: 0.59; } .vehica-search-classic-v2 { max-width: 500px; padding: 0 15px; width: 100%; margin: 0 auto; } .vehica-search-classic-v2 input { font-weight: 700; } @media (min-width: 900px) { .vehica-search-classic-v2 { max-width: 800px; } } .vehica-search-classic-v2 .v-select:not(.vs-open) input { font-weight: 700; } .vehica-search-classic-v2__inner { position: relative; } @media (min-width: 900px) { .vehica-search-classic-v2__search-button-wrapper { margin-left: 4px; } } .vehica-search-classic-v2__search-button-wrapper .vehica-button, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit], .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button { width: 57px; height: 53px; padding-left: 0; padding-right: 0; } .vehica-search-classic-v2__search-button-wrapper .vehica-button .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap .vehica-button__text, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button .vehica-button__text, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button .vehica-button__text, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit] .vehica-button__text, .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit] .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button .vehica-button__text, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button .vehica-button__text { display: none; } .vehica-search-classic-v2__search-button-wrapper .vehica-button i, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap i, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap i, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button i, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button i, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button i, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button i, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit] i, .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit] i, .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button i, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button i { margin: 0; } @media (max-width: 899px) { .vehica-search-classic-v2__search-button-wrapper { width: 100%; } .vehica-search-classic-v2__search-button-wrapper .vehica-button, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit], .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button { width: 100%; } .vehica-search-classic-v2__search-button-wrapper .vehica-button i, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap i, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap i, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button i, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button i, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button i, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button i, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit] i, .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit] i, .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button i, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button i { margin-left: 7px; } .vehica-search-classic-v2__search-button-wrapper .vehica-button .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap .vehica-button__text, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button .vehica-button__text, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button .vehica-button__text, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit] .vehica-button__text, .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit] .vehica-button__text, .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button .vehica-button__text, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button .vehica-button__text { display: inline; } .vehica-search-classic-v2__search-button-wrapper .vehica-button .vehica-button__text i, .vehica-search-classic-v2__search-button-wrapper #cookie-notice .cn-button.bootstrap .vehica-button__text i, #cookie-notice .vehica-search-classic-v2__search-button-wrapper .cn-button.bootstrap .vehica-button__text i, .vehica-search-classic-v2__search-button-wrapper .woocommerce-form-coupon button.button .vehica-button__text i, .woocommerce-form-coupon .vehica-search-classic-v2__search-button-wrapper button.button .vehica-button__text i, .vehica-search-classic-v2__search-button-wrapper .woocommerce .vehica-checkout button.button .vehica-button__text i, .woocommerce .vehica-checkout .vehica-search-classic-v2__search-button-wrapper button.button .vehica-button__text i, .vehica-search-classic-v2__search-button-wrapper .vehica-post-field__text input[type=submit] .vehica-button__text i, .vehica-post-field__text .vehica-search-classic-v2__search-button-wrapper input[type=submit] .vehica-button__text i, .vehica-search-classic-v2__search-button-wrapper .wp-block-search .wp-block-search__button .vehica-button__text i, .wp-block-search .vehica-search-classic-v2__search-button-wrapper .wp-block-search__button .vehica-button__text i { margin-left: 7px; } } .vehica-search-classic-v2__top { display: flex; text-align: center; justify-content: center; margin-top: -10px; } .vehica-search-classic-v2__top .vehica-radio { position: relative; } .vehica-search-classic-v2__top .vehica-radio:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; display: inline-block; transition: all 0.3s ease-in-out; opacity: 0; } .vehica-search-classic-v2__top .vehica-radio label { font-size: 17px; z-index: 2; font-weight: 600; line-height: 21px; padding: 10px; margin: 0 18px 18px; transition: all 0.3s ease-in-out; } .vehica-search-classic-v2__top .vehica-radio label:after, .vehica-search-classic-v2__top .vehica-radio label:before { display: none; } .vehica-search-classic-v2__top .vehica-radio--active:after { opacity: 1; bottom: 0; } .vehica-search-classic-v2__top .vehica-radio--active label { color: var(--primary); } .vehica-search-classic-v2__top .vehica-radio { color: #fff; } .vehica-search-classic-v2__fields--wrapper { position: relative; } .vehica-search-classic-v2__fields { z-index: 2; width: 100%; background: #fff; border-radius: 20px; padding: 16px 22px 17px 22px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); position: relative; } @media (min-width: 900px) { .vehica-search-classic-v2__fields { display: flex; } } .vehica-search-classic-v2__fields .vehica-search__field { width: 100%; margin-bottom: 10px; } @media (min-width: 900px) { .vehica-search-classic-v2__fields .vehica-search__field { margin: 0 4px; } } .vehica-taxonomy-select.vehica-active-taxonomy .vehica-form-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vehica-search-classic-v2__inner--hide-shadow .vehica-search-classic-v2-mask-bottom { display: none; } .vehica-search-classic-v2-mask-bottom { content: ""; display: block; position: absolute; bottom: -9px; left: 0; background: #fff; width: 100%; height: 50%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; opacity: 0.59; } .vehica-search-classic-v3 { width: 100%; margin: 0 auto; } .vehica-search-classic-v3 input { font-weight: 700; } .vehica-search-classic-v3 .vehica-number-range-v3__1of2--left { display: none; } .vehica-search-classic-v3 .vehica-number-range-v3__1of2--right { width: 100%; } .vehica-search-classic-v3 .vehica-button, .vehica-search-classic-v3 #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-search-classic-v3 .cn-button.bootstrap, .vehica-search-classic-v3 .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-search-classic-v3 button.button, .vehica-search-classic-v3 .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-search-classic-v3 button.button, .vehica-search-classic-v3 .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-search-classic-v3 input[type=submit], .vehica-search-classic-v3 .wp-block-search .wp-block-search__button, .wp-block-search .vehica-search-classic-v3 .wp-block-search__button { margin-left: 8px; min-width: 155px; } .vehica-search-classic-v3__top { display: flex; text-align: center; justify-content: center; } .vehica-search-classic-v3__top .vehica-radio { position: relative; } .vehica-search-classic-v3__top .vehica-radio:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; display: inline-block; transition: all 0.3s ease-in-out; opacity: 0; } .vehica-search-classic-v3__top .vehica-radio label { font-size: 17px; font-weight: 600; line-height: 21px; margin: 0 28px 28px; padding: 0; transition: all 0.3s ease-in-out; } @media (min-width: 1023px) { .vehica-search-classic-v3__top .vehica-radio label:hover { color: var(--primary); } } .vehica-search-classic-v3__top .vehica-radio label:after, .vehica-search-classic-v3__top .vehica-radio label:before { display: none; } .vehica-search-classic-v3__top .vehica-radio--active:after { opacity: 1; bottom: 0; } .vehica-search-classic-v3__top .vehica-radio--active label { color: var(--primary); } .vehica-search-classic-v3__top .vehica-radio { color: #fff; } .vehica-search-classic-v3__fields { display: flex; width: 100%; background: #fff; border-radius: 20px; padding: 36px 30px 30px 30px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); position: relative; } .vehica-search-classic-v3__fields .vehica-search__field { margin: 0 4px; width: 100%; } .vehica-search-classic-v3__fields:after { content: ""; display: block; position: absolute; bottom: -9px; left: 0; background: #fff; width: 100%; height: 29px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; opacity: 0.59; } .vehica-number-range:after { clear: both; content: ""; display: table; } .vehica-number-range__1of2 { position: relative; display: inline-block; width: 50%; float: left; } .vehica-number-range__1of2 input[type=text] { font-size: 15px; line-height: 19px; padding: 13px 13px 13px 27px; width: 100%; border-radius: 10px; } .vehica-number-range__1of2--left input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .vehica-number-range__1of2--left input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-number-range__1of2--left input { font-size: 16px; } } .vehica-number-range__1of2--right input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .vehica-number-range__1of2--right input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-number-range__1of2--right input { font-size: 16px; } } .vehica-number-field--active .vs__clear { display: block !important; } .vehica-number-field--active .v-select:not(.vs-open) .vs__dropdown-toggle { border-color: var(--primary); } .vehica-number-range-v2:after { clear: both; content: ""; display: table; } .vehica-number-range-v2__1of2 { position: relative; display: inline-block; width: 50%; float: left; } .vehica-number-range-v2__1of2 input[type=text] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; font-size: 15px; line-height: 19px; padding: 13px 13px 13px 27px; width: 100%; border-radius: 10px; } .vehica-number-range-v2__1of2 input[type=text]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-number-range-v2__1of2 input[type=text] { font-size: 16px; } } @media (max-width: 500px) { .vehica-number-range-v2__1of2 { width: 100%; padding: 0 0 12px 0 !important; margin: 0 !important; } } .vehica-number-range-v2__1of2--left { padding-right: 6px; } @media (max-width: 500px) { .vehica-number-range-v2__1of2--left { display: none; } } .vehica-number-range-v2__1of2--right { padding-left: 6px; } .vehica-form-button { display: inline-block; float: left; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background-color: #fff; height: 53px; width: 100%; padding: 18px 45px 0 27px; color: #2f3b48; font-size: 14px; line-height: 16px; text-align: left; position: relative; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vehica-form-button:after { position: absolute; right: 26px; top: 19px; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #000; font-size: 14px; } .vehica-form-button__clear { display: inline-block; color: var(--primary); z-index: 2; position: absolute; right: 11px; padding: 12px 14px !important; top: 5px; text-align: center; background: #fff; cursor: pointer; font-size: 14px; } .v-select:not(.vs-open) .vs__selected { font-weight: bold; color: var(--primary); } .v-select:not(.vs-open) input { border: 0 solid transparent; padding: 10px 0; min-height: 51px; margin: 0; font-size: 14px; line-height: 16px; width: 100%; color: #2f3b48; } .v-select:not(.vs-open) .vs__dropdown-toggle { border: 1px solid #e7edf3; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); padding: 0 0 0 27px; background: #fff; border-radius: 10px; position: relative; } .v-select:not(.vs-open) .vs__selected-options { padding: 0; } .v-select:not(.vs-open) .vs__selected { position: absolute; top: 14px; left: 0; padding: 0; margin: 0; } .vs__dropdown-option { background: #fff !important; } .vs__dropdown-option.vs__dropdown-option--selected { background: var(--primary-light) !important; color: var(--primary) !important; pointer-events: none; min-height: 39px; font-weight: bold; } .vs__dropdown-option.vs__dropdown-option--selected span { color: var(--primary) !important; opacity: 1 !important; } .vs__dropdown-option--disabled { opacity: 0.5; } .vs__dropdown-option--disabled:hover { color: #0f141e !important; } .vehica-form-button__clear--number-range { position: absolute; right: 13px; padding: 8px 14px 8px 6px !important; top: 7px; text-align: center; } .vehica-active-number .vehica-form-button__clear--number-range, .vehica-price-select-from-to-active .vehica-form-button__clear--number-range { z-index: 100000; } .vehica-active-number .vs__clear, .vehica-price-select-from-to-active .vs__clear { display: block !important; } .vehica-active-price input[type=text] { border-color: var(--primary) !important; color: var(--primary) !important; font-weight: bold; } .vehica-active-price input[type=text]::placeholder { color: var(--primary) !important; } .vehica-active-price .vehica-number-range__1of2--left input[type=text] { border-right-color: transparent !important; } .vehica-search-classic-v1 .vehica-price-active .vs__dropdown-toggle, .vehica-search-classic-v2 .vehica-price-active .vs__dropdown-toggle, .vehica-search-classic-v3 .vehica-price-active .vs__dropdown-toggle { border-color: var(--primary) !important; } .vehica-search-classic-v1 .vehica-price-active input, .vehica-search-classic-v2 .vehica-price-active input, .vehica-search-classic-v3 .vehica-price-active input { border-color: var(--primary) !important; font-weight: bold !important; color: var(--primary) !important; } .vehica-search-classic-v1 .vehica-price-active .vs__clear, .vehica-search-classic-v2 .vehica-price-active .vs__clear, .vehica-search-classic-v3 .vehica-price-active .vs__clear { display: block !important; } .vehica-price-active .v-select .vs__dropdown-toggle { border: 1px solid var(--primary) !important; } .vehica-price-select-from-to-active .v-select:not(.vs-open) .vs__dropdown-toggle { border-color: var(--primary); } .vehica-inventory-v1__sort__select { } .vehica-inventory-v1__sort__select .vs__selected { font-weight: normal !important; color: #2f3b48 !important; font-size: 15px !important; line-height: 19px !important; } .vehica-inventory-v1__sort__select .vs__dropdown-option--highlight { background: transparent; } .vehica-inventory-v1__sort__select .vs__dropdown-option:hover { color: var(--primary) !important; font-weight: bold; } .vehica-inventory-v1__sort__select .vehica-form-button { font-size: 15px !important; line-height: 19px !important; padding: 15px 45px 0 28px; } .vehica-inventory-v1__sort__select .vs--single.vs--open .vs__selected { color: #2f3b48 !important; } .vehica-inventory-v1__sort__select .vs__clear { display: none !important; } .vehica-inventory-v1__sort__select .vs__actions:after { top: 14px; } .vehica-active-taxonomy .vehica-form-button { border-color: var(--primary) !important; color: var(--primary) !important; font-weight: bold; } .vs__clear { display: none !important; } .vehica-active-taxonomy .vs__dropdown-toggle { border-color: var(--primary) !important; font-weight: bold; } .vehica-active-taxonomy .vs__clear { display: block !important; } .vehica-text-field { position: relative; } .vehica-text-field .vehica-form-button__clear { top: 3px; } .vehica-text-field input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 10px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .vehica-text-field input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-text-field input { font-size: 16px; } } .vehica-text-field.vehica-text-field-active input { border-color: var(--primary); color: var(--primary); font-weight: bold; } .vehica-search-classic-v1 .vehica-form-button, .vehica-search-classic-v2 .vehica-form-button { font-weight: bold !important; } .vehica-search-classic-v1 .vehica-taxonomy-select .vehica-form-button, .vehica-search-classic-v2 .vehica-taxonomy-select .vehica-form-button { min-width: 100%; max-width: 10px; } .vehica-search-classic-v1 .vehica-form-button { font-weight: bold; } .vehica-search-classic-v1 input { font-weight: bold; } .vehica-search-classic-v1 .vehica-search__field { min-height: 53px; margin-bottom: 12px; } .vehica-search-classic-v1 .vehica-search__field:last-child { margin-bottom: 0; } .vehica-search-classic-v1 vehica-taxonomy-search-field div > .vehica-search-classic-v1 div.vehica-form-button[v-if=false] { margin-bottom: 12px; } @media (max-width: 899px) { .vehica-search-classic-v2 .vehica-form-button { margin-bottom: 10px; } } @media (max-width: 899px) { .vehica-show--my-location i { position: absolute; top: 6px; left: 12px; z-index: 20; padding: 14px 10px; color: var(--primary); cursor: pointer; } } @media (min-width: 900px) { .vehica-show--my-location i { position: absolute; top: 12px; left: 15px; z-index: 20; color: var(--primary); cursor: pointer; padding: 6px; } } .vehica-show--my-location .vehica-show--my-location__label { opacity: 0; white-space: nowrap; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); position: absolute; left: -8px; bottom: -19px; display: inline-block; background: #232732; padding: 7px 15px; font-size: 14px !important; line-height: 1 !important; color: #fff; margin: 4px 12px -6px 8px; border-radius: 4px; z-index: 9998; transition: all 0.2s ease; } .vehica-show--my-location .vehica-show--my-location__label:after { content: ""; position: absolute; top: -9px; left: 20px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #232732; } @media (min-width: 1024px) { .vehica-show--my-location i:hover + .vehica-show--my-location__label { opacity: 1; } } .vehica-field-filled input[type=text] { color: var(--primary); border-color: var(--primary); } .vehica-display-show-my-location input[type=text] { padding-left: 50px; } .pac-container { z-index: 9999 !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7e9ee; font-family: inherit; } .pac-container .pac-item { border: none !important; cursor: pointer; line-height: 39px; padding-left: 27px; padding-right: 0px; color: #0f141e; } .pac-container .pac-item:last-child { margin-bottom: 6px; } .pac-container .pac-item-query { font-size: 16px; } .pac-container .pac-item { font-size: 11px; } .pac-container .pac-item-selected { background: var(--primary-light); } .pac-container .pac-item-selected span { color: var(--primary); } .pac-container .pac-icon { display: none; } .pac-container .pac-matched { color: var(--primary); } @media (max-width: 1023px) { .pac-container { z-index: 100000 !important; } } .pac-container .pac-item:hover { background: transparent; } .pac-container .pac-item:hover span { font-weight: 700; color: var(--primary) !important; } .pac-logo:after { margin-right: 27px !important; margin-bottom: 6px !important; } .vehica-car-card { border-radius: 10px; position: relative; opacity: 1; visibility: visible; height: 100%; } .vehica-car-card__compare { position: absolute; right: 0; top: 0; background: #FFFFFF; display: flex; border-bottom-left-radius: 10px; align-items: center; z-index: 10; transform: translateX(0); } .vehica-car-card__compare-enter-active { animation: cardCompareAnimationActive 0.3s forwards; } .vehica-car-card__compare-leave-active { animation: cardCompareAnimationDisabled 0.3s forwards; } @keyframes cardCompareAnimationActive { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes cardCompareAnimationDisabled { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .vehica-inventory-v1__is-reloading .vehica-inventory-v1__results { opacity: 0; } .vehica-car-card__inner { overflow: hidden; position: relative; width: 100%; background: #222732; border-radius: 10px; visibility: visible; height: 100%; } @media (min-width: 1023px) { .vehica-car-card__inner:hover .vehica-car-card__image img { transform: scale3d(1.1, 1.1, 1); } } .vehica-car-card__content { padding: 0 22px 19px 22px; } .vehica-car-card__image-bg { background: #eff0f1; position: relative; } .vehica-car-card__image__icon:after { content: "\f03e"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; width: 50px; height: 50px; font-size: 40px; text-align: center; opacity: 0.5; line-height: 50px; position: absolute; top: 50%; margin: -25px auto 0 auto; left: 0; right: 0; } .vehica-car-card__info { overflow: hidden; max-height: 28px; } .vehica-car-card__info__features { font-size: 14px; line-height: 18px; margin-right: 11px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #99a1b2; } .vehica-car-card__price { font-size: 20px; font-weight: 800; margin-bottom: 10px; line-height: 24px; margin-left: auto; color: #fff; } .vehica-car-card__price:last-child { margin-bottom: 0; } .vehica-car-card__image__favorite { border-radius: 50%; margin-top: 10px; margin-right: 15px; position: absolute; bottom: 8px; left: 13px; z-index: 20; width: 30px; height: 30px; text-align: center; opacity: 1; transition: all 0.5s ease; background: transparent; } .vehica-car-card__image__favorite i { font-size: 15px; line-height: 30px; color: #a7a7a7; transition: all 0.5s ease; } @media (min-width: 1023px) { .vehica-car-card__image__favorite:hover { background: #f2f5fb; } .vehica-car-card__image__favorite:hover i { color: #0f141e; } } .vehica-car-card__image__favorite--is-favorite i { color: #fff; } .vehica-car-card__image { display: block; width: 100%; position: relative; overflow: hidden; xpadding-top: 55.5224%; } .vehica-car-card__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: all 0.8s ease; } .vehica-car-card__image-info { background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.6) 8%, rgba(0, 0, 0, 0) 94%) repeat scroll 0 0; position: absolute; text-align: right; z-index: 2; left: 0; bottom: 0; padding: 10px 22px; font-size: 15px; font-weight: 800; line-height: 25px; width: 100%; color: #a7a7a7; } .vehica-car-card__image-info i { color: #a7a7a7; } .vehica-car-card__image-info .fa-video { padding-left: 10px; } .vehica-car-card__image-info .fa-images { padding-left: 5px; } .vehica-car-card__name { display: block; text-align: left; font-size: 17px; line-height: 21px; margin-top: 11px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } @media (min-width: 1023px) { .vehica-car-card__name:active, .vehica-car-card__name:focus, .vehica-car-card__name:hover { color: #fff; } } .vehica-car-card__separator { margin: 0 0 18px 0; background: #343b4a; height: 1px; } .vehica-car-card__info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .vehica-car-card__info__single { display: inline-block; border-radius: 5px; font-size: 14px; font-weight: 500; color: #99a1b2; margin-right: 20px; line-height: 28px; } .vehica-car-card__info__single:first-child { padding: 0 11px; color: #fff; background: var(--primary); } .vehica-car-card__bottom { display: flex; align-items: center; justify-content: space-between; } .vehica-car-card-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .vehica-car-card-link:after { clear: both; content: ""; display: table; } .vehica-car-card--is-compare .vehica-car-card__compare { background: var(--primary) !important; } .vehica-car-card--is-compare .vehica-checkbox input:checked + label { color: #fff !important; } .vehica-car-card--is-compare .vehica-checkbox input:checked + label:before { background: #fff !important; border-color: #fff !important; } .vehica-car-card--is-compare .vehica-checkbox input:checked + label:after { color: var(--primary); } .vehica-car-card__info-multiple-lines .vehica-car-card__info { max-height: none !important; } .vehica-car-card__info-multiple-lines .vehica-car-card__info { margin-top: -6px; } .vehica-car-card__info-multiple-lines .vehica-car-card__info__single { margin-top: 6px; display: inline-block; } .vehica-car-card-v1 .vehica-car-card__compare { background: #222732; } .vehica-car-card-v1 .vehica-car-card__compare .vehica-checkbox input + label { color: #fff !important; } .vehica-car-card-v2 .vehica-car-card__inner { background-color: #ffffff !important; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; transition: all 0.2s ease; height: 100%; } @media (min-width: 1023px) { .vehica-car-card-v2 .vehica-car-card__inner:hover { border-color: var(--primary); } } .vehica-car-card-v2 .vehica-car-card { margin-bottom: 22px; } .vehica-car-card-v2 .vehica-car-card__name { color: #222732; } .vehica-car-card-v2 .vehica-car-card__separator { background: rgba(52, 59, 74, 0.1); } .vehica-car-card-v2 .vehica-car-card__price { color: #0f141e; } .vehica-car-card-v2 .vehica-car-card__content { background: #ffffff !important; } .vehica-car-card-v4 .vehica-car-card__inner { background-color: #ffffff !important; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; transition: all 0.2s ease; height: 100%; } @media (min-width: 1023px) { .vehica-car-card-v4 .vehica-car-card__inner:hover { border-color: var(--primary); } } .vehica-car-card-v4 .vehica-car-card { margin-bottom: 22px; } .vehica-car-card-v4 .vehica-car-card__name { color: #222732; } .vehica-car-card-v4 .vehica-car-card__separator { background: rgba(52, 59, 74, 0.1); } .vehica-car-card-v4 .vehica-car-card__price { color: var(--primary); } .vehica-car-card-v4 .vehica-car-card__info__single:first-child { color: #fff; background: #222732; } .vehica-car-card-v4 .vehica-car-card__content { background: #ffffff !important; } .vehica-listing-card-v5-list { padding: 0 4px; } .vehica-listing-card-v5-list:after { clear: both; content: ""; display: table; } @media (min-width: 1024px) { .vehica-listing-card-v5-list { padding: 0 30px; } } @media (min-width: 1024px) { .vehica-listing-card-v5 { padding: 15px 0; border-bottom: 1px solid #D2D2D280; } } @media (min-width: 1024px) and (min-width: 1024px) { .vehica-listing-card-v5 { padding: 30px 0; } } @media (min-width: 1024px) { .vehica-listing-card-v5:first-of-type { border-top: 1px solid #D2D2D280; } } @media (min-width: 1024px) { .vehica-listing-card-v5:last-of-type { border-bottom: 0 !important; } } @media (min-width: 1024px) { .vehica-listing-card-v5 .vehica-compare-add { border-top: 1px solid #f2f5fb !important; border-right: 1px solid #f2f5fb !important; border-left: 0 !important; border-bottom: 0 !important; } } @media (min-width: 1024px) { .vehica-listing-card-v5.vehica-car-card--is-compare .vehica-compare-add { border-top: 1px solid var(--primary) !important; border-right: 1px solid var(--primary) !important; } } @media (min-width: 1024px) { .vehica-listing-card-v5 .vehica-car-card-row { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: initial !important; margin: 0 !important; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner { padding: 0 !important; display: flex; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-card-row__image { min-width: 200px !important; padding-right: 20px; overflow: hidden; } } @media (min-width: 1024px) and (min-width: 1200px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-card-row__image { min-width: 295px !important; } } @media (min-width: 1024px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-card-row__image .vehica-car-card__image-bg { border-radius: 10px !important; overflow: hidden !important; background: #eff0f1; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-card-row__image .vehica-car-card__image-bg .vehica-car-card__image { border-radius: 10px !important; padding-top: 0 !important; min-height: 120px !important; } } @media (min-width: 1024px) and (min-width: 1200px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-card-row__image .vehica-car-card__image-bg .vehica-car-card__image { min-height: 185px !important; } } @media (min-width: 1024px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-card-row__image .vehica-car-card__image-bg .vehica-car-card__image-info { text-align: left; padding: 10px 10px; } } @media (min-width: 1024px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content { padding-right: 0 !important; width: 100%; display: flex; flex-direction: column; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__top { padding-right: 60px !important; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__top .vehica-car-card-row__secondary-attributes { line-height: 21px; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__top .vehica-car-card-row__name { font-size: 21px; line-height: 26px; margin-top: 0; margin-bottom: 10px; } } @media (min-width: 1024px) and (min-width: 1024px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__top .vehica-car-card-row__favorite { position: absolute !important; top: 0 !important; right: 0 !important; } } @media (min-width: 1024px) { .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom { margin-top: auto; display: flex; width: 100%; padding-top: 20px; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom .vehica-car-card-row__info-more { margin-top: auto !important; margin-bottom: 0 !important; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom .vehica-car-card-row__info-more .vehica-car-card-row__info-more__value { xcolor: #222732; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom .vehica-car-card-row__info-more .vehica-car-card-row__info-more__label { xcolor: #222732; xmargin-right: 2px; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom .vehica-listing-card-v5__price { text-align: right; margin-left: auto; margin-bottom: -2px; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom .vehica-listing-card-v5__price .vehica-car-card__price { margin-top: 0 !important; margin-bottom: 0 !important; color: #222732 !important; } .vehica-listing-card-v5 .vehica-car-card-row .vehica-car-card-row__inner .vehica-car-row__content .vehica-car-card-v5__bottom .vehica-listing-card-v5__price .vehica-car-card-row__calculate { margin-top: 5px !important; margin-bottom: 0 !important; line-height: 1.2 !important; position: relative; } } .vehica-listing-card-v5-list .vehica-car-card-row-wrapper { width: 100% !important; } @media (min-width: 600px) and (max-width: 1023px) { .vehica-listing-card-v5-list .vehica-car-card-row-wrapper { width: 50% !important; } } @media (max-width: 1024px) { .vehica-car-card-row__favorite { display: none; } .vehica-car-card__image { padding-top: 55.5224% !important; } .vehica-listing-card-v5__price { display: none !important; } } @media (max-width: 1023px) { .vehica-car-card-row__name { display: block; text-align: left; font-size: 17px; line-height: 21px; margin-top: 11px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222732; } } @media (min-width: 1024px) { .vehica-car-card-row__name { display: block; font-size: 24px; line-height: 30px; font-weight: bold; color: #222732; width: 100%; max-width: 100%; margin-bottom: 8px; margin-top: 6px; } } .vehica-car-card-row { position: relative; } @media (min-width: 1024px) { .vehica-car-card-row { width: 100%; border-radius: 10px; overflow: hidden; border: 1px solid #e7edf3; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); background-color: #fff; transition: all 0.2s ease; margin: 0 0 11px 0; position: relative; } .vehica-car-card-row .vehica-car-card__image__icon:after { font-size: 32px; } .vehica-car-card-row:hover { border: 1px solid var(--primary); } .vehica-car-card-row .vehica-car-row__content { padding-right: 32px; } .vehica-car-card-row .vehica-car-card__image { top: 0; left: 0; } .vehica-car-card-row .vehica-compare-add { border-right: 0; border-top: 0; } .vehica-car-card-row .vehica-car-card__info__single { position: relative; line-height: 28px; margin-right: 0; padding-right: 25px; } .vehica-car-card-row .vehica-car-card__info__single:after { margin-left: 10px; margin-right: 10px; } .vehica-car-card-row .vehica-car-card__info__single i { position: absolute; top: 1px; font-size: 5px; left: -15px; height: 28px; line-height: 28px; color: var(--primary); } .vehica-car-card-row .vehica-car-card__info__single:first-child { margin-right: 13px; padding-right: 11px; } .vehica-car-card-row .vehica-car-card__info__single:first-child span { padding-right: 0; } .vehica-car-card-row .vehica-car-card__info__single:first-child i { display: none; } .vehica-car-card-row .vehica-car-card__info__single:nth-child(1) i, .vehica-car-card-row .vehica-car-card__info__single:nth-child(2) i { display: none; } .vehica-car-card-row .vehica-car-card-row__inner { display: flex; width: 100%; padding: 14px 20px 14px 16px; } .vehica-car-card-row .vehica-car-card-row__favorite { text-align: right; margin-bottom: 23px; cursor: pointer; z-index: 20; position: relative; } .vehica-car-card-row .vehica-car-card-row__favorite i { border-radius: 50%; font-size: 27px; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #707070; transition: all 0.3s ease; margin-right: -11px; } .vehica-car-card-row .vehica-car-card-row__favorite i:hover { background: #f2f5fb; color: #222732; } .vehica-car-card-row .vehica-car-card-row__favorite .fas.fa-star { color: var(--primary); } .vehica-car-card-row .vehica-car-card-row__favorite--is-active i { color: var(--primary); } .vehica-car-card-row .vehica-car-card-row__image { padding-right: 36px; overflow: hidden; position: relative; min-width: 284px; } .vehica-car-card-row .vehica-car-card-row__image .vehica-car-card__image-bg { border-radius: 18px; } .vehica-car-card-row .vehica-car-card-row__image .vehica-car-card__image { border-radius: 18px; overflow: hidden; width: 100%; height: 100%; } .vehica-car-card-row .vehica-car-card-row__secondary-attributes { overflow: hidden; margin-bottom: 17px; font-size: 15px; line-height: 22px; font-weight: 500; opacity: 0.5; } .vehica-car-card-row .vehica-car-card-row__secondary-attributes:after { clear: both; content: ""; display: table; } .vehica-car-card-row .vehica-car-card-row__secondary-attributes .vehica-car-card-row__secondary-attribute { display: inline; } .vehica-car-card-row .vehica-car-card-row__secondary-attributes .vehica-car-card-row__secondary-attribute .vehica-car-card-row__secondary-attribute__comma { margin-right: 3px; margin-left: -3px; } .vehica-car-card-row .vehica-car-card-row__secondary-attributes .vehica-car-card-row__secondary-attribute:last-of-type .vehica-car-card-row__secondary-attribute__comma { display: none; } .vehica-car-card-row .vehica-car-card-row__secondary-attribute__comma { display: inline; margin-right: 5px; } .vehica-car-card-row .vehica-car-card-row__calculate { font-size: 15px; margin-top: 6px; text-align: right; text-decoration: underline; z-index: 11; white-space: nowrap; } .vehica-car-card-row .vehica-car-card-row__calculate a { color: #222732; opacity: 0.5; } .vehica-car-card-row .vehica-car-card-row__calculate a:hover { opacity: 1; color: var(--primary); } .vehica-car-card-row .vehica-car-card-row__right { display: flex; flex-direction: column; margin-left: auto; padding-left: 18px; } .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button { position: absolute; bottom: 0; left: 0; width: 100%; } .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .vehica-button, .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .cn-button.bootstrap, .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button button.button, .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button button.button, .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button input[type=submit], .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-car-card-row .vehica-car-card-row__right .vehica-car-card-row__right__inner .vehica-car-card-row__right__button .wp-block-search__button { width: 100%; } .vehica-car-card-row .vehica-car-card-row__info-more { margin-top: 19px; font-size: 15px; line-height: 19px; margin-bottom: 17px; font-weight: 500; } .vehica-car-card-row .vehica-car-card-row__info-more__label { color: var(--primary); } .vehica-car-card-row .vehica-car-card-row__info-more__value { color: #222732; } } .vehica-car-card-row__price-desktop { font-size: 29px; line-height: 36px; font-weight: 800; color: var(--primary); text-align: right; white-space: nowrap; margin-top: auto; margin-bottom: 2px; } @media (max-width: 1023px) { .vehica-car-card-row__price-desktop { display: none; } } .vehica-car-card-row-wrapper { width: 100%; position: relative; } @media (max-width: 1023px) { .vehica-car-card-row-wrapper { float: left; padding-left: 11px; padding-right: 11px; margin-bottom: 22px; } .vehica-car-card-row-wrapper .vehica-car-card-row { background-color: #ffffff; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; border-radius: 10px; overflow: hidden; padding-bottom: 9px; } .vehica-car-card-row-wrapper .vehica-car-card-row .vehica-car-card-row__image { margin-bottom: 10px; } .vehica-car-card-row-wrapper .vehica-car-card-row .vehica-car-row__content { margin-bottom: 10px; padding-left: 22px; padding-right: 22px; } .vehica-car-card-row-wrapper .vehica-car-card-row .vehica-car-row__content .vehica-car-card__info__single i { display: none; } .vehica-car-card-row-wrapper .vehica-car-card-row .vehica-car-row__content .vehica-car-card-row__secondary-attributes { display: none; } .vehica-car-card-row-wrapper .vehica-car-card-row .vehica-car-row__content .vehica-car-card-row__info-more { display: none; } .vehica-car-card-row-wrapper .vehica-car-card-row .vehica-car-card-row__right { display: none; } } @media (max-width: 599px) { .vehica-car-card-row-wrapper { padding-left: 15px; padding-right: 15px; } } @media (min-width: 600px) and (max-width: 900px) { .vehica-car-card-row-wrapper { width: 50%; } } @media (min-width: 901px) and (max-width: 1023px) { .vehica-car-card-row-wrapper { width: 33.333%; } } .vehica-car-card__price-mobile { font-size: 20px; font-weight: 800; line-height: 24px; margin-left: auto; color: #0f141e; margin-bottom: 10px; white-space: nowrap; } @media (min-width: 1024px) { .vehica-car-card__price-mobile { display: none; } } @media (max-width: 1023px) { .vehica-car-card-row .vehica-car-card__info { padding-top: 18px; border-top: 1px solid rgba(52, 59, 74, 0.1); max-height: 48px; } } @media (min-width: 1024px) { .vehica-car-card-row__favorite { top: 0px; transition: top 0.2s ease; } .vehica-compare-mode .vehica-car-card-row__favorite { top: 37px; } } .vehica-car-card__featured { position: absolute; z-index: 2; background: var(--primary); width: auto; padding: 3px 0px; font-weight: 600; text-align: center; color: #fff; transform: rotate(-41deg); margin-left: 0; left: -64px; top: 16px; min-width: 200px; max-width: 200px; } .vehica-car-card__labels { position: absolute; left: 22px; top: 22px; z-index: 20; } .vehica-car-card__label { display: inline-block; float: left; padding: 0 11px; border-radius: 4px; font-weight: bold; background: var(--primary); text-transform: uppercase; color: #fff; margin-right: 5px; line-height: 20px; font-size: 12px; } .vehica-inventory-v1 .vehica-results__fields { width: 100%; flex-direction: row; flex-wrap: wrap; margin: 0; padding-bottom: 25px; position: relative; display: none; } .vehica-inventory-v1 .vehica-results__fields .vehica-results__field__label { display: none; } @media (max-width: 1023px) { .vehica-inventory-v1 .vehica-results__fields { overflow-y: scroll; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100000; padding: 15px 15px 72px 15px; margin-bottom: 100px; } .vehica-inventory-v1 .vehica-results__fields .vehica-results__field { min-width: 53px; } .vehica-inventory-v1 .vehica-results__fields .vehica-results__field .vehica-form-button { display: block; float: initial; } .vehica-inventory-v1 .vehica-results__fields .vehica-results__fields__load-more { display: none; } } @media (min-width: 1024px) { .vehica-inventory-v1 .vehica-results__fields { display: flex; } .vehica-inventory-v1 .vehica-results__fields:after { content: ""; width: 5000px; margin-left: -50%; position: absolute; bottom: 0; background: #e9ebf0; height: 1px; } } .vehica-inventory-v1__top { background: #f2f5fb; border-bottom: 1px solid #e7e9ee; } @media (min-width: 1024px) { .vehica-inventory-v1__top { padding-top: 30px; } } .vehica-inventory-v1__top__inner { max-width: 1468px; padding: 0 15px; margin: 0 auto; } @media (min-width: 1024px) { .vehica-inventory-v1__top__inner { padding: 0 24px; } } .vehica-inventory-v1__search-button .vehica-button, .vehica-inventory-v1__search-button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-inventory-v1__search-button .cn-button.bootstrap, .vehica-inventory-v1__search-button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-inventory-v1__search-button button.button, .vehica-inventory-v1__search-button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-inventory-v1__search-button button.button, .vehica-inventory-v1__search-button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-inventory-v1__search-button input[type=submit], .vehica-inventory-v1__search-button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-inventory-v1__search-button .wp-block-search__button { min-width: 166px; } @media (max-width: 1023px) { .vehica-inventory-v1__search-button .vehica-button, .vehica-inventory-v1__search-button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-inventory-v1__search-button .cn-button.bootstrap, .vehica-inventory-v1__search-button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-inventory-v1__search-button button.button, .vehica-inventory-v1__search-button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-inventory-v1__search-button button.button, .vehica-inventory-v1__search-button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-inventory-v1__search-button input[type=submit], .vehica-inventory-v1__search-button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-inventory-v1__search-button .wp-block-search__button { width: 100%; margin-bottom: 30px; } } .vehica-inventory-v1__middle { width: 100%; max-width: 1468px; margin: 0 auto; padding: 30px 15px; } @media (max-width: 1023px) { .vehica-inventory-v1__middle:after { clear: both; content: ""; display: table; } } @media (min-width: 1024px) { .vehica-inventory-v1__middle { display: flex; justify-content: space-between; padding: 37px 30px 46px 30px; } } @media (min-width: 500px) and (max-width: 1023px) { .vehica-inventory-v1__middle { display: flex; justify-content: space-between; width: 100%; } .vehica-inventory-v1__middle > div { width: 50%; } } @media (min-width: 1023px) { .vehica-inventory-v1__sort { min-width: 500px; } } .vehica-inventory-v1__sort button { background: transparent; border: 0px solid transparent; } .vehica-inventory-v1__results { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1468px; margin: 0 auto; padding: 0; } .vehica-inventory-v1__results .vehica-inventory-v1__results__card { width: 100%; padding: 0 15px 30px 15px; } @media (min-width: 600px) { .vehica-inventory-v1__results { padding: 0 4px; } .vehica-inventory-v1__results .vehica-inventory-v1__results__card { width: 50%; padding: 0 11px 18px 11px; } } @media (min-width: 901px) { .vehica-inventory-v1__results .vehica-inventory-v1__results__card { width: 33.333%; padding: 0 11px 18px 11px; } } @media (min-width: 1200px) { .vehica-inventory-v1__results { padding: 0 19px; } .vehica-inventory-v1__results .vehica-inventory-v1__results__card { width: 25%; padding: 0 11px 18px 11px; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs { overflow: hidden; white-space: nowrap; } @media (max-width: 1023px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs { display: flex; flex-direction: row; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab { float: left; margin-right: 25px; font-weight: 600; position: relative; } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab:after { content: ""; position: absolute; top: 37px; right: 0; width: 1px; height: 19px; background: #e7e9ee; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab:last-child:after { display: none; } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab-button { padding: 35px 0 30px 0; border: none; background: transparent; float: left; display: inline-block; font-size: 19px; line-height: 24px; color: #2f3b48; font-weight: 600; cursor: pointer; position: relative; } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab-button { padding-top: 33px; padding-bottom: 41px; } } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab-button { margin-right: 25px; transition: all 0.2s ease; } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab-button:after { content: ""; display: block; width: 1px; background: #e7e9ee; height: 24px; position: absolute; right: -24px; top: 35px; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab:last-of-type .vehica-search-v1__tab-button { padding-right: 0; } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab:last-of-type .vehica-search-v1__tab-button:after { display: none; } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab--active .vehica-search-v1__tab-button { color: var(--primary); } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab--active .vehica-search-v1__tab-button:before { content: ""; display: block; background: var(--primary); width: 100%; height: 2px; top: 0; left: 0; right: 0; position: absolute; } @media (min-width: 1023px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab--active .vehica-search-v1__tab-button:before { left: 0px; right: 25px; } } @media (max-width: 1023px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right { display: flex; flex-direction: column-reverse; } } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right { display: flex; padding-top: 22px; padding-bottom: 22px; justify-content: flex-end; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__compare { cursor: pointer; display: flex; align-items: center; white-space: nowrap; margin-right: 27px; height: 51px; transition: all 0.3s; font-size: 19px; line-height: 24px; color: #2f3b48; font-weight: 600; } @media (max-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__compare { text-align: center; margin-bottom: 30px; margin-top: 20px; width: 100%; height: auto; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__compare i { margin-right: 10px; } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__compare:hover { color: var(--primary); } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__compare--active { color: var(--primary); } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword { width: 100%; position: relative; } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword { max-width: 320px; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input { border: 1px solid #fff; border-radius: 10px; background: #fff; color: #2f3b48; height: 51px; padding-left: 26px; font-size: 17px; } @media (max-width: 1023px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input { width: 100%; margin-bottom: 10px; } } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input { width: 300px; float: right; } } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input::placeholder { color: #8b929b; } .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .vehica-inventory-v1__keyword__icon { color: black; position: absolute; top: 13px; right: 19px; font-size: 17px; } @media (max-width: 1023px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .vehica-button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .cn-button.bootstrap, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword button.button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword button.button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input[type=submit], .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .wp-block-search .wp-block-search__button, .wp-block-search .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .wp-block-search__button { width: 100%; margin-bottom: 30px; } } @media (min-width: 1024px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .vehica-button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .cn-button.bootstrap, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword button.button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword button.button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input[type=submit], .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .wp-block-search .wp-block-search__button, .wp-block-search .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword .wp-block-search__button { float: right; } } @media (min-width: 1023px) { .vehica-inventory-v1__sort { display: flex; justify-content: flex-end; align-items: center; max-height: 53px; } } .vehica-inventory-v1__sort__heading { padding-right: 25px; font-size: 15px; font-weight: 500; display: none; } @media (max-width: 1023px) { .vehica-inventory-v1__sort__heading { margin-bottom: 11px; } } @media (min-width: 1024px) { .vehica-inventory-v1__sort__heading { display: block; } } .vehica-inventory-v1__sort__select { float: left; min-width: 100%; } @media (min-width: 1023px) { .vehica-inventory-v1__sort__select { float: initial; min-width: 226px; } } .vehica-inventory-v1__view { display: none; margin-right: 41px; } @media (min-width: 1024px) { .vehica-inventory-v1__view { display: block; } } .vehica-inventory-v1__view button { margin-right: 12px; cursor: pointer; float: left; line-height: 1; } .vehica-inventory-v1__view button * { transition: all 0.2s ease; } .vehica-inventory-v1__view button:hover * { fill: var(--primary) !important; } .vehica-inventory-v1__view__button-active * { fill: var(--primary); } .vehica-inventory-v1__title { font-size: 30px; line-height: 53px; font-weight: 900; margin-bottom: 15px; } @media (min-width: 1024px) { .vehica-inventory-v1__title { float: left; margin-bottom: 0; } } .vehica-inventory-v1__tags { font-size: 15px; line-height: 19px; font-weight: 600; max-width: 1468px; margin: 0 auto; padding-left: 15px; padding-right: 15px; min-height: 77px; width: 100%; display: flex; justify-content: space-between; } .vehica-inventory-v1__tags:after { clear: both; content: ""; display: table; } .vehica-inventory-v1__tags .vehica-inventory-v1__tags-acitve { width: 100%; } @media (min-width: 900px) { .vehica-inventory-v1__tags { padding-left: 30px; padding-right: 30px; } } .vehica-inventory-v1__tags .vehica-inventory-v1__tags-clear { display: none; } @media (min-width: 900px) { .vehica-inventory-v1__tags .vehica-inventory-v1__tags-clear { min-width: 160px; display: block; } .vehica-inventory-v1__tags .vehica-inventory-v1__tags-clear .vehica-inventory-v1__tag__inner { float: right; } .vehica-inventory-v1__tags .vehica-inventory-v1__tags-clear .vehica-inventory-v1__tag__inner .vehica-inventory-v1__tag--clear-all { margin-right: 0; } } .vehica-inventory-v1__tag { display: inline; } .vehica-inventory-v1__tag__inner { display: inline-block; padding: 10px 40px 10px 15px; margin-right: 11px; margin-bottom: 6px; border-radius: 5px; border: 1px solid #dfe3eb; position: relative; cursor: pointer; } .vehica-inventory-v1__tag--clear-all { white-space: nowrap; margin-right: 6px; } .vehica-inventory-v1__tag--clear-all .vehica-inventory-v1__tag__inner { margin-right: 0; padding-right: 15px; cursor: pointer; color: var(--primary); } .vehica-inventory-v1__tag-close { position: absolute; right: 15px; color: var(--primary); } .vehica-search-v1__tab-count { color: #aeb8c1; } .vehica-search-v1__button-clear { display: block; font-size: 16px; padding: 0 15px; border-radius: 10px; border: 1px solid #888e95; color: var(--primary); background: #000000; margin-right: 15px; line-height: 19px; margin-left: 0; cursor: pointer; } .vehica-active-number input { border-color: var(--primary); color: var(--primary); font-weight: bold; } .vehica-active-number .vs__dropdown-toggle { border-color: var(--primary) !important; } .vehica-active-number .vs__selected { color: var(--primary) !important; } @media (max-width: 1023px) { .vehica-inventory-v1__bar { width: 100%; } } @media (max-width: 1023px) { .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left { border-top: 1px solid #e9ebf0; } } @media (min-width: 1024px) { .vehica-inventory-v1__bar { padding: 0 6px; display: flex; justify-content: space-between; vertical-align: center; } } .vehica-inventory-v1__pagination { padding: 0 15px; } .vehica-inventory-v1__mobile-button-options { width: 100%; background: #f2f5fb; padding: 30px 15px; } @media (min-width: 1024px) { .vehica-inventory-v1__mobile-button-options { display: none; } } .vehica-inventory-v1__mobile-button-options button { width: 100%; background: #fff; height: 53px; text-align: center; color: #2f3b48; font-size: 15px; line-height: 19px; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; } .vehica-inventory-v1__mobile-button-options.vehica-inventory-v1__mobile-button-options--active button { background: var(--primary-light); color: var(--primary); border-color: var(--primary); } .vehica-results__fields__clear-load-more { padding: 6px 6px 0; font-size: 16px; line-height: 19px; text-align: right; width: 100%; cursor: pointer; display: none; } .vehica-results__fields__clear-load-more i { color: var(--primary); margin-right: 4px; font-size: 14px; } @media (min-width: 1024px) { .vehica-results__fields__clear-load-more { display: block; } } .vehica-results__fields__clear { display: inline-block; margin-left: 15px; transition: all 0.2s ease; } .vehica-results__fields__clear:hover { color: var(--primary); } .vehica-results__advanced-button { display: none; margin-left: 15px; transition: all 0.2s ease; } .vehica-results__advanced-button:hover { color: var(--primary); } @media (min-width: 1024px) and (max-width: 1199px) { .vehica-results__advanced-button--show-tablet { display: inline-block; } } @media (min-width: 1200px) { .vehica-results__advanced-button--show-desktop { display: inline-block; } } .vehica-results__fields--mobile-open { display: block !important; } .vehica-results__fields__mobile-section-top { position: relative; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__title { margin-top: 10px; font-size: 30px; line-height: 38px; font-weight: 900; padding-right: 80px; margin-bottom: 10px; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__subtitle { padding-top: 20px; font-size: 18px; line-height: 22px; width: 100%; margin-bottom: 20px; font-weight: 900; border-top: 1px solid #ddd; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__subtitle:after { clear: both; content: ""; display: table; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__subtitle .vehica-results__fields__mobile-section-top__subtitle__number { color: var(--primary); float: left; padding-right: 6px; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__subtitle .vehica-results__fields__mobile-section-top__subtitle__label { float: left; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__subtitle .vehica-results__fields__mobile-section-top__subtitle__clear { float: right; } .vehica-results__fields__mobile-section-top .vehica-results__fields__mobile-section-top__close { position: absolute; top: 0; right: 0; font-size: 32px; line-height: 32px; } @media (min-width: 1024px) { .vehica-results__fields__mobile-section-top { display: none; } } .vehica-results__fields__mobile-section-bottom { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 15px; z-index: 100001; } .vehica-results__fields__mobile-section-bottom .vehica-button, .vehica-results__fields__mobile-section-bottom #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-results__fields__mobile-section-bottom .cn-button.bootstrap, .vehica-results__fields__mobile-section-bottom .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-results__fields__mobile-section-bottom button.button, .vehica-results__fields__mobile-section-bottom .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-results__fields__mobile-section-bottom button.button, .vehica-results__fields__mobile-section-bottom .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-results__fields__mobile-section-bottom input[type=submit], .vehica-results__fields__mobile-section-bottom .wp-block-search .wp-block-search__button, .wp-block-search .vehica-results__fields__mobile-section-bottom .wp-block-search__button { width: 100%; } @media (min-width: 1024px) { .vehica-results__fields__mobile-section-bottom { display: none; } } .vehica-results__field { margin-bottom: 13px; width: 100%; } @media (min-width: 600px) and (max-width: 1023px) { .vehica-results__field { width: 50%; float: left; } .vehica-results__field:nth-child(odd) { padding-left: 6px; } .vehica-results__field:nth-child(even) { padding-right: 6px; } } @media (min-width: 1024px) { .vehica-results__field { width: 33.33%; padding: 0 6px; } } @media (min-width: 1024px) { .vehica-results__field { width: 25%; } } @media (min-width: 1200px) { .vehica-results__field { width: 20%; } } .vehica-inventory-v1__is-advanced .vehica-results__field--relation_show { display: block; } .vehica-search-v1__tab .vehica-search-v1__tab-button { position: relative; overflow: hidden; } @media (min-width: 1023px) { .vehica-search-v1__tab .vehica-search-v1__tab-button:not([disabled=disabled]):hover { color: var(--primary) !important; } } .vehica-search-v1__tab .vehica-search-v1__tab-button[disabled=disabled] { cursor: unset !important; pointer-events: all !important; opacity: 0.5; } .vehica-inventory-v1__keyword--active input { border-color: var(--primary) !important; color: var(--primary) !important; font-weight: bold; } .vehica-inventory-v1__keyword--active .vehica-inventory-v1__clear-keyword { display: block; } .vehica-inventory-v1__clear-keyword { display: none; fill: var(--primary); position: absolute; background: #fff; padding: 8px 18px; z-index: 2; top: 4px; right: -2px; cursor: pointer; margin-right: 8px; } .vehica-inventory-v1__2-cols { margin: 0 auto; width: 100%; max-width: 1468px; display: flex; align-content: space-between; } .vehica-inventory-v1__2-cols__left { flex: 1; width: 100%; margin-left: 30px; margin-right: 30px; } @media (max-width: 1023px) { .vehica-inventory-v1__2-cols__left { margin-left: 4px; margin-right: 4px; } } @media (max-width: 599px) { .vehica-inventory-v1__2-cols__left { margin-left: 0; margin-right: 0; } } .vehica-inventory-v1__2-cols__right { align-self: stretch; min-width: 226px; max-width: 226px; margin-left: -12px; margin-right: 30px; display: none; } @media (min-width: 1200px) { .vehica-inventory-v1__2-cols__right { display: flex; } } .vehica-inventory-v1__2-cols__right__inner { width: 100%; margin-bottom: 11px; height: 422px; border-radius: 10px; } .vehica-inventory-v1__2-cols__right__inner:after { clear: both; content: ""; display: table; } .vehica-vertical-ad { display: flex; width: 100%; background: #f2f5fb; border-radius: 20px; padding: 30px; min-height: 422px; text-align: center; color: #222732; font-size: 16px; line-height: 30px; align-items: center; justify-content: center; } .vehica-vertical-ad h2 { font-size: 30px; line-height: 38px; font-weight: bold; color: #222732; text-align: center; } .vehica-vertical-ad .vehica-button, .vehica-vertical-ad #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-vertical-ad .cn-button.bootstrap, .vehica-vertical-ad .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-vertical-ad button.button, .vehica-vertical-ad .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-vertical-ad button.button, .vehica-vertical-ad .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-vertical-ad input[type=submit], .vehica-vertical-ad .wp-block-search .wp-block-search__button, .wp-block-search .vehica-vertical-ad .wp-block-search__button { margin-top: 20px; } vehica-show-advanced-fields .vehica-results__fields .vehica-results__field { display: none; } vehica-show-advanced-fields .vehica-results__fields .vehica-results__field .vehica-form-button { color: rgba(0, 0, 0, 0); } vehica-show-advanced-fields .vehica-results__fields .vehica-results__field .vehica-form-button:after { display: none; } vehica-show-advanced-fields .vehica-results__fields .vehica-results__field input { color: rgba(0, 0, 0, 0); } vehica-show-advanced-fields .vehica-results__fields .vehica-results__field input::placeholder { color: rgba(0, 0, 0, 0); } @media (min-width: 1024px) { vehica-show-advanced-fields .vehica-results__fields .vehica-results__field { display: none !important; } vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(2), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(3), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(4), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(5), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(6), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(7) { display: block !important; } } @media (min-width: 1024px) { vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(8), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(9) { display: block !important; } } @media (min-width: 1200px) { vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(10), vehica-show-advanced-fields .vehica-results__fields .vehica-results__field:nth-child(11) { display: block !important; } } .vehica-results__field--relation_hide { display: none; } @media (max-width: 1023px) { .vehica-inventory-v1__row-grid { display: flex; flex-direction: row; flex-wrap: wrap; } .vehica-inventory-v1__row-grid .vehica-car-card-row { height: 100%; } } @media (max-width: 1023px) { .vehica-inventory-v1 .vs__actions .vs__clear { top: 5px; } } @media (min-width: 899px) { .vehica-inventory-v1--map .vehica-inventory-v1__map-form { display: flex; } } .vehica-inventory-v1--map .vehica-inventory-v1__middle { padding-top: 15px !important; padding-bottom: 15px !important; } @media (min-width: 1024px) { .vehica-inventory-v1--map .vehica-inventory-v1__middle { padding-top: 25px !important; padding-bottom: 25px !important; } } .vehica-inventory-v1--map .vehica-inventory-v1__form { width: 100%; } @media (min-width: 1024px) { .vehica-inventory-v1--map .vehica-inventory-v1__form { display: block; min-width: 640px; max-width: 640px; } } @media (min-width: 1200px) { .vehica-inventory-v1--map .vehica-inventory-v1__form { min-width: 800px; max-width: 800px; } } @media (min-width: 1400px) { .vehica-inventory-v1--map .vehica-inventory-v1__form { min-width: 880px; max-width: 880px; } } .vehica-inventory-v1--map .vehica-inventory-v1__map { position: relative; width: 100%; } .vehica-inventory-v1--map .vehica-inventory-v1__form__fields { background: #f2f5fb; border-bottom: 1px solid #e7e9ee; padding: 25px 24px; width: 100%; padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .vehica-inventory-v1--map .vehica-inventory-v1__form__fields { padding-left: 30px; padding-right: 30px; } } @media (min-width: 900px) { .vehica-inventory-v1--map .vehica-inventory-v1__form__fields { display: flex; justify-content: space-between; align-items: center; } } .vehica-inventory-v1--map .vehica-inventory-v1__form__fields > .vehica-results__field { margin: 0; width: 100%; } @media (min-width: 900px) { .vehica-inventory-v1--map .vehica-inventory-v1__form__fields > .vehica-results__field { width: 50%; } } .vehica-inventory-v1--map .vehica-inventory-v1__location-field-wrapper > .vehica-results__field { width: 100%; padding: 0; } @media (min-width: 900px) { .vehica-inventory-v1--map .vehica-inventory-v1__location-field-wrapper { width: 50%; max-width: 500px; } .vehica-inventory-v1--map .vehica-inventory-v1__location-field-wrapper > .vehica-results__field { margin-bottom: 0 !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .vehica-inventory-v1--map .vehica-inventory-v1__sort__heading { display: none; } } @media (min-width: 900px) { .vehica-inventory-v1--map .vehica-inventory-v1__view { margin-right: 15px; } } .vehica-inventory-v1--map .vehica-inventory-v1__sort { min-width: initial !important; } .vehica-inventory-v1--map .vehica-pagination--inventory { margin-top: 30px; margin-bottom: 50px; } .vehica-inventory-v1__map-more-filters-area { padding: 24px 24px 0; background: #f2f5fb; } .vehica-inventory-v1__map-keyword { width: 100%; position: relative; } .vehica-inventory-v1__map-keyword .vehica-inventory-v1__clear-keyword { right: 1px; } .vehica-inventory-v1__map-keyword input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .vehica-inventory-v1__map-keyword input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-inventory-v1__map-keyword input { font-size: 16px; } } .vehica-inventory-v1__bar--small { background: #f2f5fb; border-bottom: 1px solid #e7e9ee; padding: 0; } @media (min-width: 900px) { .vehica-inventory-v1__bar--small { padding: 0 15px; } } @media (min-width: 1200px) { .vehica-inventory-v1__bar--small { padding: 0 30px; } } .vehica-inventory-v1__bar--small .vehica-search-v1__tab { margin-right: 20px !important; } @media (min-width: 900px) { .vehica-inventory-v1__bar--small .vehica-search-v1__tab { margin-right: 30px !important; } } .vehica-inventory-v1__bar--small .vehica-search-v1__tab:first-child { margin-left: 15px; } @media (min-width: 900px) { .vehica-inventory-v1__bar--small .vehica-search-v1__tab:first-child { margin-left: 0; } } .vehica-inventory-v1__bar--small .vehica-search-v1__tab-button { padding-top: 25px !important; padding-bottom: 25px !important; font-size: 16px !important; line-height: 25px !important; margin-right: 0 !important; } .vehica-inventory-v1__bar--small .vehica-search-v1__tab:after { display: none !important; } .vehica-inventory-v1__form__fields__buttons { margin-left: auto; display: flex; padding-right: 6px; } .vehica-inventory-v1__button-option { font-size: 16px; line-height: 24px; white-space: nowrap; color: #2f3b48; font-weight: 600; margin-left: 30px; cursor: pointer; transition: color 0.2s ease; } .vehica-inventory-v1__button-option:hover { color: var(--primary); } .vehica-inventory-v1__button-option .fa-exchange-alt { margin-right: 4px; } @media (max-width: 899px) { .vehica-inventory-v1__button-option { margin-top: 5px; } .vehica-inventory-v1__button-option.vehica-inventory-v1__button-option--compare { margin-left: 0; } .vehica-inventory-v1__button-option.vehica-inventory-v1__button-option--more-filters { margin-left: auto !important; } } .vehica-inventory-v1__button-option--active { color: var(--primary); } @media (min-width: 900px) { .vehica-inventory-v1--map .vehica-inventory-v1__results__card { width: 50% !important; } } .vehica-inventory-v1--map__mobile-modes { padding: 0 15px 15px; } .vehica-inventory-v1--map__mobile-modes .vehica-button, .vehica-inventory-v1--map__mobile-modes #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-inventory-v1--map__mobile-modes .cn-button.bootstrap, .vehica-inventory-v1--map__mobile-modes .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-inventory-v1--map__mobile-modes button.button, .vehica-inventory-v1--map__mobile-modes .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-inventory-v1--map__mobile-modes button.button, .vehica-inventory-v1--map__mobile-modes .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-inventory-v1--map__mobile-modes input[type=submit], .vehica-inventory-v1--map__mobile-modes .wp-block-search .wp-block-search__button, .wp-block-search .vehica-inventory-v1--map__mobile-modes .wp-block-search__button { width: 100%; } @media (min-width: 900px) { .vehica-inventory-v1--map__mobile-modes { display: none; } } .vehica-inventory-v1__map .vehica-map__no-api-key { position: initial !important; } .vehica-inventory-v1__map .vehica-map__no-api-key:after { opacity: 0.1; height: 4000px !important; } @media (max-width: 899px) { .vehica-inventory-v1__map { display: none; height: 100vh; } } @media (min-width: 900px) { .vehica-inventory-v1__map .vehica-inventory-v1__map__inner { display: block; position: sticky; top: 0; } } @media (max-width: 899px) { .vehica-inventory-v1__map .vehica-inventory-v1__map__inner { margin-top: 0 !important; padding-top: 0 !important; } } @media (max-width: 899px) { .vehica-inventory-v1__form .vehica-inventory-v1__pagination, .vehica-inventory-v1__form .vehica-inventory-v1__2-cols { display: none; } .vehica-inventory-v1__form--active .vehica-inventory-v1__pagination, .vehica-inventory-v1__form--active .vehica-inventory-v1__2-cols { display: block; } .vehica-inventory-v1__map--active.vehica-inventory-v1__map { display: block; } } @media (min-width: 900px) { .vehica-html-map-sticky { overflow: initial; } } @media (max-width: 899px) { .vehica-inventory-v1__map--active .vehica-inventory-v1__map__inner { position: fixed; top: 0; left: 0; z-index: 999999999999999; width: 100%; height: 100vh; margin-top: 0 !important; padding-top: 0 !important; } } .vehica-inventory-v1__map--no-api-key { overflow-y: hidden !important; } .vehica-inventory-v1__map--no-api-key .vehica-map__no-api-key { background: #fff !important; } @media (max-width: 899px) { .vehica-inventory-v1__map-wrapper { height: 100vh !important; } } .vehica-inventory-v1__map__switch-map-to-lists { display: none; } @media (max-width: 899px) { .vehica-inventory-v1__map__switch-map-to-lists { display: block; position: fixed; width: 100%; text-align: center; padding: 0 15px; bottom: 15px; z-index: 100; } .vehica-inventory-v1__map__switch-map-to-lists .vehica-button, .vehica-inventory-v1__map__switch-map-to-lists #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-inventory-v1__map__switch-map-to-lists .cn-button.bootstrap, .vehica-inventory-v1__map__switch-map-to-lists .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-inventory-v1__map__switch-map-to-lists button.button, .vehica-inventory-v1__map__switch-map-to-lists .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-inventory-v1__map__switch-map-to-lists button.button, .vehica-inventory-v1__map__switch-map-to-lists .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-inventory-v1__map__switch-map-to-lists input[type=submit], .vehica-inventory-v1__map__switch-map-to-lists .wp-block-search .wp-block-search__button, .wp-block-search .vehica-inventory-v1__map__switch-map-to-lists .wp-block-search__button { width: 100%; } } .vehica-inventory-v1--map .vehica-results__fields .vehica-inventory-v1__map-keyword, .vehica-inventory-v1--map .vehica-results__fields .vehica-results__field { width: 100% !important; } @media (min-width: 600px) { .vehica-inventory-v1--map .vehica-results__fields .vehica-inventory-v1__map-keyword, .vehica-inventory-v1--map .vehica-results__fields .vehica-results__field { width: 50% !important; } } @media (min-width: 900px) { body:not(.vehica-menu-sticky) .vehica-inventory-v1__map__inner { padding-top: 0 !important; margin-top: 0 !important; } body:not(.vehica-menu-sticky) .vehica-inventory-v1__map__inner .vehica-inventory-v1__map-wrapper { height: 100vh !important; } } @media (max-width: 1023px) { .vehica-inventory-v1__map-more-filters-area .vehica-results__fields { display: block !important; } } .vehica-featured-v1 { height: auto !important; } .vehica-featured-v1:after { clear: both; content: ""; display: table; } @media (max-width: 899px) { .vehica-featured-v1 .vehica-featured-v1__vehicles { padding-left: 15px; padding-right: 15px; } } @media (min-width: 600px) { .vehica-featured-v1 .vehica-featured-v1__vehicles { display: flex; align-items: stretch; } } @media (min-width: 1025px) { .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card { display: flex; flex-direction: column; width: 50%; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__compare { background: #222732; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__compare .vehica-checkbox input + label { color: #fff !important; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__info-multiple-lines .vehica-car-card__info { margin-top: -10px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__info-multiple-lines .vehica-car-card__info__single { margin-top: 10px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__bottom { align-items: flex-end; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__bottom .vehica-car-card__price { width: auto; margin-left: auto; white-space: nowrap; text-align: right; line-height: 35px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image__icon:after { font-size: 70px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card { border-radius: 20px; position: relative; flex: 1; width: 100%; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image-bg { height: 100%; overflow: hidden; position: relative; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image { position: initial; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image img { min-width: 100%; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image__favorite { margin-left: 15px !important; margin-bottom: 6px !important; height: 40px; width: 40px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image__favorite i { font-size: 20px; line-height: 40px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__image-info { font-size: 20px; position: absolute; padding: 20px 40px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__inner { position: initial; height: 100%; display: flex; flex-direction: column; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__content { background: #222732; padding: 0 35px 30px 35px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__name { font-size: 22px; line-height: 28px; margin-bottom: 20px; margin-top: 30px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__name a { color: #fff; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__info { max-height: 35px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__info__single { font-size: 17px; margin-right: 20px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__info__single:first-child { line-height: 34px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__price { margin-bottom: 0; font-size: 28px; } .vehica-featured-v1 .vehica-featured-v1__vehicles .vehica-featured-v1__big-card .vehica-car-card__separator { margin-bottom: 20px; } } .vehica-featured-v1 .vehica-featured-v1__grid { flex: auto; display: flex; flex-wrap: wrap; } .vehica-featured-v1 .vehica-featured-v1__grid:after { clear: both; content: ""; display: table; } @media (min-width: 1025px) { .vehica-featured-v1 .vehica-featured-v1__grid { max-width: 50%; width: 100%; } } .vehica-featured-v1 .vehica-featured-v1__grid .vehica-car-card__info { max-height: 28px; overflow: hidden; } .vehica-featured-v1__footer { display: flex; flex-direction: column-reverse; padding: 0 15px; } @media (min-width: 600px) { .vehica-featured-v1__footer { margin: 30px 0 0 0; flex-direction: row; justify-content: space-between; } } @media (min-width: 900px) { .vehica-featured-v1__footer { padding: 0; } } @media (min-width: 1025px) { .vehica-featured-v1__footer { margin: 50px 0 0 0; } } .vehica-featured-v1__social { text-align: center; margin-top: 40px; } @media (min-width: 600px) { .vehica-featured-v1__social { margin-top: 0; display: flex; align-items: center; } } .vehica-featured-v1__social__label { font-size: 17px; font-weight: 500; margin-bottom: 19px; color: #99a1b2; } @media (min-width: 600px) { .vehica-featured-v1__social__label { margin-bottom: 0; margin-right: 30px; } } .vehica-featured-v1__social-icons { display: flex; align-items: center; justify-content: center; } .vehica-featured-v1__social-icon { width: 40px; height: 40px; line-height: 40px; margin-right: 12px; border-radius: 50%; color: #222732; background: #eff0f1; cursor: pointer; transition: all 0.2s ease; } @media (min-width: 1023px) { .vehica-featured-v1__social-icon:hover { background: #ebebeb; color: #000; } } .vehica-featured-v1__button { display: flex; } .vehica-featured-v1__button .vehica-button, .vehica-featured-v1__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-featured-v1__button .cn-button.bootstrap, .vehica-featured-v1__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-featured-v1__button button.button, .vehica-featured-v1__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-featured-v1__button button.button, .vehica-featured-v1__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-featured-v1__button input[type=submit], .vehica-featured-v1__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-featured-v1__button .wp-block-search__button { width: 100%; } @media (min-width: 600px) { .vehica-featured-v1__button .vehica-button, .vehica-featured-v1__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-featured-v1__button .cn-button.bootstrap, .vehica-featured-v1__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-featured-v1__button button.button, .vehica-featured-v1__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-featured-v1__button button.button, .vehica-featured-v1__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-featured-v1__button input[type=submit], .vehica-featured-v1__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-featured-v1__button .wp-block-search__button { width: initial; } } .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicle--2, .vehica-featured-v1__vehicle--3, .vehica-featured-v1__vehicle--4, .vehica-featured-v1__vehicle--5 { padding: 0 5px; } .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicle--2, .vehica-featured-v1__vehicle--3 { margin-bottom: 28px; } .vehica-featured-v1__vehicles { margin: 0 -11px; } .vehica-featured-v1__big-card { display: none; position: relative; overflow: hidden; } .vehica-featured-v1__vehicle { width: 100%; padding-left: 11px; padding-right: 11px; margin-bottom: 18px; } @media (min-width: 967px) { .vehica-featured-v1__vehicle { margin-bottom: 28px; } } .vehica-featured-v1__vehicle--4, .vehica-featured-v1__vehicle--5 { display: none; } @media (min-width: 600px) { .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicle--2, .vehica-featured-v1__vehicle--3, .vehica-featured-v1__vehicle--4 { display: block; width: 50%; } } @media (min-width: 901px) { .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicle--2, .vehica-featured-v1__vehicle--3 { width: 33.333%; } .vehica-featured-v1__vehicle--4 { display: none; } } @media (min-width: 1025px) { .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicle--2, .vehica-featured-v1__vehicle--3, .vehica-featured-v1__vehicle--4, .vehica-featured-v1__vehicle--5 { display: block; width: 50%; } .vehica-featured-v1__vehicle--1 { display: none; } .vehica-featured-v1__vehicle--4, .vehica-featured-v1__vehicle--5 { margin-bottom: 0; } .vehica-featured-v1__big-card { margin-left: 11px; margin-right: 11px; } } .vehica-featured-v1__tab-ghost { width: 1px; height: 20px; background: transparent; margin: 0 0 0 7px; padding: 0 1px; } @media (min-width: 767px) { .vehica-featured-v1__tab-ghost { display: none; } } @media (min-width: 1025px) { .vehica-featured-v1__vehicles--count-1 .vehica-featured-v1__grid, .vehica-featured-v1__vehicles--count-2 .vehica-featured-v1__grid, .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__grid, .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__grid { max-width: 100% !important; } .vehica-featured-v1__vehicles--count-1 .vehica-featured-v1__big-card, .vehica-featured-v1__vehicles--count-2 .vehica-featured-v1__big-card, .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__big-card, .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__big-card { display: none !important; } .vehica-featured-v1__vehicles--count-1 .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicles--count-2 .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__vehicle--1 { display: block !important; } } @media (min-width: 601px) { .vehica-featured-v1__vehicles--count-1 .vehica-featured-v1__vehicle { width: 50% !important; margin-bottom: 0px !important; } } .vehica-featured-v1__vehicles--count-2 .vehica-featured-v1__vehicle { width: 100% !important; } @media (min-width: 601px) { .vehica-featured-v1__vehicles--count-2 .vehica-featured-v1__vehicle { width: 50% !important; margin-bottom: 0px !important; } } .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle { width: 100%; } @media (min-width: 601px) { .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle--1, .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle--2 { width: 50%; } .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle--3 { display: none; } } @media (min-width: 901px) { .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle { width: 33.33% !important; margin-bottom: 0px !important; } .vehica-featured-v1__vehicles--count-3 .vehica-featured-v1__vehicle--3 { display: block; } } @media (min-width: 1023px) { .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__vehicle { width: 33.33% !important; margin-bottom: 0px !important; } .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__vehicle--4 { display: none; } } @media (min-width: 1201px) { .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__vehicle { width: 25% !important; } .vehica-featured-v1__vehicles--count-4 .vehica-featured-v1__vehicle--4 { display: block; } } .vehica-carousel-v1 { position: relative; margin: 30px 15px 0; } @media (min-width: 1200px) { .vehica-carousel-v1 { max-width: 1408px; margin-left: 0; margin-right: 0; } } .vehica-carousel-v1 .vehica-carousel-v1__slide { margin-right: 22px; } .vehica-carousel-v1 .vehica-carousel__swiper { overflow: hidden; } .vehica-carousel-v1 .vehica-swiper-wrapper { display: flex; } .vehica-carousel-v1 .vehica-swiper-slide { width: 100%; } @media (min-width: 700px) { .vehica-carousel-v1 .vehica-swiper-slide { width: calc(50% - 22px); } } @media (min-width: 1100px) { .vehica-carousel-v1 .vehica-swiper-slide { width: calc(33.3333333333% - 22px); } } @media (min-width: 1408px) { .vehica-carousel-v1 .vehica-swiper-slide { width: calc(25% - 22px); } } .vehica-carousel-v1 .vehica-car-card__inner { height: auto !important; } .vehica-carousel-v1 .vehica-carousel-v1__arrows { margin-top: 50px; margin-bottom: 38px; text-align: center; } .vehica-carousel-v1 .vehica-carousel-v1__arrows .vehica-carousel__arrow { margin: 0 10px; } @media (min-width: 768px) { .vehica-carousel-v1 .vehica-carousel-v1__arrows { margin-top: 0; margin-bottom: 0; text-align: left; position: absolute; bottom: -84px; } .vehica-carousel-v1 .vehica-carousel-v1__arrows .vehica-carousel__arrow { float: left; margin: 0; } .vehica-carousel-v1 .vehica-carousel-v1__arrows .vehica-carousel__arrow--right { margin-left: 8px; } } @media (min-width: 768px) { .vehica-carousel-v1 .vehica-car-card { margin-bottom: 20px; } } .vehica-carousel-v1__slide { width: 335px; } .vehica-carousel-v1-button { text-align: center; padding: 0 15px; width: auto; } @media (min-width: 600px) { .vehica-carousel-v1-button { margin-top: 48px; } } @media (min-width: 768px) { .vehica-carousel-v1-button { text-align: right; margin-top: 30px; } } @media (min-width: 1200px) { .vehica-carousel-v1-button { padding-right: 0; } } .vehica-carousel-v1__tab-ghost { width: 1px; height: 20px; background: transparent; margin: 0 0 0 7px; padding: 0 1px; } @media (min-width: 768px) { .vehica-carousel-v1__tab-ghost { display: none; } } .vehica-carousel-v1--cars-0 .vehica-carousel-v1__arrows { display: none !important; } .vehica-carousel-v1--cars-1 .vehica-swiper-slide { display: none; } .vehica-carousel-v1--cars-1 .vehica-swiper-slide:nth-child(1) { display: block; } .vehica-carousel-v1--cars-1 .vehica-carousel-v1__arrows { display: none !important; } .vehica-carousel-v1--cars-2 .vehica-swiper-slide { display: none; } .vehica-carousel-v1--cars-2 .vehica-swiper-slide:nth-child(1), .vehica-carousel-v1--cars-2 .vehica-swiper-slide:nth-child(2) { display: block; } @media (min-width: 601px) { .vehica-carousel-v1--cars-2 .vehica-carousel-v1__arrows { display: none !important; } } .vehica-carousel-v1--cars-3 .vehica-swiper-slide { display: none; } .vehica-carousel-v1--cars-3 .vehica-swiper-slide:nth-child(1), .vehica-carousel-v1--cars-3 .vehica-swiper-slide:nth-child(2), .vehica-carousel-v1--cars-3 .vehica-swiper-slide:nth-child(3) { display: block; } @media (min-width: 901px) { .vehica-carousel-v1--cars-3 .vehica-carousel-v1__arrows { display: none !important; } } .vehica-carousel-v1--cars-4 .vehica-swiper-slide { display: none; } .vehica-carousel-v1--cars-4 .vehica-swiper-slide:nth-child(1), .vehica-carousel-v1--cars-4 .vehica-swiper-slide:nth-child(2), .vehica-carousel-v1--cars-4 .vehica-swiper-slide:nth-child(3), .vehica-carousel-v1--cars-4 .vehica-swiper-slide:nth-child(4) { display: block; } @media (min-width: 1201px) { .vehica-carousel-v1--cars-4 .vehica-carousel-v1__arrows { display: none !important; } } @media (min-width: 1680px) { .vehica-car-tabs-carousel__arrows-outside .vehica-carousel-v1 .vehica-carousel__arrow { top: 50% !important; margin-top: -23px !important; width: 100% !important; } .vehica-car-tabs-carousel__arrows-outside .vehica-carousel-v1 .vehica-carousel__arrow .vehica-carousel__arrow--left { margin-left: -100px !important; } .vehica-car-tabs-carousel__arrows-outside .vehica-carousel-v1 .vehica-carousel__arrow .vehica-carousel__arrow--right { float: right !important; margin-right: -100px !important; } } .vehica-login-register-tabs-wrapper { background: #f2f5fb; } .vehica-login-register-tabs { display: flex; padding: 30px 15px; max-width: 400px; margin: 0 auto; width: 100%; } @media (max-width: 899px) { .vehica-login-register-tabs { padding-bottom: 0; } } .vehica-login-register-tabs .vehica-login-register-tabs__login, .vehica-login-register-tabs .vehica-login-register-tabs__register { width: 50%; font-size: 17px; font-weight: 600; color: #222732; line-height: 21px; padding: 22px 5px; text-align: center; background: #fff; border-radius: 10px; border: solid 1px #e7edf3; } .vehica-login-register-tabs .vehica-login-register-tabs__login { margin-right: 7px; } .vehica-login-register-tabs .vehica-active { border: solid 1px #e7edf3; background-color: rgba(231, 237, 243, 0.7); } .vehica-login-register-tabs .vehica-login-register-tabs__register { margin-left: 7px; } .vehica-panel-login-register { position: relative; display: flex; } .vehica-panel-login-register h2 { font-size: 30px; line-height: 38px; font-weight: 900; margin-bottom: 9px; } .vehica-panel-login-register h3 { font-size: 15px; line-height: 19px; font-weight: normal; margin-bottom: 20px; } .vehica-panel-login-register .vehica-login { background: #f2f5fb; padding: 0px 15px 50px 15px; text-align: center; width: 100%; } .vehica-panel-login-register .vehica-login .vehica-login__inner { width: 100%; max-width: 500px; margin: 0 auto; width: 100%; z-index: 2; } .vehica-panel-login-register .vehica-register { background: #f2f5fb; padding: 0px 15px 50px 15px; text-align: center; width: 100%; } .vehica-panel-login-register .vehica-register .vehica-register__inner { max-width: 500px; margin: 0 auto; width: 100%; } .vehica-panel-login-register__or { position: absolute; top: 250px; left: 50%; margin-left: -27px; width: 54px; height: 54px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; color: var(--primary); border-radius: 50%; font-size: 19px; text-align: center; line-height: 54px; display: none; } .vehica-login, .vehica-register { display: none; } .vehica-login.vehica-active, .vehica-register.vehica-active { display: flex; } .vehica-login .vehica-button--login, .vehica-login .vehica-button--register, .vehica-register .vehica-button--login, .vehica-register .vehica-button--register { width: 100%; } .vehica-login-register-info { padding: 15px 15px; background-color: var(--primary-light); text-align: center; font-size: 15px; line-height: 21px; font-weight: 600; color: var(--primary); border-radius: 10px; max-width: 400px; margin: 0 auto; z-index: 2; position: relative; border: 1px solid var(--primary); margin-top: 30px; margin-bottom: -30px; } .vehica-login-register-info:after { content: ""; display: block; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--primary-light); z-index: 4; } .vehica-login-register-info:before { content: ""; display: block; position: absolute; bottom: -11px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid var(--primary); z-index: 3; } .vehica-login-register-info a { text-decoration: underline; color: #058aff; } .vehica-login-register-info__inner { max-width: 1468px; margin: 0 auto; } .vehica-register-login-notice { margin: 0 0 20px 0 !important; border: 1px solid var(--primary) !important; background: var(--primary-light); color: var(--primary); font-size: 16px; line-height: 23px; padding: 15px !important; border-radius: 10px; text-align: center; min-height: 48px !important; } .vehica-register-submit-notice { margin: 0 0 6px 0 !important; border: 1px solid var(--primary) !important; background: var(--primary-light); color: var(--primary); font-size: 16px; line-height: 23px; padding: 12px !important; border-radius: 10px; text-align: center; min-height: 48px !important; position: relative; display: inline-block; } .vehica-register-submit-notice:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--primary); position: absolute; bottom: -10px; left: 0; right: 0; display: inline-block; margin: 0 auto; } .vehica-register-login-notice--resend-email { text-align: left; } .vehica-register-login-notice--resend-email a { display: inline-block; margin-top: 15px; margin-bottom: 5px; font-weight: 600; background: #fff; border: 1px solid #ddd; padding: 5px 15px; border-radius: 5px; color: var(--primary); } .vehica-register-login-notice--resend-email a i { margin-right: 10px; } @media (min-width: 1024px) { .vehica-login-register-page:after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; display: block; background: #f2f5fb; z-index: -1; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-login-register-tabs { display: none; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-panel-login-register h3 { margin-bottom: 40px; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-panel-login-register .vehica-login { display: flex; width: 50%; padding: 90px 90px 90px 30px; text-align: left; } .vehica-login-register-wide-container .vehica-panel-login-register .vehica-login .vehica-login__inner { width: 480px; margin-left: auto; } } @media (min-width: 1200px) { .vehica-login-register-wide-container .vehica-panel-login-register .vehica-login { padding: 90px 140px 90px 30px; min-height: 600px; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-panel-login-register .vehica-register { background: #fff; text-align: left; display: flex; width: 50%; padding: 90px 30px 90px 90px; } .vehica-login-register-wide-container .vehica-panel-login-register .vehica-register .vehica-register__inner { width: 480px; } } @media (min-width: 1200px) { .vehica-login-register-wide-container .vehica-panel-login-register .vehica-register { padding: 90px 30px 90px 140px; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-panel-login-register__or { display: block; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-login, .vehica-login-register-wide-container .vehica-register { display: flex; } } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-login .vehica-button--login, .vehica-login-register-wide-container .vehica-login .vehica-button--register, .vehica-login-register-wide-container .vehica-register .vehica-button--login, .vehica-login-register-wide-container .vehica-register .vehica-button--register { width: auto; } } .elementor-widget-vehica_login_v2_general_widget .vehica-login { display: block !important; } .elementor-widget-vehica_register_general_widget .vehica-register { display: block !important; } .vehica-reset-password:after { content: ""; position: absolute; right: -150%; top: 0; width: 300%; height: 100%; display: block; background: #f2f5fb; z-index: -1; } .vehica-reset-password input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; float: left; } .vehica-reset-password input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-reset-password input { font-size: 16px; } } .vehica-reset-password .vehica-reset-password__title { font-size: 30px; line-height: 38px; font-weight: 900; margin-bottom: 9px; text-align: center; } .vehica-reset-password .vehica-reset-password__subtitle { margin-bottom: 30px; text-align: center; } .vehica-reset-password .vehica-reset-password__inner { padding: 50px 15px; text-align: center; margin: 0 auto; max-width: 300px; } @media (min-width: 500px) { .vehica-reset-password .vehica-reset-password__inner { max-width: 477px; padding: 80px 30px 80px 30px; } } @media (min-width: 900px) { .vehica-reset-password .vehica-reset-password__inner { padding: 150px 30px 150px 30px; } } .vehica-reset-password .vehica-reset-password__field { max-width: 300px; margin: 0 auto; } .vehica-reset-password .vehica-reset-password__field:after { clear: both; content: ""; display: table; } .vehica-reset-password .vehica-reset-password__button { max-width: 300px; margin: 15px auto 0 auto; } .vehica-reset-password .vehica-reset-password__button:after { clear: both; content: ""; display: table; } .vehica-reset-password .vehica-reset-password__button .vehica-button, .vehica-reset-password .vehica-reset-password__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-reset-password .vehica-reset-password__button .cn-button.bootstrap, .vehica-reset-password .vehica-reset-password__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-reset-password .vehica-reset-password__button button.button, .vehica-reset-password .vehica-reset-password__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-reset-password .vehica-reset-password__button button.button, .vehica-reset-password .vehica-reset-password__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-reset-password .vehica-reset-password__button input[type=submit], .vehica-reset-password .vehica-reset-password__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-reset-password .vehica-reset-password__button .wp-block-search__button { width: 100%; } .vehica-reset-password .vehica-login-register-car { display: none !important; } .vehica-reset-password__form { max-width: 300px; margin: 0 auto; } .vehica-reset-password__back { font-size: 14px; text-align: center; padding-top: 50px; } .vehica-reset-password__back a { color: var(--primary); } .vehica-reset-password__back a:hover { text-decoration: underline; } .vehica-set-password { margin: 30px 0 30px 0; } .vehica-set-password:after { clear: both; content: ""; display: table; } .vehica-set-password .vehica-field--validation-required__tip { top: 58px; } .vehica-register input[type=text], .vehica-login input[type=text], .vehica-register input[type=password], .vehica-login input[type=password] { border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; height: 53px; line-height: 53px; padding: 0 27px; font-size: 15px; color: #2f3b48; width: 100%; } .vehica-register input[type=text]::placeholder, .vehica-login input[type=text]::placeholder, .vehica-register input[type=password]::placeholder, .vehica-login input[type=password]::placeholder { font-size: 15px; color: #2f3b48; } .vehica-register .vehica-field, .vehica-login .vehica-field { margin-bottom: 12px; } .vehica-login .vehica-fields { margin-bottom: 15px; } .vehica-login .vehica-login__below-fields { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; margin-bottom: 30px; } .vehica-login .vehica-login__forgotten-password a { font-size: 15px; color: #2f3b48; text-decoration: underline; } @media (min-width: 1023px) { .vehica-login .vehica-login__forgotten-password a:hover { color: var(--primary); } } .vehica-login .vehica-login__remember { color: #2f3b48; display: flex; align-items: center; } .vehica-login .vehica-login__remember .vehica-checkbox { font-size: 15px; font-weight: 600; color: #2f3b48; margin: 0; } .vehica-login .vehica-login__remember label { font-size: 15px; color: #2f3b48 !important; } .vehica-login .vehica-login__remember input { margin-right: 9px; border: solid 1px #e7e9ee; background: #fff; } .vehica-register .vehica-fields { margin-bottom: 15px; } .vehica-register .vehica-register__select-user-role { display: flex; margin-top: 30px; margin-bottom: 30px; } .vehica-register .vehica-register__user-role { display: flex; align-items: center; color: #2f3b48; } @media (min-width: 900px) { .vehica-register .vehica-register__user-role { margin-left: 20px; } } @media (min-width: 1100px) { .vehica-register .vehica-register__user-role { margin-left: 70px; } } .vehica-register .vehica-register__user-role input { margin-right: 20px; border: solid 1px #d5d8e0; background: #fff; } .vehica-register .vehica-register__user-role .vehica-radio input + label { color: #2f3b48 !important; font-size: 15px; font-weight: 600; } .vehica-register .vehica-register__user-role:first-child { margin-left: 0; } @media (max-width: 899px) { .vehica-register .vehica-register__user-role:first-child { padding: 11px 0; margin-right: 30px; } } .vehica-register .vehica-register__terms { display: flex; align-items: center; color: #2f3b48; margin-top: 30px; } .vehica-register .vehica-register__terms .vehica-checkbox { font-size: 15px; font-weight: 600; margin: 0 0 30px 0; } .vehica-register .vehica-register__terms .vehica-checkbox label { font-size: 15px; color: #2f3b48; } .vehica-register .vehica-register__terms .vehica-checkbox a { text-decoration: underline; color: var(--primary); } .vehica-register .vehica-register__terms .vehica-checkbox:hover label { color: #2f3b48 !important; } .vehica-register .vehica-register__terms input { margin-right: 9px; border: solid 1px #e7e9ee; background: #fff; } @media (max-width: 899px) { .vehica-panel-login-register { background: #f2f5fb; min-height: 392px !important; } } .vehica-panel-account { margin-top: 32px; border-radius: 20px; background-color: #f2f5fb; overflow: hidden; } .vehica-panel-account input, .vehica-panel-account .v-select:not(.vs-open) .vs__selected { color: #222732; font-weight: 700; } .vehica-panel-account__inner { padding: 45px 15px 50px; } @media (min-width: 768px) { .vehica-panel-account__inner { padding: 45px 85px 75px 85px; } } .vehica-panel-account__title { color: #222732; font-size: 18px; font-weight: bold; line-height: 23px; margin-bottom: 34px; } .vehica-panel-account__delete { color: var(--primary); cursor: pointer; font-size: 18px; font-weight: 500; line-height: 23px; margin-top: 40px; display: inline-block; } @media (max-width: 899px) { .vehica-panel-account__delete { text-align: center; } } .vehica-panel-account__image-wrapper { background-color: rgba(226, 230, 238, 0.5); text-align: center; padding-top: 30px; padding-bottom: 30px; } @media (min-width: 900px) { .vehica-panel-account__image-wrapper { min-width: 357px; padding-top: 47px; } } .vehica-panel-account__selected-image { position: relative; z-index: 100; height: 182px; } .vehica-panel-account__selected-image img { width: 100%; height: 100%; object-fit: cover; } .vehica-panel-account__image-label { margin-top: 27px; font-size: 17px; font-weight: normal; line-height: 21px; color: #99a1b2; cursor: pointer; display: block; } @media (min-width: 1023px) { .vehica-panel-account__image-label:hover { color: var(--primary); } } .vehica-panel-account__image { margin-top: 32px; display: inline-block; border-radius: 10px; border: none; background-color: rgba(153, 161, 178, 0.16); width: 187px; height: 182px; position: relative; cursor: pointer; overflow: hidden; } .vehica-panel-account__image::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/user-placeholder.png); background-size: cover; z-index: 0; } @media (min-width: 900px) { .vehica-panel-account__image { margin-top: 0; } } .vehica-panel-account__image--selected { cursor: auto; } @media (min-width: 900px) { .vehica-panel-account__details-wrapper { display: flex; justify-content: space-between; } } .vehica-panel-account__details { max-width: 1100px; } .vehica-panel-account__button-save { margin-top: 32px; } @media (max-width: 899px) { .vehica-panel-account__button-save { margin-top: 10px; width: 100%; } .vehica-panel-account__button-save .vehica-button, .vehica-panel-account__button-save #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-panel-account__button-save .cn-button.bootstrap, .vehica-panel-account__button-save .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-panel-account__button-save button.button, .vehica-panel-account__button-save .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-panel-account__button-save button.button, .vehica-panel-account__button-save .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-panel-account__button-save input[type=submit], .vehica-panel-account__button-save .wp-block-search .wp-block-search__button, .wp-block-search .vehica-panel-account__button-save .wp-block-search__button { width: 100%; } } .vehica-panel-account__social { max-width: 881px; } .vehica-panel-account__change-password { max-width: 881px; } .vehica-panel-account__change-password__space { width: 100%; } .vehica-panel-account__button { display: inline-block; border: 0; border-radius: 10px; padding: 0 72px; background-color: var(--primary); color: #fff; font-size: 17px; font-weight: 600; height: 53px; line-height: 53px; } .vehica-panel-account-field { margin-bottom: 22px; } @media (min-width: 900px) { .vehica-panel-account-field { padding-right: 14px; } } .vehica-panel-account-field textarea { font-size: 16px; line-height: 27px; padding-top: 30px; padding-bottom: 0; height: 200px; } .vehica-panel-account-field--email input#vehica-email { font-weight: 600 !important; background: #f4f4f4; cursor: initial; border: 1px solid #ddd; box-shadow: none; } .vehica-panel-account-field__label { font-size: 16px; font-weight: 500; color: #222732; margin-bottom: 12px; display: inline-block; } .vehica-panel-account-field__text-control { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .vehica-panel-account-field__text-control::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-panel-account-field__text-control { font-size: 16px; } } .vehica-panel-account-field__text-control--social { padding-left: 60px; } .vehica-panel-account-field__twitter { position: relative; } .vehica-panel-account-field__twitter::before { position: absolute; left: 24px; top: 9px; font-family: "Font Awesome 5 Brands"; content: "\f099"; color: var(--primary); font-size: 20px; } .vehica-panel-account-field__linkedin { position: relative; } .vehica-panel-account-field__linkedin::before { position: absolute; left: 24px; top: 9px; font-family: "Font Awesome 5 Brands"; content: "\f0e1"; color: var(--primary); font-size: 20px; } .vehica-panel-account-field__facebook { position: relative; } .vehica-panel-account-field__facebook::before { position: absolute; left: 24px; top: 9px; font-family: "Font Awesome 5 Brands"; content: "\f39e"; color: var(--primary); font-size: 20px; } .vehica-panel-account-field__instagram { position: relative; } .vehica-panel-account-field__instagram::before { position: absolute; left: 24px; top: 9px; font-family: "Font Awesome 5 Brands"; content: "\f16d"; color: var(--primary); font-size: 20px; } .vehica-panel-account-field--location-google input[type=text] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; width: 100%; } .vehica-panel-account-field--location-google input[type=text]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-panel-account-field--location-google input[type=text] { font-size: 16px; } } .vehica-panel-account-field--location-google #vehica-user-map { height: 400px; } .vehica-panel-card { position: relative; border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; margin-bottom: 20px; padding: 20px 15px 30px; } .vehica-panel-card:after { clear: both; content: ""; display: table; } .vehica-panel-card .vehica-panel-card__image { border-radius: 20px; overflow: hidden; position: absolute; top: 20px; left: 30px; background: #eff3fa; min-width: 300px; width: 300px; height: 200px; margin-bottom: 0; margin-right: 25px; } .vehica-panel-card .vehica-panel-card__image img { object-fit: cover; width: 100%; height: 100%; transition: all 0.2s ease; } @media (min-width: 1023px) { .vehica-panel-card .vehica-panel-card__image img:hover { opacity: 0.9; } } .vehica-panel-card .vehica-panel-card__image .vehica-panel-card__image-no-photo:after { content: "\f03e"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; width: 50px; height: 50px; font-size: 40px; text-align: center; opacity: 0.5; line-height: 50px; position: absolute; top: 50%; margin: -25px auto 0 auto; left: 0; right: 0; } @media (max-width: 767px) { .vehica-panel-card .vehica-panel-card__image { position: relative; overflow: hidden; top: 0; left: 0; margin: 0 0 20px 0; width: 100%; max-width: 100%; min-width: 100%; float: left; height: 182px; } } .vehica-panel-card .vehica-panel-card__details { padding-left: 360px; padding-right: 30px; width: 100%; } @media (max-width: 767px) { .vehica-panel-card .vehica-panel-card__details { padding-left: 0; padding-right: 0; } } .vehica-panel-card .vehica-panel-card__title { width: 100%; margin-bottom: 16px; font-size: 24px; line-height: 30px; font-weight: bold; color: #222732; text-align: left; position: relative; } @media (max-width: 767px) { .vehica-panel-card .vehica-panel-card__title { margin-top: 30px; } } .vehica-panel-card .vehica-panel-card__title a { color: #222732; display: inline-block; } .vehica-panel-card .vehica-panel-card__title a:hover { color: var(--primary); } .vehica-panel-card .vehica-panel-card__stats { border-radius: 10px; background-color: #f2f5fb; font-size: 15px; color: #99a1b2; margin-bottom: 16px; } .vehica-panel-card .vehica-panel-card__stats i { margin-right: 5px; color: var(--primary); } .vehica-panel-card .vehica-panel-card__stats strong { color: #2f3b48; margin-right: 4px; } @media (max-width: 767px) { .vehica-panel-card .vehica-panel-card__stats { margin: 10px auto 20px auto; padding: 20px 20px; } } @media (min-width: 768px) { .vehica-panel-card .vehica-panel-card__stats { display: inline-flex; align-items: center; flex-direction: row; flex-wrap: wrap; padding: 11px 20px; } } .vehica-panel-card .vehica-panel-card__stat i { color: var(--primary); } @media (max-width: 767px) { .vehica-panel-card .vehica-panel-card__stat { margin: 0 auto 0 auto; } } @media (min-width: 768px) { .vehica-panel-card .vehica-panel-card__stat { margin-right: 20px; } .vehica-panel-card .vehica-panel-card__stat:last-child { margin-right: 0; } } .vehica-panel-card .vehica-panel-card__actions { font-size: 17px; font-weight: 500; color: #99a1b2; } @media (max-width: 767px) { .vehica-panel-card .vehica-panel-card__actions { margin: 0 0 10px 0; } } .vehica-panel-card .vehica-panel-card__action { color: #99a1b2; font-size: 17px; line-height: 1; font-weight: 500; cursor: pointer; display: inline-block; margin-top: 10px; } .vehica-panel-card .vehica-panel-card__action i { opacity: 0.5; margin-right: 4px; } .vehica-panel-card .vehica-panel-card__action a { color: #99a1b2 !important; transition: all 0.2s ease; } .vehica-panel-card .vehica-panel-card__action a:hover { color: var(--primary) !important; } .vehica-panel-card .vehica-panel-card__action a i { opacity: 1; } .vehica-panel-card .vehica-panel-card__action .vehica-panel-card__action__del { transition: all 0.2s ease; } .vehica-panel-card .vehica-panel-card__action .vehica-panel-card__action__del:hover { color: var(--primary); } .vehica-panel-card .vehica-panel-card__action .vehica-panel-card__action__del:hover i { opacity: 1; } .vehica-panel-card .vehica-panel-card__action:after { content: ""; margin: 0 10px; display: inline-block; } .vehica-panel-card__top { margin-bottom: 12px; } @media (min-width: 768px) { .vehica-panel-card__top { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } } .vehica-panel-card__user { font-size: 15px; line-height: 30px; font-weight: bold; margin-right: 20px; margin-bottom: 8px; } .vehica-panel-card__user:after { clear: both; content: ""; display: table; } .vehica-panel-card__user img { width: 25px; height: 25px; border-radius: 50%; margin-right: 4px; } .vehica-panel-card__user i { position: relative; top: 1px; margin-right: 4px; color: var(--primary); } .vehica-panel-card__user span { display: inline-block; } .vehica-panel-card__user a:hover { color: var(--primary); } .vehica-panel-card__dates { font-size: 15px; margin-bottom: 8px; } .vehica-panel-card__dates i { position: relative; top: -1px; margin-right: 4px; color: var(--primary); } .vehica-panel-card__dates__label { font-weight: 700; } .vehica-panel-card__date-total { display: inline-block; margin-right: 20px; } .vehica-panel-card__date-featured-expired { display: inline-block; } .vehica-panel-card__price { font-size: 24px; line-height: 24px; font-weight: 800; margin-bottom: 6px; color: var(--primary); white-space: nowrap; } .vehica-panel-card__status { display: inline-block; border-radius: 5px; float: left; padding: 0px 8px; margin-right: 8px; font-size: 14px; position: relative; line-height: 23px; top: 4px; } .vehica-panel-card__status--active { background: green; color: #fff; } .vehica-panel-card__status--draft { background: grey; color: #fff; } .vehica-panel-card__status--pending { background: orange; color: #fff; } @media (max-width: 767px) { .vehica-panel-card__view-button .vehica-button, .vehica-panel-card__view-button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-panel-card__view-button .cn-button.bootstrap, .vehica-panel-card__view-button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-panel-card__view-button button.button, .vehica-panel-card__view-button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-panel-card__view-button button.button, .vehica-panel-card__view-button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-panel-card__view-button input[type=submit], .vehica-panel-card__view-button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-panel-card__view-button .wp-block-search__button { width: 100%; margin-top: 10px; } } @media (min-width: 768px) { .vehica-panel-card__view-button { position: absolute; bottom: 20px; right: 30px; } } .vehica-panel-card__features { margin-bottom: 20px; } .vehica-panel-card__feature { display: inline-block; font-size: 15px; line-height: 22px; font-weight: 500; opacity: 0.5; } .vehica-panel-card__feature:last-child .vehica-panel-card__feature__comma { display: none; } .vehica-panel-list .vehica-panel-list__elements { background: #eff3fa; border-radius: 20px; margin-top: 50px; padding: 42px 34px; } @media (max-width: 899px) { .vehica-panel-list .vehica-panel-list__elements { padding: 15px; } } .vehica-panel-list .vehica-panel-list__keyword { max-height: 43px; position: relative; top: -5px; } .vehica-panel-list .vehica-panel-list__keyword input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; padding-right: 40px; } .vehica-panel-list .vehica-panel-list__keyword input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-panel-list .vehica-panel-list__keyword input { font-size: 16px; } } .vehica-panel-list .vehica-panel-list__keyword i { color: black; position: absolute; top: 18px; right: 19px; font-size: 17px; } .vehica-panel-list-no-found { color: #222732; font-size: 30px; line-height: 38px; font-weight: 900; margin: 50px 30px; text-align: center; } .vehica-panel-list-no-found__highlight { color: var(--primary); } .vehica-panel-list__top { margin-top: 30px; } @media (min-width: 900px) { .vehica-panel-list__top { margin-top: 50px; display: flex; justify-content: space-between; } } .vehica-panel-list__statuses-wrapper { display: flex; } @media (max-width: 899px) { .vehica-panel-list__statuses-wrapper { margin-bottom: 20px; justify-content: flex-end; overflow: hidden; width: 100%; } } .vehica-panel-list__statuses { display: flex; padding: 0; justify-content: flex-start; max-width: 100%; margin-left: 20px; } @media (max-width: 899px) { .vehica-panel-list__statuses { margin: 0 auto; } } .vehica-panel-list__status { display: flex; font-size: 18px; font-weight: bold; margin-left: 36px; color: #222732; padding-bottom: 10px; border-bottom: 2px solid transparent; } .vehica-panel-list__status:hover { color: var(--primary); } .vehica-panel-list__status:first-child { margin-left: 0; } .vehica-panel-list__status span { margin-left: 4px; } .vehica-panel-list__status.vehica-panel-list__status--active { font-weight: bold; border-bottom-color: var(--primary); } .vehica-panel-list__status.vehica-panel-list__status--active span { color: var(--primary); } .vehica-panel-list__status.vehica-panel-list__status--active:hover { color: #222732; } .vehica-panel-pagination { margin-top: 55px; justify-content: center; display: none; } @media (min-width: 900px) { .vehica-panel-pagination { display: flex; } } .vehica-panel-pagination .vehica-panel-pagination__element { display: block; font-size: 22px; line-height: 55px; font-weight: bold; color: #2f3b48; width: 55px; height: 55px; text-align: center; } .vehica-panel-pagination .vehica-panel-pagination__element.vehica-panel-pagination__element--arrow { box-shadow: 0 3px 40px 0 #dbe0e8; background: #fff; border-radius: 50%; font-size: 15px; z-index: 3; } .vehica-panel-pagination .vehica-panel-pagination__element.vehica-panel-pagination__element--active { color: var(--primary); position: relative; } .vehica-panel-pagination .vehica-panel-pagination__element.vehica-panel-pagination__element--active:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; z-index: 1; } .vehica-panel-pagination .vehica-panel-pagination__element.vehica-panel-pagination__element--active:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--primary-light); border-radius: 50%; z-index: 2; } .vehica-panel-pagination .vehica-panel-pagination__element.vehica-panel-pagination__element--active span { position: relative; z-index: 3; } .vehica-panel-submenu { margin-top: 45px; display: flex; } .vehica-panel-submenu__item { display: block; color: #222732; font-size: 18px; line-height: 23px; font-weight: bold; padding-bottom: 13px; border-bottom: 1px solid transparent; margin-right: 25px; } .vehica-panel-submenu__item:last-child { margin-right: 0; } .vehica-panel-submenu__item:hover { color: var(--primary); } @media (min-width: 900px) { .vehica-panel-submenu__item { margin-right: 65px; } } .vehica-panel-submenu__item--active { color: var(--primary); border-bottom-color: var(--primary); } .vehica-panel-submenu__item--active:hover { border-bottom-color: var(--primary); } .vehica-panel-menu-desktop { background-color: #f2f5fb; display: none; } @media (min-width: 1200px) { .vehica-panel-menu-desktop { display: block; } } .vehica-panel-menu-desktop__inner { padding-top: 50px; padding-bottom: 50px; display: flex; text-align: center; justify-content: space-between; align-items: center; } .vehica-panel-menu-desktop__navbar { display: flex; align-items: center; justify-content: right; } .vehica-panel-menu-desktop__button { display: inline-block; white-space: nowrap; border-radius: 10px; border: solid 1px #e7edf3; background-color: rgba(255, 255, 255, 0.7); padding: 0 20px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; color: #222732; margin-left: 16px; transition: all 0.2s ease; position: relative; cursor: pointer; } .vehica-panel-menu-desktop__button:hover { border-color: var(--primary); } .vehica-panel-menu-desktop__button:hover span { z-index: 3; position: relative; } .vehica-panel-menu-desktop__button:hover:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-color: var(--primary-light); z-index: 2; } .vehica-panel-menu-desktop__button:hover:after { content: ""; display: block; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 1; } .vehica-panel-menu-desktop__button.vehica-panel-menu-desktop__button--active { border-color: var(--primary); color: var(--primary); position: relative; } .vehica-panel-menu-desktop__button.vehica-panel-menu-desktop__button--active span { z-index: 3; position: relative; } .vehica-panel-menu-desktop__button.vehica-panel-menu-desktop__button--active:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-color: var(--primary-light); z-index: 2; } .vehica-panel-menu-desktop__button.vehica-panel-menu-desktop__button--active:after { content: ""; display: block; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 1; } .vehica-panel-menu-desktop__title { color: #222732; font-size: 30px; line-height: 38px; font-weight: 900; margin-bottom: 0; } .vehica-panel-menu-desktop__avatar { display: inline-block; width: 68px; height: 68px; position: relative; margin-left: 28px; } .vehica-panel-menu-desktop__avatar__image { display: block; width: 68px; height: 68px; border-radius: 50%; background: center center/cover; background-color: #fff; } .vehica-panel-menu-desktop__avatar__image--placeholder:after { border-radius: 50%; display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/user-placeholder.png); background-size: cover; z-index: 0; } .vehica-panel-menu-desktop__avatar__icon { display: block; } .vehica-panel-menu-desktop__avatar__icon i { position: absolute; bottom: 0; left: 0; width: 23px; height: 23px; line-height: 23px; text-align: center; border-radius: 50%; background: var(--primary); color: #fff; font-size: 12px; transition: all 0.2s ease; } .vehica-panel-menu-desktop__avatar__icon:hover i { transform: scale(1.5); } .vehica-panel-menu-mobile { background-color: #f2f5fb; display: block; } @media (min-width: 1200px) { .vehica-panel-menu-mobile { display: none; } } .vehica-panel-menu-mobile__inner { padding-top: 30px; padding-bottom: 30px; } .vehica-panel-menu-mobile__avatar { width: 144px; height: 144px; margin: 0 auto 37px auto; text-align: center; position: relative; } .vehica-panel-menu-mobile__avatar:before { border-radius: 50%; display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/user-placeholder.png); background-size: cover; z-index: 0; } .vehica-panel-menu-mobile__avatar__image { display: block; width: 144px; height: 144px; border: 9px solid #fff; border-radius: 50%; background: center center/cover; background-color: #fff; position: relative; } .vehica-panel-menu-mobile__avatar__image { display: block; } .vehica-panel-menu-mobile__avatar__icon { display: block; } .vehica-panel-menu-mobile__avatar__icon i { position: absolute; z-index: 1; bottom: 0; left: 0; width: 54px; height: 54px; line-height: 54px; text-align: center; border-radius: 50%; background: var(--primary); color: #fff; font-size: 27px; transition: all 0.3s ease; } .vehica-panel-menu-mobile__navbar { display: flex; justify-content: flex-end; overflow: hidden; width: 100%; margin-left: 15px; } .vehica-panel-menu-mobile__navbar__inner { display: flex; padding: 0; cursor: grab; justify-content: flex-start; max-width: 100%; margin: 0 auto; overflow: hidden; overflow-x: auto; } .vehica-panel-menu-mobile__button { white-space: nowrap; border-radius: 10px; border: solid 1px #e7edf3; background-color: rgba(255, 255, 255, 0.7); padding: 0 30px; height: 64px; line-height: 64px; margin-right: 14px; text-align: center; font-size: 17px; font-weight: 600; color: #222732; } .vehica-panel-menu-mobile__button.vehica-panel-menu-mobile__button--active { border-color: var(--primary); background-color: var(--primary-light); color: var(--primary); } .vehica-car-form__section--attachment .dz-image img { height: 50px !important; width: 50px !important; left: 0; right: 0; margin: -25px auto 0; top: 50% !important; position: absolute !important; } .vehica-car-form { width: 100%; max-width: 1120px; margin: 0 auto; padding: 50px 0 0 0; } .vehica-car-form .v-select:not(.vs-open) .vs__selected, .vehica-car-form input { font-weight: 600 !important; } .vehica-car-form__inner { padding: 0 15px; } @media (min-width: 900px) { .vehica-car-form__inner { padding: 0 30px; } } .vehica-has-error .vehica-car-form__field, .vehica-has-error .v-select:not(.vs-open) .vs__dropdown-toggle { border-color: red; } .vehica-has-error.vehica-car-form__section { border-color: red; } .vehica-has-error .wp-editor-container { border-color: red !important; } .vehica-car-form-field__description { padding: 0 !important; } .vehica-car-form__section { border-radius: 20px; background-color: #f2f5fb; margin-bottom: 50px; margin-top: 20px; padding: 30px 15px 30px 15px; border: 1px solid #f2f5fb; } @media (min-width: 900px) { .vehica-car-form__section { margin-top: 30px; padding: 45px 50px; } } .vehica-car-form__section--edit-car, .vehica-car-form__section--create-car { margin-top: 0; } .vehica-car-form__section-title { color: #222732; font-size: 30px; font-weight: 900; line-height: 38px; text-align: center; margin-bottom: 20px; } @media (min-width: 900px) { .vehica-car-form__section-title { margin-bottom: 30px; text-align: left; } } .vehica-car-form__section__info-box { border-radius: 10px; border: 1px solid #058aff; background-color: #e9f5ff; padding: 25px; text-align: center; margin-bottom: 30px; font-size: 17px; line-height: 21px; font-weight: 600; color: #058aff; } .vehica-car-form__section__info-box a { text-decoration: underline; color: #058aff; } .vehica-car-form__section__info-box__inner { margin: 0 auto; max-width: 500px; } @media (max-width: 420px) { .vehica-car-form__section__info-box__inner { max-width: 200px; } } @media (min-width: 900px) { .vehica-car-form__section--bottom { display: flex; position: relative; } } .vehica-car-form__save-submit { width: 100%; justify-content: space-between; margin-bottom: 40px; } .vehica-car-form__save-submit:after { clear: both; content: ""; display: table; } .vehica-car-form__save-submit .vehica-button, .vehica-car-form__save-submit #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-car-form__save-submit .cn-button.bootstrap, .vehica-car-form__save-submit .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-car-form__save-submit button.button, .vehica-car-form__save-submit .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-car-form__save-submit button.button, .vehica-car-form__save-submit .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-car-form__save-submit input[type=submit], .vehica-car-form__save-submit .wp-block-search .wp-block-search__button, .wp-block-search .vehica-car-form__save-submit .wp-block-search__button { float: right; } .vehica-car-form__save-submit__admin-buttons { float: left; width: 50%; display: none; } .vehica-car-form__save-submit__admin-buttons .vehica-button--approve { background: green; } .vehica-car-form__save-submit__admin-buttons .vehica-button--decline { color: #fff; background: #000; margin-left: 10px; } .vehica-car-form__save-submit__save-changes { width: 100%; flex-grow: 1; text-align: right; } .vehica-car-form__grid { display: flex; flex-wrap: wrap; width: 100%; } .vehica-car-form__grid-wrapper { margin: 0 -6px; } .vehica-car-form__grid-element { padding: 0 6px; margin-bottom: 23px; width: 100%; } @media (min-width: 600px) { .vehica-car-form__grid-element { width: 50%; margin-bottom: 27px; } } @media (min-width: 1024px) { .vehica-car-form__grid-element { width: 33.333%; } } @media (min-width: 600px) { .vehica-car-form__grid-element--2of3 { width: 100%; margin-bottom: 27px; } } @media (min-width: 1024px) { .vehica-car-form__grid-element--2of3 { width: 66.666%; } } .vehica-car-form__field-select-single.vehica-car-form__field-select-single--active .vs__actions .vs__clear { fill: var(--primary) !important; position: absolute; background: #fff; padding: 8px 13px; display: block !important; z-index: 5; top: 3px; right: 5px; } .vehica-car-form__grid-element--row { width: 100%; } @media (max-width: 1023px) { .vehica-car-form__grid-element--row .vehica-number-range-v2__1of2 { width: 100%; } .vehica-car-form__grid-element--row .vehica-number-range-v2__1of2--right { margin: 27px 0 0; padding-left: 0; } } .vehica-car-form__heading { color: #222732; font-size: 30px; font-weight: 900; line-height: 38px; text-align: center; margin-bottom: 30px; } @media (min-width: 900px) { .vehica-car-form__heading { text-align: left; } } .vehica-car-form__section-title--required:after { content: " *"; color: var(--primary); } .vehica-car-form__field-wrapper { position: relative; } .vehica-car-form__field-wrapper input::-webkit-outer-spin-button, .vehica-car-form__field-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .vehica-car-form__field-wrapper input[type=number] { -moz-appearance: textfield; } .vehica-car-form__field { border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background-color: #fff; font-size: 16px; font-weight: 500; color: #222732; height: 53px; padding: 17px; width: 100%; position: relative; } .vehica-car-form__field-units { font-size: 16px; font-weight: 500; color: #99a1b2; position: absolute; right: 22px; top: 50%; margin-top: -14px; } .vehica-car-form__label { display: inline-block; font-size: 16px; line-height: 20px; font-weight: 600; color: #222732; margin-bottom: 12px; } .vehica-car-form__label--required:after { content: "*"; color: var(--primary); } .vehica-car-form__embed-wrapper { margin: 20px 0 0; } .vehica-car-form__field-wrapper--embed:before { position: absolute; content: "\f03d"; font-weight: 900; font-family: "Font Awesome 5 Free"; left: 17px; top: 14px; z-index: 10000; font-size: 16px; color: var(--primary); } .vehica-car-form__field-wrapper--embed input { padding-left: 44px; } .vehica-car-form__embed { margin-top: 20px; margin-bottom: -23px !important; } @media (min-width: 600px) { .vehica-car-form__embed { margin-bottom: -27px !important; } } .vehica-car-form__embed a { text-decoration: underline; color: var(--primary); } .vehica-car-form__embed iframe { float: left; min-height: 400px; } @media (min-width: 500px) { .vehica-car-form__embed iframe { min-height: 450px; } } @media (min-width: 900px) { .vehica-car-form__embed iframe { min-height: 550px; } } .vehica-car-form__embed:after { clear: both; content: ""; display: table; } .vehica-car-form__section--gallery { padding: 0; position: relative; overflow: hidden; } .vehica-car-form__section--gallery .vue-dropzone { display: flex; flex-wrap: wrap; border: 0; padding: 30px 15px 80px 15px; background-color: #f2f5fb; } @media (min-width: 900px) { .vehica-car-form__section--gallery .vue-dropzone { padding: 30px 43px 80px 43px; } } .vehica-car-form__section--gallery .vue-dropzone .dz-default.dz-message { transition: all 0.2s ease; } .vehica-car-form__section--gallery .vue-dropzone:hover { background-color: #f2f5fb; } .vehica-car-form__section--gallery .vue-dropzone:hover .dz-default.dz-message { color: var(--primary); } .vehica-car-form__section--gallery .vue-dropzone .dz-preview.dz-image-preview { background: transparent !important; } .vehica-car-form__section--gallery .vue-dropzone .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 10px; left: 50%; top: 50%; margin-top: -4px; width: 100px; margin-left: -50px; background: #fff; -webkit-transform: scale(1); border-radius: 4px; overflow: hidden; } .vehica-car-form__section--gallery .vue-dropzone .dz-progress .dz-upload { background-color: var(--primary) !important; } .vehica-car-form__section--gallery .vue-dropzone .dz-error .dz-error-message { opacity: 1 !important; position: absolute; top: 0 !important; height: 100%; width: 100%; padding: 15px; display: flex !important; vertical-align: middle !important; left: 0; margin: 0; display: flex; align-items: center; font-size: 13px; line-height: 16px; } .vehica-car-form__section--gallery .vue-dropzone .dz-error .dz-error-message span { display: block; text-align: center; width: 100%; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview { position: relative; height: 120px; width: 44%; margin: 0 7px 14px 7px; border-radius: 10px; overflow: hidden; } @media (min-width: 360px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 45.3%; } } @media (min-width: 400px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { height: 120px; width: 45.8%; } } @media (min-width: 460px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 46.5%; } } @media (min-width: 531px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 47%; } } @media (min-width: 660px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 31%; } } @media (min-width: 768px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 31.35%; } } @media (min-width: 1024px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 23.4%; } } @media (min-width: 1120px) { .vehica-car-form__section--gallery .vue-dropzone .dz-preview { width: 148px; height: 110px; } } .vehica-car-form__section--gallery .vue-dropzone .dz-preview .dz-remove { border: 0; font-size: 0; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview.dz-complete .dz-remove { right: 8px; top: 8px; width: 10px; height: 10px; opacity: 1; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview.dz-complete .dz-remove:after { position: absolute; top: 0; right: 0px; padding-left: 2px; display: block; content: "\f00d"; font-family: "font awesome 5 free"; font-size: 12px; background: #fff; height: 27px; line-height: 27px; color: #000; text-align: center; width: 27px; border-radius: 50%; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview .dz-details { display: none; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview .dz-image { border-radius: 10px; overflow: hidden; background: #222732 !important; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview .dz-image img { border-radius: 10px; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview .dz-error-mark, .vehica-car-form__section--gallery .vue-dropzone .dz-preview .dz-success-mark { display: none; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview:hover .dz-image img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-filter: none; filter: none; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview.dz-complete img { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview.dz-complete img:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .vehica-car-form__section--gallery .vue-dropzone .dz-preview img { object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .vehica-car-form__section--gallery .dz-remove { z-index: 1001 !important; } .vehica-car-form__section--gallery .dz-default.dz-message { font-size: 23px; color: #99a1b2; margin: 37px auto 0 auto; display: flex; align-items: center; transition: color 0.2s ease; } .vehica-car-form__section--gallery .dz-default.dz-message span { display: inline-flex; align-items: center; } .vehica-car-form__section--gallery .dz-default.dz-message span i { font-size: 38px; margin-right: 17px; } .vehica-car-form__gallery__bottom { position: absolute; padding: 0 22px; bottom: 30px; display: flex; width: 100%; justify-content: space-between; } @media (min-width: 900px) { .vehica-car-form__gallery__bottom { padding: 0 50px; } } .vehica-car-form__gallery__counter { font-size: 14px; font-weight: 500; color: #99a1b2; } .vehica-car-form__gallery__add-photos { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #99a1b2; cursor: pointer; } .vehica-car-form__gallery__add-photos i { font-size: 22px; margin-right: 13px; right: 1px; top: -7px; } @media (min-width: 1023px) { .vehica-car-form__gallery__add-photos:hover { color: var(--primary); } } @media (min-width: 900px) { .vehica-car-form__tip-title { display: flex; justify-content: space-between; align-items: center; } .vehica-car-form__tip-title .vehica-car-form__heading { display: inline-block; } } @media (min-width: 900px) { .vehica-car-form__tip-title .vehica-car-form__section-title { margin-bottom: 0; } } .vehica-car-form__tip { display: none; border-radius: 10px; border: solid 1px rgba(5, 138, 255, 0.5); background-color: rgba(233, 245, 255, 0.5); align-items: center; max-width: 661px; } @media (min-width: 900px) { .vehica-car-form__tip { display: flex; } } .vehica-car-form__tip__title { color: var(--primary); padding: 0 23px; border-right: solid 1px rgba(5, 138, 255, 0.5); background-color: rgba(233, 245, 255, 0.5); font-size: 14px; font-weight: 500; display: flex; align-items: center; line-height: 1.23; height: 73px; } .vehica-car-form__tip__title i { margin-right: 9px; font-size: 30px; } .vehica-car-form__tip__content { color: #222732; font-size: 14px; line-height: 18px; font-weight: 500; padding: 0 25px; } @media (max-width: 899px) { .vehica-car-form__tip__content { max-width: 568px; } } .vehica-car-form__tip__content a, .vehica-car-form__tip__content span { color: var(--primary); text-decoration: underline; } .vehica-car-form__price-fields { display: flex; flex-wrap: wrap; } .vehica-car-form__price-fields .vehica-car-form__field--price { padding-left: 45px; } .vehica-car-form__price-fields .vehica-car-form__field--price .vehica-car-form__field-units { right: unset; left: 22px; } @media (min-width: 900px) { .vehica-car-form__price-fields { max-width: 600px; } } .vehica-car-form__field--textarea { height: 247px; line-height: 20px; resize: none; } .vehica-car-form__multi-taxonomy { display: flex; align-items: center; flex-wrap: wrap; } .vehica-car-form__multi-taxonomy__term { border-radius: 10px; border: solid 1px #e7edf3; background-color: #fff; color: #222732; font-size: 16px; line-height: 21px; font-weight: 600; margin-right: 5px; margin-bottom: 8px; cursor: pointer; padding: 15px 20px; } @media (min-width: 1023px) { .vehica-car-form__multi-taxonomy__term:hover { background: var(--primary-light); border-color: var(--primary); } } @media (max-width: 480px) { .vehica-car-form__multi-taxonomy__term { width: 100%; text-align: center; margin-right: 0; } } .vehica-car-form__multi-taxonomy__term--active { background: var(--primary-light); border-color: var(--primary); color: var(--primary); } .vehica-car-form__multi-taxonomy__load-more { font-size: 14px; font-weight: 500; color: var(--primary); text-decoration: underline; cursor: pointer; margin-top: 20px; margin-bottom: 10px; width: 100%; } @media (max-width: 600px) { .vehica-car-form__multi-taxonomy__load-more { width: 100%; margin: 20px 0 0 0; text-align: center; } } .vehica-car-form__field-select-single .v-select .vs__selected { color: #222732 !important; } .vehica-car-form__field-select-single .v-select .vs__selected .vehica-option { color: #222732 !important; } .vehica-car-form__field-select-single .vs__actions .vs__clear { fill: #222732 !important; } .vehica-car-form__field-select-single .vs--single.vs--open .vs__dropdown-toggle { border-color: #e7edf3 !important; } .vehica-form-button--disabled { font-weight: 600 !important; background: #f4f4f4; cursor: initial; border: 1px solid #ddd; box-shadow: none; } .vehica-form-button--disabled:after { display: none; } .xvehica-car-form__field-select-single .vehica-option--create-option-not-selected { background: #f4f4f4 !important; } .xvehica-car-form__field-select-single .vehica-option--create-option-not-selected:hover { background: yellow !important; } .vehica-car-form__button { padding-left: 6px; padding-right: 6px; } .vehica-car-form__button .vehica-button, .vehica-car-form__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-car-form__button .cn-button.bootstrap, .vehica-car-form__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-car-form__button button.button, .vehica-car-form__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-car-form__button button.button, .vehica-car-form__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-car-form__button input[type=submit], .vehica-car-form__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-car-form__button .wp-block-search__button { margin-top: 0; width: 100%; } @media (max-width: 600px) { .vehica-car-form__button { margin-top: 5px; } } @media (min-width: 900px) { .vehica-car-form__button { text-align: right; position: absolute; right: 45px; bottom: 53px; } } .vehica-car-form__location img { max-width: none !important; } .vehica-car-form__location__address-field { position: relative; } .vehica-car-form__location__address-field input[type=text] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .vehica-car-form__location__address-field input[type=text]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-car-form__location__address-field input[type=text] { font-size: 16px; } } .vehica-car-form__location__map { height: 400px; } .vehica-date-field__inputs-wrapper { position: relative; } .vehica-date-field__inputs-wrapper input[type=text] { cursor: pointer; min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; width: 100%; font-weight: 700 !important; } .vehica-date-field__inputs-wrapper input[type=text]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-date-field__inputs-wrapper input[type=text] { font-size: 16px; } } .vehica-date-field__inputs-wrapper input[type=text]::placeholder { font-weight: 600 !important; } @media (max-width: 599px) { .vehica-date-field__inputs-wrapper { flex-wrap: wrap; } } .vehica-car-form__grid-element--row .vehica-date-field__inputs-wrapper, .vehica-car-form__grid-element--2of3 .vehica-date-field__inputs-wrapper { xdisplay: flex; margin: 0 -6px; } .vehica-car-form__grid-element--row .vehica-date-field__inputs-wrapper .vehica-date-field__inputs-wrapper__left, .vehica-car-form__grid-element--2of3 .vehica-date-field__inputs-wrapper .vehica-date-field__inputs-wrapper__left { margin-right: 6px; min-width: 50%; max-width: 50%; } .vehica-car-form__grid-element--row .vehica-date-field__inputs-wrapper .vehica-date-field__inputs-wrapper__left, .vehica-car-form__grid-element--2of3 .vehica-date-field__inputs-wrapper .vehica-date-field__inputs-wrapper__left { margin-left: 6px; min-width: 50%; max-width: 50%; } .vehica-date-field__inputs-wrapper { display: flex; margin: 0 -6px; } .vehica-date-field__inputs-wrapper__field { position: relative; margin: 0 6px; width: 100%; } @media (max-width: 599px) { .vehica-date-field__inputs-wrapper__field:nth-child(2) { margin-top: 13px; } } .vehica-date-field__clear { position: absolute; right: 27px; cursor: pointer; top: 19px; color: var(--primary); } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { border-radius: 0 !important; } .picker__input.picker__input--active { border-color: var(--primary) !important; } .vehica-has-error .picker__input { border-color: red !important; } .picker--time.picker--opened:before { content: ""; position: absolute; left: 31px; top: -7px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; z-index: 3; } .picker--time.picker--opened:after { content: ""; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: #d21515 transparent #e9eaee transparent; z-index: 2; } .picker--time.picker--opened .picker__holder { border: 1px solid #e9eaee; } .picker--time .picker__list { padding: 0 !important; font-weight: 600 !important; cursor: initial; } .picker--time .picker__holder { max-width: 170px !important; font-weight: 600 !important; background: #fff !important; cursor: initial; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); width: 100%; border-radius: 10px; transition: all 0s ease !important; } .picker--time .picker__holder::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); position: relative; background-color: #f1f1f1; } .picker--time .picker__holder::-webkit-scrollbar { width: 4px; position: absolute; background-color: #DBDBDB; } .picker--time .picker__holder::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 4px !important; } .picker--time.picker--opened .picker__holder { padding-bottom: 22px !important; padding-top: 15px !important; } .picker--time .picker__button--clear { display: none !important; } .picker--time .picker__list-item { border-bottom: 0px solid white !important; border-top: 0px solid white !important; margin-bottom: 0 !important; background: #ffffff !important; line-height: 39px !important; font-size: 15px !important; padding: 0 27px !important; } .picker--time .picker__list-item:hover { color: var(--primary) !important; font-weight: bold !important; } .picker--time .picker__list-item--highlighted { background: var(--primary-light) !important; color: var(--primary) !important; font-weight: bold; } @media (min-width: 1200px) { .picker:not(.picker--time) { min-width: 400px; } } .picker:not(.picker--time) thead .picker__weekday { visibility: hidden; font-size: 0px; padding: 10px 0; text-align: center; } .picker:not(.picker--time) thead .picker__weekday::first-letter { visibility: visible; font-size: 14px; } .picker:not(.picker--time).picker--opened:before { content: ""; position: absolute; left: 31px; top: -7px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; z-index: 3; } .picker:not(.picker--time).picker--opened:after { content: ""; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: #d21515 transparent #e9eaee transparent; z-index: 2; } .picker:not(.picker--time).picker--opened .picker__holder { border: 1px solid #e9eaee; } .picker:not(.picker--time) .picker__holder { border-radius: 10px; background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; transition: all 0s ease !important; } .picker:not(.picker--time) .picker__holder .picker__nav--prev:before { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #1a2533; transition: all 0.2s ease; } .picker:not(.picker--time) .picker__holder .picker__nav--next:before { border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #1a2533; transition: all 0.2s ease; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box { padding: 20px 27px !important; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:hover { background: transparent; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--prev:hover:before { border-right: 10px solid var(--primary); } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:hover { background: transparent; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__header .picker__nav--next:hover:before { border-left: 10px solid var(--primary); } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table td, .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table th { text-align: center; border: 0px solid #fff; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--highlighted:hover, .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--highlighted { color: #fff !important; background: var(--primary) !important; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--highlighted { border-color: var(--primary) !important; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day { border-radius: 8px; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--infocus:hover, .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--outfocus:hover { background: var(--primary-light); color: var(--primary); font-weight: 600; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--highlighted:hover, .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--highlighted { background: var(--primary) !important; color: #fff !important; font-weight: bold !important; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__list-item--highlighted { background: var(--primary-light) !important; color: var(--primary) !important; font-weight: bold; } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__table .picker__day--today:before { border-top: 0.5em solid var(--primary); } .picker:not(.picker--time) .picker__holder .picker__frame .picker__wrap .picker__box .picker__footer { display: none !important; } .vehica-panel-account-field--location-google, .vehica-map { border-radius: 20px; overflow: hidden; } .vehica-panel-account-field--location-google img, .vehica-map img { max-width: none; } .vehica-panel-account-field--location-google ul[role=menu] > div[role=menuitemcheckbox] > span[role=checkbox], .vehica-map ul[role=menu] > div[role=menuitemcheckbox] > span[role=checkbox] { margin-right: 3px !important; } .vehica-panel-account-field--location-google ul[role=menu] > div[role=menuitemcheckbox] > span[role=checkbox] > img, .vehica-map ul[role=menu] > div[role=menuitemcheckbox] > span[role=checkbox] > img { top: -4px !important; position: relative !important; } .vehica-no-google-map-api-key { margin-right: auto; line-height: 21px; font-size: 15px; padding-top: 16px; padding-bottom: 16px; } .vehica-no-google-map-api-key i { color: blue; margin-right: 2px; } .vehica-map__search-as-i-move-wrapper { position: relative; } .vehica-map__search-as-i-move { top: 15px; left: 15px; background: #fff; padding: 0 10px; position: absolute; z-index: 2; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 4px; color: #0f141e; font-size: 16px; } @media (min-width: 900px) { .vehica-map__search-as-i-move { top: 30px; } } @media (min-width: 900px) { .vehica-map__search-as-i-move { left: 50%; transform: translateX(-50%); } } .vehica-map__search-as-i-move .vehica-checkbox { margin: 10px 0 !important; } .vehica-map__search-as-i-move .vehica-checkbox:hover { color: #0f141e !important; } .vehica-map__search-as-i-move__loader { position: absolute; top: 3px; left: 0; width: 100%; text-align: center; right: 0; opacity: 0; } .vehica-map__search-as-i-move__loader svg { transform: scale(0.5); display: inline-block; } .vehica-inventory-v1__is-reloading .vehica-map__search-as-i-move__loader { opacity: 1; } .vehica-inventory-v1__is-reloading .vehica-checkbox { opacity: 0; } .elementor-widget-vehica_map_listing_general_widget .gmnoprint.gm-bundled-control { right: 45px !important; top: 5px !important; } @media (min-width: 900px) { .elementor-widget-vehica_map_listing_general_widget .gmnoprint.gm-bundled-control { right: 60px !important; top: 20px !important; } } .vehica-map__no-api-key { text-align: center; padding: 143px 30px; height: 100%; position: relative; } .vehica-map__no-api-key:after { content: ""; display: block; opacity: 0.2; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/map-placeholder.jpg); background-size: cover; } .vehica-map__no-api-key h3 { font-size: 21px; font-weight: 900; line-height: 1.48; color: #222732; margin-bottom: 10px; position: relative; z-index: 10; } .vehica-map__no-api-key p { position: relative; z-index: 10; } .vehica-map__no-api-key__inner { max-width: 340px; margin: 0 auto; } .vehica-map__no-api-key__icon { background: var(--primary-light); border-radius: 50%; width: 100px; height: 100px; text-align: center; margin: 0 auto 50px; position: relative; } .vehica-map__no-api-key__icon i { font-size: 38px; line-height: 100px; color: var(--primary); z-index: 4; position: relative; } .vehica-map__no-api-key__icon:before { top: 0; left: 0; position: absolute; display: block; content: ""; background: #fff; z-index: 2; width: 100px; height: 100px; border-radius: 50%; } .vehica-map__no-api-key__icon:after { top: 0; left: 0; position: absolute; display: block; content: ""; background: var(--primary-light); z-index: 3; width: 100px; height: 100px; border-radius: 50%; } .vehica-marker { position: relative; top: 10px; } .vehica-marker__big-circle { background-color: var(--primary); width: 72px; height: 72px; border-radius: 50%; opacity: 0.14; position: absolute; left: -36px; top: -36px; } .vehica-marker__small-circle { background-color: var(--primary); width: 28px; height: 28px; border-radius: 50%; position: absolute; left: -14px; top: -14px; } .vehica-map .gm-style .gm-style-iw-c { border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .vehica-map--marker-small .vehica-marker__small-circle { top: 5px; } .vehica-listing-infowindow { display: block; background: #fff; border-radius: 10px !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 25px !important; transition: all 0.2s ease; min-width: 275px; overflow: hidden; position: relative; text-align: center; top: 15px; } .infoBox > img[src="https://www.google.com/intl/en_us/mapfiles/close.gif"] { display: none; } .vehica-listing-infowindow__close { position: absolute; top: 12px; right: 12px; border-radius: 50%; z-index: 3; text-align: center; background: #fff; } .vehica-listing-infowindow__close:after { display: block; content: "\f00d"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; width: 24px; line-height: 24px; color: #000; } .vehica-listing-infowindow__image { position: relative; height: 152px; } .vehica-listing-infowindow__image img { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; object-fit: cover; width: 100%; } .vehica-listing-infowindow__image--placeholder { background: #eff0f1; } .vehica-listing-infowindow__image--placeholder .vehica-car-card__image__icon:after { font-size: 32px; } .vehica-listing-infowindow__name { padding: 12px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; color: #222732; font-size: 16px; line-height: 20px; margin-bottom: 0; } .vehica-listing-infowindow__label { position: absolute; z-index: 2; background: var(--primary); width: auto; padding: 3px 0px; font-weight: 600; text-align: center; color: #fff; transform: rotate(-41deg); margin-left: 0; left: -64px; top: 16px; min-width: 200px; max-width: 200px; } @media (min-width: 1023px) { .vehica-listing-infowindow__label { font-size: 16px; line-height: 1.75; } } .vehica-marker-label { padding: 6px 10px; background: #fff; border-radius: 10px; border: 1px solid #e7edf3; font-size: 16px; line-height: 15px; font-weight: 700; color: #222732; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24) !important; position: relative; z-index: 99999; transition: transofrm 0.2s ease; transform: translateX(-50%); } .vehica-marker-label--active { background: #0f141e; border: 1px solid #0f141e; color: #fff; z-index: 99999999999 !important; } .vehica-marker-label--clicked { color: #ffffff; background: #0f141e; border: 1px solid #0f141e; z-index: 99999999999 !important; } .vehica-marker-label:hover { background: #0f141e; border: 1px solid #0f141e; color: #fff; z-index: 99999999999 !important; } .vehica-info-window-wrapper { display: none; } .vehica-info-window { padding: 37px 23px; } .vehica-info-window .vehica-info-window__text { font-size: 14px; font-weight: 500; line-height: 2; color: #222732; } .vehica-map .gm-style .gm-style-iw-d { overflow: initial !important; padding: 0 !important; } .vehica-map .gm-style-iw.gm-style-iw-c { padding: 0 !important; } @media (min-width: 420px) { .vehica-map .gm-style-iw.gm-style-iw-c { min-width: 395px !important; } } .vehica-map .gm-style-iw.gm-style-iw-c h2 { font-size: 22px; line-height: 28px; font-weight: 900; color: #111; } .vehica-map .gm-style-iw.gm-style-iw-c a { color: var(--primary); cursor: pointer; } .vehica-map .gm-style-iw.gm-style-iw-c a:hover { text-decoration: underline; } .vehica-slider { position: relative; border-top: 1px solid #e7edf3; border-bottom: 1px solid #e7edf3; } .vehica-slider .vehica-swiper-pagination { position: absolute !important; bottom: 26px; left: 0; right: 0; z-index: 10; } .vehica-slider .vehica-swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 13px; background-color: rgba(255, 255, 255, 0.8); opacity: 1; cursor: pointer; transition: all 0.2s ease; } .vehica-slider .vehica-swiper-pagination .swiper-pagination-bullet-active { background-color: var(--primary); } .vehica-slider .vehica-slider__slide { position: relative; background-size: cover; } .vehica-slider .vehica-slider__mask { background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.88; background-image: linear-gradient(74deg, #fff 20%, rgba(255, 255, 255, 0) 79%) !important; } @media (min-width: 500px) { .vehica-slider .vehica-slider__mask { opacity: 0.88; background-image: linear-gradient(74deg, #fff 17%, rgba(255, 255, 255, 0) 67%) !important; } } @media (min-width: 1200px) { .vehica-slider .vehica-slider__mask { opacity: 0.89; background-image: linear-gradient(74deg, #fff 27%, rgba(255, 255, 255, 0) 63%) !important; } } @media (min-width: 1680px) { .vehica-slider .vehica-slider__mask { opacity: 0.77; background-image: linear-gradient(74deg, #fff 7%, rgba(255, 255, 255, 0) 53%) !important; } } .vehica-slider .vehica-slider__mask-additional { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .vehica-slider .vehica-swiper-wrapper { position: relative; } .vehica-slider .vehica-slider__title { font-weight: 900; color: #222732; z-index: 3; position: relative; text-align: left; font-size: 32px; line-height: 1.15; max-width: 220px; } @media (min-width: 900px) { .vehica-slider .vehica-slider__title { line-height: 1.26; font-size: 34px; } } @media (min-width: 1200px) { .vehica-slider .vehica-slider__title { font-size: 50px; max-width: 464px; } } @media (min-width: 1366px) { .vehica-slider .vehica-slider__title { font-size: 54px; max-width: 500px; } } .vehica-slider .vehica-slider__button { margin-top: 30px; position: relative; z-index: 11; text-align: left; } @media (min-width: 1200px) { .vehica-slider .vehica-slider__button { margin-top: 45px; } } @media (min-width: 1500px) { .vehica-slider .vehica-slider__button { margin-top: 90px; } } .vehica-slider .vehica-slider__nav { width: 55px; height: 55px; background: #ffffff; border-radius: 50%; position: absolute; top: 50%; margin-top: -27.5px; color: #000000; cursor: pointer; z-index: 3; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; border: 1px solid #e7edf3; } @media (min-width: 1023px) { .vehica-slider .vehica-slider__nav:hover { color: var(--primary); background: var(--primary-light); border-color: var(--primary-light); } } .vehica-slider .vehica-slider__nav--left { left: 15px; display: none; } @media (min-width: 900px) { .vehica-slider .vehica-slider__nav--left { left: 30px; display: flex; } } .vehica-slider .vehica-slider__nav--right { right: 15px; display: none; } @media (min-width: 900px) { .vehica-slider .vehica-slider__nav--right { right: 30px; display: flex; } } .vehica-slider__content { margin: 0 auto; max-width: 1688px; padding-left: 15px; padding-right: 15px; display: flex; align-items: center; height: 360px; } @media (min-width: 900px) { .vehica-slider__content { padding-left: 140px; padding-right: 140px; } } @media (min-width: 1200px) { .vehica-slider__content { height: 440px; } } @media (min-width: 1400px) { .vehica-slider__content { height: 540px; } } @media (max-height: 800px) { .vehica-slider__content { max-height: none; } } .vehica-slider__slide__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .vehica-services { display: flex; flex-wrap: wrap; margin: auto; max-width: 1468px; justify-content: center; margin: 0 -6px; } @media (min-width: 900px) { .vehica-services { margin: 0 -15px; } } .vehica-services .vehica-services__service-wrapper { padding: 0 6px; width: 100%; } @media (min-width: 900px) { .vehica-services .vehica-services__service-wrapper { padding: 0 15px; } } @media (min-width: 900px) { .vehica-services .vehica-services__service-wrapper { width: 33.3333%; } } .vehica-services__service { background: #ffffff; border-radius: 5px; overflow: hidden; transition: all 0.2s ease; text-align: center; display: block; padding-bottom: 52px; margin-bottom: 22px; } .vehica-services__service:hover { box-shadow: 0 3px 41px 0 rgba(0, 0, 0, 0.16); } .vehica-services__service:hover .vehica-services__button { background-color: var(--primary); color: #ffffff; } .vehica-services__image { width: 100%; object-fit: cover; height: 200px; margin-bottom: 39px; } @media (min-width: 1200px) { .vehica-services__image { height: 252px; } } .vehica-services__name { display: block; color: #222732; font-size: 30px; line-height: 38px; font-weight: 800; text-align: center; } @media (min-width: 900px) { .vehica-services__name { font-size: 24px; } } .vehica-testimonial-carousel { max-width: 1520px; margin: 0 auto; position: relative; } @media (min-width: 900px) { .vehica-testimonial-carousel { padding-left: 57px; padding-right: 57px; } } .vehica-testimonial-carousel .vehica-swiper-slide { display: flex; } @media (min-width: 900px) { .vehica-testimonial-carousel .vehica-swiper-slide { width: 50%; } } @media (min-width: 1200px) { .vehica-testimonial-carousel .vehica-swiper-slide { width: 33.333%; } } .vehica-testimonial-carousel .vehica-swiper-container { padding: 0; position: relative; } .vehica-testimonial-carousel .vehica-testimonial-carousel__testimonial { border-radius: 10px; box-shadow: 0 1px 7px 0 #e2e2e2; display: flex; flex-direction: column; align-items: center; padding: 50px 30px 30px; border: solid 1px transparent; transition: 0.3s all; position: relative; margin: 45px 2px 0; flex-grow: 1; justify-content: space-between; text-align: center; } @media (min-width: 1280px) { .vehica-testimonial-carousel .vehica-testimonial-carousel__testimonial { padding: 70px 61px 44px; } } @media (max-width: 900px) { .vehica-testimonial-carousel .vehica-testimonial-carousel__testimonial { max-width: 541px; margin-left: auto !important; margin-right: auto !important; } } .vehica-testimonial-carousel .vehica-swiper-slide-active .vehica-testimonial-carousel__testimonial { border: solid 1px var(--primary); } .vehica-testimonial-carousel .vehica-testimonial-carousel__stars { color: #ffd200; font-size: 15px; } .vehica-testimonial-carousel .vehica-testimonial-carousel__text { font-size: 22px; font-style: italic; line-height: 1.55; text-align: center; color: #222732; margin: 25px 0; } .vehica-testimonial-carousel .vehica-testimonial-carousel__image { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; position: absolute; left: 50%; top: -45px; margin-left: -45px; } .vehica-testimonial-carousel .vehica-testimonial-carousel__image img { width: 91px; height: 91px; object-fit: cover; } .vehica-testimonial-carousel .vehica-testimonial-carousel__pagination { margin-top: 35px; text-align: center; } @media (min-width: 900px) { .vehica-testimonial-carousel .vehica-testimonial-carousel__pagination { margin-top: 50px; } } @media (min-width: 1200px) { .vehica-testimonial-carousel .vehica-testimonial-carousel__pagination { margin-top: 70px; } } .vehica-testimonial-carousel .vehica-testimonial-carousel__pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 13px; background-color: #dfe3eb; opacity: 1; cursor: pointer; transition: all 0.2s ease; } .vehica-testimonial-carousel .vehica-testimonial-carousel__pagination .swiper-pagination-bullet:hover { background: #111; } .vehica-testimonial-carousel .vehica-testimonial-carousel__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--primary); } .vehica-testimonial-carousel .vehica-testimonial-carousel__nav { display: none; width: 55px; height: 55px; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 0 3px 40px 0 #dbe0e8; background-color: #FFFFFF; position: absolute; top: 50%; margin-top: -72.5px; cursor: pointer; z-index: 10; transition: all 0.2s ease; } @media (min-width: 900px) { .vehica-testimonial-carousel .vehica-testimonial-carousel__nav { display: flex; } } .vehica-testimonial-carousel .vehica-testimonial-carousel__nav--prev { left: 34px; } .vehica-testimonial-carousel .vehica-testimonial-carousel__nav--next { right: 34px; } .vehica-testimonial-carousel .vehica-testimonial-carousel__nav:hover { background: var(--primary-light); color: var(--primary); } .vehica-testimonial-carousel:hover .vehica-testimonial-carousel__nav { opacity: 1; transform: translate(0, 0); } .vehica-testimonial-carousel__name { font-size: 24px; line-height: 30px; margin-bottom: 3px; font-weight: bold; color: #222732; } .vehica-testimonial-carousel__title { font-size: 16px; line-height: 20px; font-weight: 600; color: var(--primary); } .vehica-testimonial-carousel__count-1 .vehica-swiper-slide { width: 100% !important; } .vehica-testimonial-carousel__count-1 .vehica-swiper-slide .vehica-testimonial-carousel__testimonial { margin-left: auto !important; margin-right: auto !important; max-width: none !important; width: 100% !important; } .vehica-testimonial-carousel__count-1 .vehica-testimonial-carousel__pagination { display: none !important; } .vehica-testimonial-carousel__count-1 + .vehica-testimonial-carousel__nav, .vehica-testimonial-carousel__count-1 + .vehica-testimonial-carousel__nav + .vehica-testimonial-carousel__nav { display: none !important; } .vehica-features { display: flex; flex-wrap: wrap; } .vehica-features .vehica-features__feature { width: 100%; display: flex; margin-bottom: 40px; } @media (max-width: 899px) { .vehica-features .vehica-features__feature { flex-direction: column; } } @media (min-width: 900px) { .vehica-features .vehica-features__feature { width: 50%; } } .vehica-features .vehica-features__icon { width: 73px; height: 73px; color: var(--primary); background-color: var(--primary-light); border-radius: 50%; overflow: hidden; font-size: 26px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } @media (max-width: 899px) { .vehica-features .vehica-features__icon { margin-left: auto; margin-right: auto; } } .vehica-features .vehica-features__content { padding-top: 20px; } @media (min-width: 900px) { .vehica-features .vehica-features__content { padding-top: 0; padding-left: 33px; padding-right: 105px; } } .vehica-features .vehica-features__label { font-size: 21px; font-weight: bold; line-height: 1.48; color: #222732; } @media (max-width: 899px) { .vehica-features .vehica-features__label { text-align: center; } } .vehica-features .vehica-features__text { font-size: 17px; line-height: 1.82; color: #222732; margin-top: 24px; } @media (max-width: 899px) { .vehica-features .vehica-features__text { text-align: center; } } .vehica-heading { display: flex; flex-direction: column; margin-bottom: 40px; align-items: center; } @media (min-width: 900px) { .vehica-heading { margin-bottom: 75px; } } .vehica-heading .vehica-heading__icon { width: 73px; height: 73px; box-shadow: 0 13px 54px 0 rgba(207, 207, 228, 0.3); background-color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 16px; } .vehica-heading .vehica-heading__icon i { color: var(--primary); } .vehica-heading .vehica-heading__icon svg path { fill: var(--primary); } .vehica-heading .vehica-heading__title { margin: 0; font-weight: 900; color: #222732; font-size: 30px; line-height: 38px; text-align: center; } @media (min-width: 900px) { .vehica-heading .vehica-heading__title { font-size: 43px; line-height: 1.09; } } .vehica-heading .vehica-heading__text { font-size: 16px; margin-top: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.61; letter-spacing: normal; max-width: 450px; text-align: center; color: #222732; } @media (min-width: 600px) { .vehica-heading .vehica-heading__text { font-size: 18px; margin-top: 25px; } } @media (max-width: 899px) { .vehica-heading .vehica-heading__text br { display: none; } } .vehica-heading .vehica-heading__text span { background-color: var(--primary); color: #fff; padding: 0 2px; } .vehica-currency-switcher--widget .vehica-currency-switcher__inner { color: #000; margin-left: 0; } .vehica-currency-switcher--widget .vehica-currency-switcher__inner i { margin-left: 10px; color: #000; } .vehica-template-content { background: #333; color: #fff; margin: 0; padding: 200px 64px; min-height: 70vh; text-align: center; display: flex; align-items: center; justify-content: center; } .vehica-template-content__icon { margin-bottom: 16px; } .vehica-popup-checkbox { position: relative; height: 600px; width: 100%; animation: mcpopupcheckbox 0.3s ease-in-out; z-index: 10000000002; } .vehica-popup-checkbox:before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.39; background: #0f141e; z-index: 10000000003; } @keyframes mcpopupcheckbox { 0% { opacity: 0; } 100% { opacity: 1; } } .vehica-popup-checkbox__inner { z-index: 10000000004; position: fixed; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; min-height: 400px; } .vehica-popup-checkbox__position { background: #fff; border-radius: 20px; width: 100%; max-width: 657px; } @media (max-width: 1023px) { .vehica-popup-checkbox__position { border-radius: 0; min-width: 100%; max-width: 100%; width: 100%; min-height: 100vh; } } .vehica-popup-checkbox__top { position: relative; border-bottom: 1px solid #e8e8e8; margin-top: 30px; padding: 0 35px 35px; } .vehica-popup-checkbox__name { font-size: 30px; line-height: 38px; font-weight: 900; padding: 0; } .vehica-popup-checkbox__middle { margin: 25px 0; padding-left: 35px; padding-right: 10px; max-height: 50vh; margin-right: 35px; overflow-y: auto; } .vehica-popup-checkbox__middle::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); position: relative; background-color: #f1f1f1; } .vehica-popup-checkbox__middle::-webkit-scrollbar { width: 4px; background-color: #DBDBDB; } .vehica-popup-checkbox__middle::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 10px !important; } .vehica-popup-checkbox__bottom { position: relative; border-top: 1px solid #e8e8e8; padding: 35px; text-align: right; } .vehica-popup-checkbox__close { position: absolute; top: -107px; right: 14px; font-size: 27px; line-height: 38px; cursor: pointer; } .vehica-popup-checkbox__close i { color: var(--primary); } .vehica-popup-checkbox__clear { font-weight: 500; font-size: 15px; line-height: 53px; color: #222732; position: absolute; left: 35px; bottom: 35px; cursor: pointer; } .vehica-popup-checkbox__clear:hover { color: var(--primary); } .vehica-simple-menu { margin: 0 auto; padding: 0; } .vehica-simple-menu:after { clear: both; content: ""; display: table; } .vehica-simple-menu .menu-item { margin: 16px 32px 16px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .vehica-simple-menu .menu-item a { color: #000000; } .vehica-simple-menu .menu-item:last-child { margin-right: 0 !important; } .vehica-simple-menu--vertical .vehica-simple-menu .menu-item:first-child { margin-top: 0 !important; } @media (min-width: 768px) { .vehica-simple-menu--horizontal .vehica-simple-menu { display: flex; } } .vehica-simple-menu-2-columns .vehica-simple-menu { display: flex; flex-direction: row; flex-wrap: wrap; } .vehica-simple-menu-2-columns .vehica-simple-menu > li { width: 100%; font-size: 17px; line-height: 27px; padding-bottom: 20px; font-weight: 600; float: left; margin: 0; padding-right: 15px; padding-left: 20px; position: relative; top: -5px; } @media (min-width: 900px) { .vehica-simple-menu-2-columns .vehica-simple-menu > li { width: 50%; } } .vehica-simple-menu-2-columns .vehica-simple-menu > li a { display: inline-block; color: #a6a9ae; transition: 0.2s all ease; } @media (min-width: 1023px) { .vehica-simple-menu-2-columns .vehica-simple-menu > li a:hover { margin-left: 3px; color: var(--primary) !important; } } .vehica-simple-menu-2-columns .vehica-simple-menu > li:after { position: absolute; left: 0; top: 2px; content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 7px; color: var(--primary); } @media (max-width: 899px) { .vehica-simple-menu-2-columns .vehica-simple-menu { display: flex; flex-direction: column; } .vehica-simple-menu-2-columns .vehica-simple-menu li { padding-left: 15px; padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #282d3a; } .vehica-simple-menu-2-columns .vehica-simple-menu li a { width: 100%; display: block; } .vehica-simple-menu-2-columns .vehica-simple-menu li:last-child { border-bottom: 1px solid #282d3a; } .vehica-simple-menu-2-columns .vehica-simple-menu li:after { font-family: "Font Awesome 5 Free"; left: auto; right: 15px; top: 12px; content: "\f054"; font-size: 12px; color: #cecfd1; } } .vehica-logo-widget a { position: relative; display: block; width: 100%; overflow: hidden; } .vehica-users-v2 { display: flex; flex-direction: row; flex-wrap: wrap; } @media (min-width: 700px) { .vehica-users-v2 { margin: 0 -11px; max-width: none; } } @media (max-width: 1199px) { .vehica-users-v2 { max-width: 900px; margin: 0 auto; } } .vehica-users-v2 .vehica-user-card__icons { margin-top: -64px; left: initial; } .vehica-users-v2-background-content-grey .vehica-user-card-v2__content { background: #fff; border: 1px solid #f2f5fb; } .vehica-user-card-v2 { width: 100%; margin-bottom: 22px; transition: all 0.2s ease; position: relative; } @media (min-width: 1024px) { .vehica-user-card-v2 { margin-bottom: 32px; } } @media (min-width: 1200px) { .vehica-user-card-v2 { margin-bottom: 64px; } } @media (min-width: 700px) { .vehica-user-card-v2 { width: 50%; padding: 0 11px; } } @media (min-width: 700px) and (min-width: 1023px) { .vehica-user-card-v2:hover { margin-top: -10px; } } @media (min-width: 1200px) { .vehica-user-card-v2 { width: 25%; } } .vehica-user-card-v2--text-editor { margin-bottom: 0; } @media (max-width: 899px) { .vehica-user-card-v2--text-editor { width: 100%; text-align: center; } } .vehica-user-card-v2__text-editor { font-size: 17px; line-height: 31px; max-width: 420px; margin-bottom: 50px; padding-right: 50px; } @media (max-width: 899px) { .vehica-user-card-v2__text-editor { margin-left: auto !important; margin-right: auto !important; padding-right: 0; } } .vehica-user-card-v2__text-editor h3 { font-size: 22px; line-height: 31px; margin-bottom: 20px; font-weight: bold; } @media (min-width: 900px) { .vehica-user-card-v2__text-editor h3 { margin-bottom: 50px; } } .vehica-user-card-v2__image { display: block; position: relative; background: #fafafa; padding-top: 85.672%; } .vehica-user-card-v2__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-top-right-radius: 10px; border-top-left-radius: 10px; transition: filter 400ms, -webkit-filter 400ms; } .vehica-user-card-v2__content { background: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 35px; position: relative; } .vehica-user-card-v2__name { display: block; font-size: 22px; font-weight: bold; line-height: 32px; color: #1b2634; } .vehica-user-card-v2__job-title { display: block; font-size: 14px; line-height: 19px; margin-bottom: 20px; font-weight: normal; color: var(--primary); } .vehica-user-card-v2__phone { display: block; font-size: 14px; line-height: 21px; color: #1b2634; } .vehica-user-card-v2__phone i { color: var(--primary); position: relative; margin-right: 9px; top: 2px; } @media (min-width: 1023px) { .vehica-user-card-v2__phone:hover { color: var(--primary); } } .vehica-user-card-v2__email { display: block; font-size: 14px; line-height: 21px; color: #1b2634; margin-top: 6px; } .vehica-user-card-v2__email i { color: var(--primary); position: relative; margin-right: 9px; top: 2px; } @media (min-width: 1023px) { .vehica-user-card-v2__email:hover { color: var(--primary); } } .vehica-user-card-v2__social-icons { margin-bottom: 20px; } .vehica-user-card-v2__social-icon { display: inline-block; margin-right: 14px; } .vehica-user-card-v2__social-icon a:hover { color: var(--primary); } .vehica-user-card-v2__social-icon a:hover i { color: var(--primary); } @media (min-width: 900px) { .vehica-coming-soon:after { content: ""; position: fixed; top: 0; left: 0; width: 50%; height: 100%; background: #f2f5fb; } } .vehica-user-field__social_buttons { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -8px; } .vehica-social-icon { display: inline-block; overflow: hidden; vertical-align: top; } .vehica-social-icon a { width: 41px; height: 41px; background: #3b4250; color: #fff; display: block; position: relative; border-radius: 50%; margin-left: 9px; text-align: center !important; transition: all 0.2s ease; } .vehica-social-icon i { display: block; position: absolute; top: 50%; height: 1000px; line-height: 1000px; margin-top: -500px; left: 0; right: 0; transition: all 0.2s ease; } .vehica-info__field--social-icons { text-align: right; } .elementor-widget-vehica_social_user_widget:after { clear: both; content: ""; display: table; } .vehica-social-icons-wrapper--profile { margin-right: -4px; margin-left: -4px; } .vehica-social-icons-wrapper--profile .vehica-social-icon a { width: 32px; height: 32px; font-size: 15px; background: #fff; color: var(--primary); margin-left: 4px; margin-right: 4px; } @media (min-width: 1023px) { .vehica-social-icons-wrapper--profile .vehica-social-icon a:hover { background: var(--primary-light); } } .vehica-social-login { text-align: left; align-items: center; margin-bottom: 30px; } .vehica-social-login__label { margin-right: 10px; font-weight: 700; font-size: 15px; line-height: 19px; } .vehica-social-login__button { border-radius: 10px; display: inline-block; text-align: center; background: #fff; position: relative; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24) !important; border: solid 1px #e7edf3; font-weight: 600; font-size: 18px; line-height: 51px; padding: 0 27px 0 55px; } .vehica-social-login__button img, .vehica-social-login__button i { font-size: 23px; width: 23px; position: absolute; top: 14px; left: 16px; } .vehica-social-login__button--facebook i { color: #3b5998; } .vehica-social-login__button--facebook:hover { color: #2f3b48; border-color: #2f3b48; } .vehica-social-login__button--google { margin-right: 10px; color: #2f3b48; } .vehica-social-login__button--google:hover { border-color: #2f3b48; } .vehica-social-login-or { display: block; width: 100%; margin: 40px 0; } @media (min-width: 1024px) { .vehica-login-register-wide-container .vehica-social-login { display: flex; margin-bottom: 40px; } } @media (max-width: 1199px) { .vehica-login-register-wide-container .vehica-login, .vehica-login-register-wide-container .vehica-register { padding-top: 40px !important; } } @media (max-width: 1023px) { .vehica-login-register-wide-container .vehica-social-login__label { text-align: center; margin-right: 0; margin-bottom: 10px; } .vehica-login-register-wide-container .vehica-social-login__label span { display: none; } } @media (max-width: 1023px) { .vehica-login-register-wide-container .vehica-social-login__button { width: 100%; margin-top: 10px; padding: 0; } } .vehica-social-share { text-align: center; width: 100%; } .vehica-social-share__icon { position: relative; display: inline-block; font-size: 14px; line-height: 16px; vertical-align: top; color: #fff; padding: 8px 12px; border-radius: 4px; overflow: hidden; } .vehica-social-share__icon:before { content: ""; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); height: 100%; width: 100%; opacity: 0; } @media (min-width: 1023px) { .vehica-social-share__icon:hover, .vehica-social-share__icon:active, .vehica-social-share__icon:focus { color: #fff; } .vehica-social-share__icon:hover:before, .vehica-social-share__icon:active:before, .vehica-social-share__icon:focus:before { opacity: 1; } } .vehica-social-share__icon i { margin-right: 4px; } .vehica-social-share__icon--facebook { background: #39579a; } .vehica-social-share__icon--twitter { background: #01abf0; margin-left: 8px; } .vehica-social-share-right { text-align: right; } .vehica-social-share-right .vehica-social-share { text-align: right; } .vehica-social-profiles__v1 { margin-left: -9px; margin-right: -9px; } @media (min-width: 1023px) { .vehica-social-profiles__v1 a:hover { background: #0f141e; } } .vehica-social-profiles__v2 { display: inline-block; } .vehica-social-profiles__v2 a { background: #eff0f1; color: #222732; } @media (min-width: 1023px) { .vehica-social-profiles__v2 a:hover { background: #dfdfdf; color: #000; } } .vehica-social-profiles__v2__title { width: auto; margin-right: 21px; font-size: 17px; font-weight: 500; color: #99a1b2; } .vehica-social-profiles__v2__inner { display: flex; align-items: center; } @media (max-width: 899px) { .vehica-social-profiles-mobile-block .vehica-social-profiles__v2__inner { display: block; } .vehica-social-profiles-mobile-block .vehica-social-profiles__v2__title { text-align: center; width: 100%; } .vehica-social-profiles-mobile-block .vehica-social-profiles__v2__title { margin-bottom: 20px; } .vehica-social-profiles-mobile-block .vehica-social-icon a { margin-left: 20px; margin-right: 20px; } } .vehica-email { font-size: 17px; line-height: 21px; color: #000000; } .vehica-email i { color: var(--primary); position: relative; margin-right: 9px; top: 2px; } .vehica-phone-v1 { font-size: 30px; line-height: 36px; font-weight: 900; } .vehica-phone-v1 a { color: var(--primary); } .vehica-phone-v1 span { color: #000; } .vehica-phone-v2 { font-size: 30px; line-height: 36px; font-weight: 900; } .vehica-phone-v2 a { color: var(--primary); } .vehica-phone-v2 span { color: #fff; } .vehica-phone-v3 { font-size: 17px; line-height: 21px; color: #000000; } .vehica-phone-v3 i { color: var(--primary); position: relative; margin-right: 9px; top: 2px; } .vehica-phone-v4 { font-size: 43px; line-height: 47px; font-weight: 900; } .vehica-phone-v4 a { color: var(--primary); } @media (max-width: 900px) { .vehica-phone-v4 { font-weight: 900; color: #222732; font-size: 30px; line-height: 38px; } } .vehica-users-section { position: relative; text-align: left; color: #99a1b2; } .vehica-users-section .vehica-swiper-slide { margin-right: 22px; } .vehica-users-section .vehica-swiper-slide-visible .vehica-user-card-wrapper { opacity: 1; } @media (min-width: 1700px) { .vehica-users-section .vehica-swiper-slide-visible.vehica-last-visible .vehica-user-card-wrapper { transform: translateY(0) !important; opacity: 0.5; transition: opacity 0.1s ease-out; } } .vehica-users-section .vehica-carousel__arrow { transition: all 0.2s ease-in-out; } @media (min-width: 1023px) { .vehica-users-section .vehica-carousel__arrow:hover { box-shadow: 0px 3px 40px 0 #dbe0e8; } } .vehica-users-section--count-1 .vehica-swiper-slide { display: none; } .vehica-users-section--count-1 .vehica-swiper-slide:nth-child(1) { display: block; } .vehica-users-section--count-1 .vehica-users-section__arrows-mobile, .vehica-users-section--count-1 .vehica-users-section__arrows-desktop { display: none !important; } @media (min-width: 1260px) { .vehica-users-section--count-1 .vehica-users-section__right { left: 740px; } } @media (max-width: 1024px) { .vehica-users-section--count-1 .vehica-user-card-wrapper { margin-bottom: 40px; } } @media (min-width: 630px) { .vehica-users-section--count-2 .vehica-swiper-slide { display: none; } .vehica-users-section--count-2 .vehica-swiper-slide:nth-child(1), .vehica-users-section--count-2 .vehica-swiper-slide:nth-child(2) { display: block; } } .vehica-users-section--count-2 .vehica-users-section__arrows-mobile, .vehica-users-section--count-2 .vehica-users-section__arrows-desktop { display: none !important; } @media (max-width: 629px) { .vehica-users-section--count-2 .vehica-users-section__arrows-mobile { display: block !important; } } @media (max-width: 1024px) { .vehica-users-section--count-2 .vehica-user-card-wrapper { margin-bottom: 40px; } } @media (min-width: 1023px) and (max-width: 1024px) { .vehica-users-section--count-2 .vehica-swiper-slide { width: calc(50% - 15px) !important; } } @media (min-width: 1260px) { .vehica-users-section--count-2 .vehica-users-section__right { left: 540px; } } @media (min-width: 1520px) { .vehica-users-section--count-3 .vehica-swiper-slide { display: none; } .vehica-users-section--count-3 .vehica-swiper-slide:nth-child(1), .vehica-users-section--count-3 .vehica-swiper-slide:nth-child(2), .vehica-users-section--count-3 .vehica-swiper-slide:nth-child(3) { display: block; } } @media (min-width: 1520px) { .vehica-users-section--count-3 .vehica-users-section__arrows-desktop { display: none !important; } } .vehica-users-section__inner { background: #0f141e; border-radius: 22px; position: relative; } @media (min-width: 900px) { .vehica-users-section__inner:after { border-radius: 22px; display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/background-team.png); background-size: cover; z-index: 0; } } @media (min-width: 1025px) { .vehica-users-section__inner { display: flex; min-height: 650px; } } .vehica-users-section__left { z-index: 2; padding: 35px 15px; } @media (min-width: 360px) { .vehica-users-section__left { padding-left: 20px; padding-right: 20px; } } @media (min-width: 380px) { .vehica-users-section__left { padding-left: 25px; padding-right: 25px; } } @media (min-width: 420px) { .vehica-users-section__left { padding-left: 35px; padding-right: 35px; } } @media (min-width: 1025px) { .vehica-users-section__left { position: relative; padding: 106px 30px 47px 74px; width: 450px; } } .vehica-users-section__left ul { list-style: none; padding: 0; margin: 0; line-height: 1.65; font-size: 20px; color: #99a1b2; } @media (min-width: 1025px) { .vehica-users-section__left ul { padding: 0 0 0 5px; } } .vehica-users-section__left ul li { margin-top: 4px; margin-bottom: 4px; padding-left: 38px; padding-right: 15px; position: relative; } .vehica-users-section__left ul li:first-child { margin-top: 0; } .vehica-users-section__left ul li:last-child { margin-bottom: 0; } @media (min-width: 900px) and (max-width: 1024px) { .vehica-users-section__left ul li { width: 50%; float: left; } } .vehica-users-section__left ul li:before { position: absolute; left: 0; top: 5px; content: "\f058"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; color: var(--primary); padding-right: 20px; font-size: 16px; } .vehica-users-section__left__inner { position: relative; z-index: 2; } @media (max-width: 700px) { .vehica-users-section__left__inner { max-width: 370px; margin-left: auto; margin-right: auto; } } .vehica-users-section__arrows-mobile { display: block; position: relative; margin: 0 auto; text-align: center; width: 124px; } @media (min-width: 900px) { .vehica-users-section__arrows-mobile { margin-top: 28px; } } .vehica-users-section__arrows-mobile .vehica-carousel__arrow { position: static; left: initial; right: initial; margin-top: 0px; margin-bottom: 35px; box-shadow: none; display: inline-block; float: left; } .vehica-users-section__arrows-mobile .vehica-carousel__arrow--right { margin-left: 13px; } @media (min-width: 1025px) { .vehica-users-section__arrows-mobile { display: none; } } .vehica-users-section__arrows-desktop { display: none; } @media (min-width: 1025px) { .vehica-users-section__arrows-desktop { display: block; position: relative; } .vehica-users-section__arrows-desktop .vehica-carousel__arrow { position: static; left: initial; right: initial; margin-top: 50px; box-shadow: none; display: inline-block; float: left; } .vehica-users-section__arrows-desktop .vehica-carousel__arrow--right { margin-left: 13px; } } .vehica-users-section__right { z-index: 2; padding: 0 15px; } @media (min-width: 360px) { .vehica-users-section__right { padding-left: 20px; padding-right: 20px; } } @media (min-width: 380px) { .vehica-users-section__right { padding-left: 25px; padding-right: 25px; } } @media (min-width: 420px) { .vehica-users-section__right { padding-left: 35px; padding-right: 35px; } } @media (min-width: 1025px) { .vehica-users-section__right { width: 100%; } } @media (min-width: 1025px) { .vehica-users-section__right { width: 100%; position: absolute; top: 60px; left: 476px; padding: 0; } } @media (min-width: 1520px) { .vehica-users-section__right { padding-right: 100px; } } @media (min-width: 1800px) { .vehica-users-section__right { padding-right: 0; } } .vehica-users-section__right .vehica-swiper-slide { width: 100%; } @media (min-width: 630px) and (max-width: 1023px) { .vehica-users-section__right .vehica-swiper-slide { width: calc(50% - 11px); } } @media (min-width: 1024px) and (max-width: 1024px) { .vehica-users-section__right .vehica-swiper-slide { width: calc(33.3333333333% - 15px); } } @media (min-width: 1025px) { .vehica-users-section__right .vehica-swiper-slide { width: calc(25% - 17px); } } .vehica-users-section__heading { font-size: 38px; line-height: 48px; font-weight: 900; color: #fff; margin-bottom: 28px; } @media (min-width: 600px) { .vehica-users-section__heading { font-size: 50px; line-height: 1.34; } } @media (min-width: 1025px) { .vehica-users-section__heading { margin-bottom: 45px; } } .vehica-user-card-wrapper { border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 22px; box-shadow: 0 2px 7px 0 rgba(196, 196, 196, 0.34); margin-top: 10px; position: relative; top: 0; transition: all 0.2s ease; } @media (max-width: 700px) { .vehica-user-card-wrapper { max-width: 370px; margin-left: auto; margin-right: auto; } } @media (min-width: 1023px) { .vehica-user-card-wrapper:hover { position: relative; top: -10px; } } .vehica-user-card__content { padding: 45px 30px 30px; } .vehica-user-card__icons { position: absolute; margin-top: -30px; left: 30px; } .vehica-user-card__icon { width: 47px; height: 47px; line-height: 47px; font-size: 20px; border-radius: 10px; color: #fff; text-align: center; display: inline-block; margin-bottom: 25px; margin-right: 8px; } @media (min-width: 1023px) { .vehica-user-card__icon:hover { color: #fff; } } .vehica-user-card__image { height: 284px; background: #d2d2d2; overflow: hidden; position: relative; } .vehica-user-card__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .vehica-user-card__heading { font-size: 23px; line-height: 29px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; margin-bottom: 7px; color: #222732; } .vehica-user-card__heading a { color: inherit; } .vehica-user-card__subheading { opacity: 0.5; font-size: 15px; line-height: 19px; font-weight: 500; text-align: left; color: #222732; margin-bottom: 15px; } .vehica-user-card__separator { width: 100%; background: #ecf0f3; height: 1px; margin-top: 15px; margin-bottom: 19px; } .vehica-user-card__phone { font-size: 16px; line-height: 24px; } .vehica-user-card__phone a { color: inherit; } .vehica-user-card__email { font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--primary); } .vehica-user-card__email a { color: inherit; } .vehica-users-section__button { margin-top: 40px; float: left; width: 100%; } @media (min-width: 900px) { .vehica-users-section__button { width: 100%; min-width: 166px; } } @media (min-width: 1025px) { .vehica-users-section__button { margin-top: 71px; width: auto; min-width: 166px; } } .vehica-users-section__button .vehica-button, .vehica-users-section__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-users-section__button .cn-button.bootstrap, .vehica-users-section__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-users-section__button button.button, .vehica-users-section__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-users-section__button button.button, .vehica-users-section__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-users-section__button input[type=submit], .vehica-users-section__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-users-section__button .wp-block-search__button { width: 100%; } @media (min-width: 1024px) and (max-width: 1024px) { .vehica-users-section__button .vehica-button, .vehica-users-section__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-users-section__button .cn-button.bootstrap, .vehica-users-section__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-users-section__button button.button, .vehica-users-section__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-users-section__button button.button, .vehica-users-section__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-users-section__button input[type=submit], .vehica-users-section__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-users-section__button .wp-block-search__button { width: auto; } } .vehica-user-card__social-icon { display: inline-block; margin-right: 10px; } .vehica-user-card__social-icon a:hover { color: var(--primary); } .vehica-user-card__social-icon a:hover i { color: var(--primary); } .vehica-tabs-wrapper { display: flex; justify-content: flex-end; overflow-x: hidden; width: 100%; } .vehica-tabs { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: grab; display: flex; justify-content: flex-start; max-width: 100%; } @media (max-width: 1199px) { .vehica-tabs { margin-left: auto; margin-right: auto; } } .vehica-tabs:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: grabbing; } .vehica-tabs__inner { display: flex; white-space: nowrap; } .vehica-tab { align-content: center; border: solid 1px transparent; border-radius: 10px; color: #222732; cursor: pointer; display: flex; flex-direction: column; height: 53px; justify-content: center; margin: 0 10px; padding: 0 61px; position: relative; } .vehica-tab:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 0; } .vehica-tab:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(47, 59, 72, 0.08); border-radius: 10px; z-index: 0; } .vehica-tab > * { z-index: 1; } .vehica-tab:first-child { margin-left: 15px; } .vehica-tab:nth-last-child(2) { margin-right: 0; } @media (max-width: 500px) { .vehica-tab { padding: 0 40px; } } .vehica-tab.vehica-tab--empty { display: none; } .vehica-tab__title { font-size: 17px; font-weight: 600; line-height: 21px; text-align: center; white-space: nowrap; } .vehica-tab__subtitle { color: rgba(34, 39, 50, 0.5); font-size: 12px; line-height: 15px; margin-top: 2px; text-align: center; white-space: nowrap; } .vehica-tab--big { height: 64px; } .vehica-tab--bg-white:after { background-color: rgba(255, 255, 255, 0.7); } .vehica-tab--active { border: solid 1px var(--primary); color: var(--primary); } .vehica-tab--active .vehica-tab__title { color: var(--primary); } .vehica-tab--active .vehica-tab__subtitle { color: var(--primary); } .vehica-tab--active:after { background-color: var(--primary-light); } .vehica-tabs-line { display: block; margin-top: 25px; background: #e8e8e8; height: 1px; width: 90%; margin-right: 27px; } @media (max-width: 1199px) { .vehica-tabs-line { display: none; } } .vehica-tab:not(.vehica-tab--active) { transition: all 0.1s ease-in-out; } .vehica-tab:not(.vehica-tab--active):before { transition: background-color 0.1s ease-in-out; } .vehica-tab:not(.vehica-tab--active):after { transition: background-color 0.1s ease-in-out; } @media (min-width: 1023px) { .vehica-tab:not(.vehica-tab--active):hover { border: 1px solid var(--primary); } .vehica-tab:not(.vehica-tab--active):hover:before { opacity: 1; } .vehica-tab:not(.vehica-tab--active):hover:after { background: var(--primary-light); } } @media (min-width: 1200px) { .vehica-tabs-top-v1 { display: flex; align-items: center; justify-content: center; margin-bottom: 48px; } .vehica-tabs-top-v1 .vehica-tabs-top-v1__left { width: 50%; } .vehica-tabs-top-v1 .vehica-tabs-top-v1__right { position: relative; width: 50%; margin-left: 22px; } } .vehica-tabs-top-v1__right { margin-top: 18px; margin-bottom: 32px; position: relative; } @media (min-width: 899px) { .vehica-tabs-top-v1__right { margin-top: 0; margin-bottom: 50px; } } @media (min-width: 1200px) { .vehica-tabs-top-v1__right { margin-bottom: 0; } } .vehica-tabs-top-v1__heading-big { text-align: center; font-weight: 900; margin-bottom: 20px; font-size: 38px; line-height: 48px; padding-left: 15px; padding-right: 15px; } @media (min-width: 900px) { .vehica-tabs-top-v1__heading-big { font-size: 60px; line-height: 76px; padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) { .vehica-tabs-top-v1__heading-big { font-size: 50px; line-height: 63px; text-align: left; margin-bottom: 0; } } .vehica-tabs-top-v1__heading-small { font-size: 22px; line-height: 1.64; margin: 0; letter-spacing: normal; text-align: center; color: var(--primary); margin-bottom: 6px; } @media (min-width: 1200px) { .vehica-tabs-top-v1__heading-small { text-align: left; margin-bottom: 0; } } @media (min-width: 1200px) { .vehica-tabs-top-v2 { display: flex; margin-bottom: 10px; justify-content: space-between; } } .vehica-tabs-top-v2 .vehica-tab { margin: 0 6px; padding: 0 29px; } @media (min-width: 768px) { .vehica-tabs-top-v2 .vehica-tab:nth-last-child(2) { margin-right: 0; } } .vehica-tabs-top-v2 .vehica-tab:first-child { margin-left: 15px; } .vehica-tabs-top-v2__heading { font-size: 38px; line-height: 48px; margin-bottom: 20px; font-weight: 900; padding-left: 15px; padding-right: 15px; width: 100%; text-align: center; } @media (min-width: 900px) { .vehica-tabs-top-v2__heading { font-size: 60px; line-height: 76px; padding-left: 0; padding-right: 0; } } @media (min-width: 1024px) { .vehica-tabs-top-v2__heading { font-size: 50px; line-height: 63px; } } @media (min-width: 1200px) { .vehica-tabs-top-v2__heading { text-align: left; } } .vehica-tabs-top-v2__tabs { display: flex; margin-bottom: 36px; overflow-y: scroll; width: 100%; position: relative; align-items: center; justify-content: center; } .vehica-tabs-top-v2__tabs::-webkit-scrollbar { display: none; } @media (min-width: 1200px) { .vehica-tabs-top-v2__tabs { overflow: hidden; justify-content: flex-end; } } .vehica-tabs-top-v2__tabs .vehica-tab { margin: 0 6px; padding: 0 29px; } .vehica-short-info { width: 100%; display: block; } .vehica-short-info:after { clear: both; content: ""; display: table; } .vehica-short-info__inner { display: block; } @media (max-width: 899px) { .vehica-short-info__inner { max-width: 320px; margin: 0 auto; } } .vehica-short-info__inner:after { clear: both; content: ""; display: table; } @media (min-width: 500px) and (max-width: 899px) { .vehica-accordion { margin: 0 15px; } } .vehica-accordion .elementor-accordion-item { margin-bottom: 16px; border: 0 solid transparent; } .vehica-accordion .elementor-accordion-item .elementor-tab-title { border: 1px solid #e7edf3; border-radius: 10px; transition: border-radius, border-color 0.1s linear; font-size: 17px; font-weight: 500; line-height: 25px; } @media (min-width: 900px) and (max-width: 1023px) { .vehica-accordion .elementor-accordion-item .elementor-tab-title { font-size: 15px; } } .vehica-accordion .elementor-accordion-item .elementor-accordion-icon { position: relative; top: 4px; margin-left: 15px; } .vehica-accordion .elementor-accordion-item .elementor-active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-color: var(--primary); } .vehica-accordion .elementor-accordion-item .elementor-tab-content { border: 1px solid #e7edf3; border-top: 0 solid transparent; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; transition: border 0s linear; } .vehica-accordion .elementor-accordion-item .elementor-active + .elementor-tab-content { border-color: var(--primary); } .vehica-address span { white-space: pre-wrap; } .vehica-close-animated { position: relative; margin: auto; width: 50px; height: 50px; margin-top: 100px; cursor: pointer; } .vehica-close-animated__leftright { height: 6px; width: 30px; position: absolute; margin-top: 24px; background-color: #222732; border-radius: 2px; transform: rotate(45deg); transition: all 0.3s ease-in; } .vehica-close-animated__rightleft { height: 6px; width: 30px; position: absolute; margin-top: 24px; background-color: #222732; border-radius: 2px; transform: rotate(-45deg); transition: all 0.3s ease-in; } .vehica-close-animated:hover .vehica-close-animated__leftright { transform: rotate(-45deg); background-color: var(--primary); } .vehica-close-animated:hover .vehica-close-animated__rightleft { transform: rotate(45deg); background-color: var(--primary); } .vehica-subscribe-form { display: flex; width: 100%; } .vehica-subscribe-form input[type=email] { height: 53px; width: 100%; border-radius: 10px; font-size: 15px; padding-left: 27px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; background-color: #fff; } .vehica-subscribe-form input[type=email]::placeholder { color: rgba(47, 59, 72, 0.5); } .vehica-subscribe-form .vehica-button, .vehica-subscribe-form #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-subscribe-form .cn-button.bootstrap, .vehica-subscribe-form .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-subscribe-form button.button, .vehica-subscribe-form .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-subscribe-form button.button, .vehica-subscribe-form .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-subscribe-form input[type=submit], .vehica-subscribe-form .wp-block-search .wp-block-search__button, .wp-block-search .vehica-subscribe-form .wp-block-search__button { min-width: 157px; margin-left: 13px; } @media (max-width: 899px) { .vehica-subscribe-form { display: block; max-width: 360px; margin: 0 auto; } .vehica-subscribe-form input[type=email] { width: 100%; } .vehica-subscribe-form .vehica-button, .vehica-subscribe-form #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-subscribe-form .cn-button.bootstrap, .vehica-subscribe-form .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-subscribe-form button.button, .vehica-subscribe-form .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-subscribe-form button.button, .vehica-subscribe-form .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-subscribe-form input[type=submit], .vehica-subscribe-form .wp-block-search .wp-block-search__button, .wp-block-search .vehica-subscribe-form .wp-block-search__button { width: 100%; margin: 15px 0 0 0; } } .mc4wp-alert { margin-top: 20px; font-weight: 500; color: #6f6f6f; font-size: 15px; line-height: 19px; max-width: 445px; } .mc4wp-alert.mc4wp-success { color: green; } @media (min-width: 900px) and (max-width: 929px) { .vehica-newsletter-subtitle { font-size: 14px !important; } } @media (min-width: 930px) and (max-width: 975px) { .vehica-newsletter-subtitle { font-size: 15px !important; } } .mc4wp-alert.mc4wp-success { color: var(--primary); background: var(--primary-light); padding: 10px 20px; border-radius: 10px; max-width: none; font-size: 14px; line-height: 20px; display: inline-block; } .mc4wp-alert.mc4wp-error { bottom: -38px; position: absolute; background: #232732; padding: 7px 15px; display: block; color: #fff; text-align: center; border-radius: 4px; } .mc4wp-alert:after { content: ""; position: absolute; top: -9px; left: 20px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #232732; } @media (max-width: 900px) { .mc4wp-alert { width: 100%; left: 0; right: 0; margin-left: auto; margin-righT: auto; max-width: 360px; } .mc4wp-alert:after { display: none; } } .vehica-sticky-element { width: 100%; } .vehica-sticky-element .elementor-widget:not(:last-child) { margin-bottom: 0 !important; } .vehica-count-down { display: flex; } @media (max-width: 899px) { .vehica-count-down { margin: 0 auto; } } @media (max-width: 1200px) { .vehica-count-down { max-width: 312px; } } .vehica-count-down__box { width: 163px; margin-right: 32px; text-align: center; } @media (max-width: 1200px) { .vehica-count-down__box { width: 92px; margin-right: 18px; } } .vehica-count-down__box:last-of-type { margin-right: 0; } .vehica-count-down__box__inner { border-radius: 10px; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: solid 1px #e7edf3; background-color: #fff; } .vehica-count-down__number { font-size: 50px; font-weight: 900; line-height: 63px; color: var(--primary); margin-bottom: 20px; margin-top: 37px; } @media (max-width: 1200px) { .vehica-count-down__number { font-size: 27px; line-height: 36px; margin-bottom: 7px; margin-top: 21px; } } .vehica-count-down__label { font-size: 15px; line-height: 19px; margin-bottom: 31px; color: #2f3b48; } @media (max-width: 1200px) { .vehica-count-down__label { font-size: 14px; line-height: 18px; margin-bottom: 17px; } } .vehica-loan-calculator { border-radius: 20px; background-color: #f2f5fb; padding: 50px 0px 70px 0px; } .vehica-loan-calculator input { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; padding-left: 69px; } .vehica-loan-calculator input::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-loan-calculator input { font-size: 16px; } } @media (max-width: 600px) { .vehica-loan-calculator { padding-top: 30px; padding-bottom: 30px; } } .vehica-loan-calculator input { font-weight: bold; } .vehica-loan-calculator__title { width: 100%; text-align: center; font-size: 50px; line-height: 63px; font-weight: 900; margin: 0 auto 40px auto; padding: 0 15px; } @media (max-width: 600px) { .vehica-loan-calculator__title { font-size: 30px; line-height: 38px; margin-bottom: 20px; } } .vehica-loan-calculator__subtitle { max-width: 730px; margin: 0 auto 66px auto; text-align: Center; padding-left: 15px; padding-right: 15px; } @media (max-width: 899px) { .vehica-loan-calculator__subtitle { max-width: 520px; margin: 0 auto 30px auto; } } .vehica-loan-calculator__end-text { max-width: 730px; margin: 30px auto 0 auto; text-align: Center; font-size: 12px; line-height: 15px; padding: 0 15px; } @media (max-width: 899px) { .vehica-loan-calculator__end-text { max-width: 520px; margin-left: auto; margin-right: auto; } } .vehica-loan-calculator__fields { width: 100%; max-width: 586px; margin: 0 auto; } .vehica-loan-calculator__error { text-align: center; margin: 0px auto 25px auto; } .vehica-loan-calculator__error:after { clear: both; content: ""; display: table; } .vehica-loan-calculator__error__inner { display: inline-block; background: var(--primary); border: 1px solid var(--primary); background: var(--primary-light); color: var(--primary); font-size: 14px; line-height: 16px; padding: 15px 50px; border-radius: 10px; } .vehica-loan-calculator__fields__inner { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -7px; padding: 0 15px; } .vehica-loan-calculator__field-wrapper { padding: 0 7px; margin-bottom: 16px; width: 100%; } @media (min-width: 900px) { .vehica-loan-calculator__field-wrapper { width: 50%; } } .vehica-loan-calculator__field-wrapper h4 { margin-bottom: 8px; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-align: left; } .vehica-loan-calculator__field-wrapper--is-error h4 { color: #F44336; } .vehica-loan-calculator__field-wrapper--is-error input { border-color: #F44336; background-color: #FFEBEE; } .vehica-loan-calculator__field-wrapper--is-error i { color: #F44336; } .vehica-loan-calculator__field-wrapper--is-error .vehica-loan-calculator__field:before { background: #F44336; } .vehica-loan-calculator__field { position: relative; } .vehica-loan-calculator__field .vehica-loan-calculator__sign { position: absolute; font-size: 20px; font-weight: bold; color: var(--primary); top: 0; left: 0; width: 50px; text-align: center; height: 53px; line-height: 53px; } .vehica-loan-calculator__field:before { content: ""; height: 53px; width: 1px; background: #e7e9ee; position: absolute; top: 0; left: 50px; } .vehica-loan-calculator__separator { height: 1px; width: 100%; margin: 40px 0 64px 0; background: #e7e9ee; } @media (max-width: 600px) { .vehica-loan-calculator__separator { margin-top: 30px; margin-bottom: 30px; } } .vehica-loan-calculator__results--wrapper { padding: 0 15px; } @media (max-width: 899px) { .vehica-loan-calculator__results--wrapper { margin: 0 auto; max-width: 586px; } } .vehica-loan-calculator__results { max-width: 782px; margin: 0 auto; padding: 0 15px; border-radius: 20px; border: solid 1px var(--primary); background-color: #fff; } @media (min-width: 900px) { .vehica-loan-calculator__results { display: flex; } } .vehica-loan-calculator__results__col { position: relative; } @media (min-width: 900px) { .vehica-loan-calculator__results__col { width: 33.33%; padding: 0 35px; } } .vehica-loan-calculator__results__col h3 { font-size: 19px; font-weight: 600; color: #222732; margin-bottom: 8px; margin-top: 30px; text-align: center; } @media (max-width: 800px) { .vehica-loan-calculator__results__col h3 { margin-top: 60px; } } .vehica-loan-calculator__results__col:first-child h3 { margin-top: 30px; } .vehica-loan-calculator__results__col h4 { font-size: 19px; font-weight: bold; color: var(--primary); margin-bottom: 36px; text-align: center; } @media (max-width: 799px) { .vehica-loan-calculator__results__col:nth-child(1):before, .vehica-loan-calculator__results__col:nth-child(2):before { content: ""; display: block; height: 1px; width: 75px; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: -30px; background: #eaecf2; } } @media (min-width: 800px) { .vehica-loan-calculator__results__col:nth-child(1):after, .vehica-loan-calculator__results__col:nth-child(2):after { display: block; content: ""; height: 70%; width: 1px; position: absolute; right: 0; top: 15%; background: #eaecf2; } } .vehica-loan-calculator__button { width: 100%; text-align: center; margin-top: 25px; } @media (max-width: 600px) { .vehica-loan-calculator__button { padding-left: 5px; padding-right: 5px; } .vehica-loan-calculator__button .vehica-button, .vehica-loan-calculator__button #cookie-notice .cn-button.bootstrap, #cookie-notice .vehica-loan-calculator__button .cn-button.bootstrap, .vehica-loan-calculator__button .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-loan-calculator__button button.button, .vehica-loan-calculator__button .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-loan-calculator__button button.button, .vehica-loan-calculator__button .vehica-post-field__text input[type=submit], .vehica-post-field__text .vehica-loan-calculator__button input[type=submit], .vehica-loan-calculator__button .wp-block-search .wp-block-search__button, .wp-block-search .vehica-loan-calculator__button .wp-block-search__button { width: 100%; } } .vehica-show-more { cursor: pointer; background: transparent; border: none; padding: 0; margin: 0; font-size: inherit; color: var(--primary); text-decoration: underline; } .vehica-background-accent-v1 { position: absolute; width: 144px; height: 117px; display: block; background-size: cover; z-index: 0; top: 482px; left: 2px; } @media (max-width: 1760px) { .vehica-background-accent-v1 { display: none; } } .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, .mce-menu .mce-menu-item:hover { background: var(--primary) !important; } x .mce-panel { border-radius: 10px !important; xbox-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24) !important; xborder: 1px solid #e7edf3 !important; } x .mce-panel { border-radius: 10px !important; background-color: #fff !important; font-size: 16px !important; font-weight: 500 !important; color: #222732 !important; } x .mce-statusbar { display: none !important; } x .mce-toolbar-grp, x .wp-editor-container { border: 0px solid transparent !important; } x .mce-toolbar-grp > div { padding: 10px !important; } .vehica-phone-show-number a, .vehica-phone-show-number button { display: block; text-align: center; border: 1px solid var(--primary); width: 100%; font-size: 17px; line-height: 20px; font-weight: 600; color: #0f141e; padding: 14px 15px; border-radius: 10px; background: #fff; cursor: pointer; transition: all 0.2s ease; } .vehica-phone-show-number a i, .vehica-phone-show-number button i { color: var(--primary); margin-right: 14px; } @media (min-width: 1023px) { .vehica-phone-show-number a:hover, .vehica-phone-show-number button:hover { background: var(--primary-light); color: var(--primary); } } .vehica-field--validation-required input { border: 1px solid red !important; color: red; } .vehica-field--validation-required input::placeholder { color: red !important; } .vehica-field--validation-required__tip { position: relative; } .vehica-field--validation-required__tip__text { white-space: nowrap; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); position: absolute; left: 0; bottom: -15px; display: inline-block; background: #232732; padding: 7px 15px; font-size: 14px !important; line-height: 1 !important; color: #fff; margin: 4px 12px -6px 8px; border-radius: 4px; z-index: 2; } .vehica-field--validation-required__tip__text:after { content: ""; position: absolute; top: -9px; left: 20px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #232732; } .vehica-package { border-radius: 10px; background: #fff; box-shadow: 0 20px 50px 0 rgba(143, 143, 143, 0.16); display: flex; width: 100%; margin-bottom: 21px; position: relative; align-items: center; border: 1px solid #fff; transition: all 0.2s ease; } .vehica-package:hover { border-color: var(--primary); cursor: pointer; } .vehica-package:hover .vehica-package__radio__inner { opacity: 1; } @media (max-width: 767px) { .vehica-package { display: block; } } .vehica-select-package--has-error .vehica-car-form__section { border: 1px solid red !important; } .vehica-package-new__label { background: #070707; border-radius: 5px; font-size: 14px; line-height: 18px; padding: 2px 15px; font-weight: 800; position: absolute; top: -11px; left: 20px; color: #fff; } @media (min-width: 767px) { .vehica-package-new__label { left: 25px; } } .vehica-package--active { border: 1px solid var(--primary); } .vehica-package--active .vehica-package__radio { border: 1px solid var(--primary); } .vehica-package--active .vehica-package__radio__inner { opacity: 1; } .vehica-package--free { background: transparent; box-shadow: none; border: 1px solid #cecece; } .vehica-package--free.vehica-package--active { border: 1px solid #222732; } .vehica-package--free.vehica-package--active .vehica-package__radio { border-color: #222732; } .vehica-package--free .vehica-package__radio__inner { background: #222732; } .vehica-package--free:hover { border-color: #222732; } @media (min-width: 768px) { .vehica-package--free .vehica-package__left, .vehica-package--free .vehica-package__right { padding-top: 10px; padding-bottom: 10px; } .vehica-package--free .vehica-package__left { border-right-color: #e5e5e5; } } .vehica-package--free .vehica-package__price { color: #070707; font-size: 20px; } @media (min-width: 768px) { .vehica-package--free .vehica-package__price { line-height: 50px; } } .vehica-package__left { padding: 30px 0 0 30px; position: relative; } @media (min-width: 768px) { .vehica-package__left { padding: 30px 40px; width: 230px; border-right: 1px solid #f2f5fb; } } .vehica-package__right { padding: 10px 30px 30px; } @media (min-width: 768px) { .vehica-package__right { padding: 30px 113px 30px 40px; flex: 1; } } .vehica-package__name { font-size: 15px; line-height: 19px; margin-bottom: 1px; } .vehica-package__price { font-size: 39px; line-height: 49px; font-weight: 800; color: var(--primary); } .vehica-package__desc { font-size: 15px; line-height: 1.73; } .vehica-package__desc__row:after { clear: both; content: ""; display: table; } .vehica-package__desc__row__label { display: inline-block; min-width: 70px; float: left; } .vehica-package__desc__row__value { display: inline-block; float: left; font-weight: 900; } .vehica-package__radio { border-radius: 50%; border: 1px solid #cecece; min-width: 28px; width: 28px; height: 28px; margin: 30px 40px; position: relative; display: none; } .vehica-package__radio input { display: none; } @media (min-width: 768px) { .vehica-package__radio { display: inline-block; } } .vehica-package__radio__inner { display: inline-block; position: absolute; top: 6px; left: 6px; background: var(--primary); width: 14px; border-radius: 50%; height: 14px; opacity: 0; transition: all 0.2s ease; } .vehica-package-buy-new { background: #fff; padding: 60px 20px 45px; border-radius: 10px; margin-top: -40px; margin-bottom: 21px; text-align: center; border: 1px solid var(--primary); } .vehica-package-buy-new__or { margin: 20px 0; padding-top: 20px; border-top: 1px solid #f2f5fb; } .vehica-package-buy-new__inner { max-width: 500px; margin: 0 auto; } .vehica-package-buy-new__inner h3 { font-weight: 700; margin-bottom: 12px; } .vehica-package-buy-new__inner #vehica-card-errors { margin-bottom: 10px; color: red; } .vehica-package-buy-new__inner__info { text-align: center; font-size: 13px; margin-bottom: 20px; } #vehica-payment-form { margin-bottom: 10px; } .vehica-stripe-button { width: 100%; border-radius: 4px; min-height: 55px; cursor: pointer; background: #1a2533; color: #fff; border: 0 solid transparent; transition: all 0s ease; font-size: 18px; font-weight: 500; } .vehica-stripe-button:hover { filter: brightness(0.9); } .vehica-package-buy-new__stripe .StripeElement { background: #f2f5fb; padding: 35px 30px; margin-bottom: 10px; border-radius: 10px; } .vehica-package--owned .vehica-package__name { font-size: 25px; line-height: 31px; font-weight: 800; color: var(--primary); } .vehica-package__listings-left strong { font-weight: bold; color: var(--primary); } .vehica-car-form__switcher-wrapper { background-color: var(--white); margin-bottom: 35px; font-weight: 500; font-size: 15px; text-align: center; } @media (min-width: 768px) { .vehica-car-form__switcher-wrapper { font-size: 19px; } } .vehica-car-form__switcher-wrapper .vehica-car-form__switcher { position: relative; display: inline-block; margin-left: 10px; margin-right: 10px; height: 24px; width: 40px; } @media (min-width: 767px) { .vehica-car-form__switcher-wrapper .vehica-car-form__switcher { height: 32px; width: 60px; margin-left: 30px; margin-right: 30px; } } .vehica-car-form__switcher-wrapper .vehica-car-form__switcher input { opacity: 0; width: 0; height: 0; } .vehica-car-form__switcher-wrapper .vehica-car-form__switcher__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; background-color: #fff; border-radius: 50px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .vehica-car-form__switcher-wrapper .vehica-car-form__switcher__slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 5px; bottom: 5px; background-color: var(--primary); -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; } @media (min-width: 768px) { .vehica-car-form__switcher-wrapper .vehica-car-form__switcher__slider:before { height: 26px; width: 26px; left: 4px; bottom: 4px; } } .vehica-car-form__switcher-wrapper input:checked + .vehica-car-form__switcher__slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } @media (min-width: 768px) { .vehica-car-form__switcher-wrapper input:checked + .vehica-car-form__switcher__slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } } .vehica-car-form__switcher__option { display: inline; transition: all 0.2s ease; } .vehica-car-form__switcher__option:hover { cursor: pointer; color: var(--primary); } .vehica-car-form__switcher__option--active { color: var(--primary); } .vehica-inventory-v1__loader { display: none; text-align: center; width: 100%; position: absolute; z-index: 100001; } .vehica-inventory-v1__loader svg { margin-top: 45px; width: 50px; height: 34px; xanimation: mcrotate 0.5s infinite linear; fill: var(--primary); } .vehica-compare__loader { height: 300px; position: relative; } .vehica-compare__loader-inner { display: block; text-align: center; width: 100%; position: absolute; z-index: 100001; } .vehica-compare__loader-inner svg { margin-top: 45px; width: 50px; height: 34px; xanimation: mcrotate 0.5s infinite linear; fill: var(--primary); } @keyframes mcrotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (min-width: 1024px) { .vehica-inventory-v1__is-reloading .vehica-inventory-v1__loader { display: block; } .vehica-inventory-v1__is-reloading .vehica-inventory-v1__2-cols__left, .vehica-inventory-v1__is-reloading .vehica-inventory-v1__results { opacity: 0; } } .woocommerce-error, .woocommerce-info, .woocommerce-message { font-size: 16px; line-height: 20px !important; font-weight: 600; color: #222732; border-radius: 20px; border: none; border-top-color: #1e85be; background: #f2f5fb; margin: 15px 0 15px 0; padding: 20px 50px 20px 50px !important; } .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before { top: 20px; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { line-height: inherit !important; } .woocommerce-error p, .woocommerce-info p, .woocommerce-message p { font-size: 16px; line-height: 20px !important; font-weight: 600; color: #222732; margin-bottom: 12px; } .woocommerce-error .showcoupon, .woocommerce-info .showcoupon, .woocommerce-message .showcoupon { color: var(--primary); text-decoration: underline; } .woocommerce-info:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a"; font-size: 18px; top: 21px; left: 20px; } .woocommerce-error { color: #b81c23; color: #b81c23; } .woocommerce-error:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06a"; font-size: 18px; top: 21px; left: 20px; } .vehica-car-form__inner .woocommerce-error, .vehica-car-form__inner .woocommerce-info, .vehica-car-form__inner .woocommerce-message { background: #fff; border-radius: 5px; border: 1px solid; } .vehica-car-form__inner .woocommerce-error { background: #fff5f6; } .woocommerce { border-top-color: #1e85be; max-width: 1120px; margin: 0 auto 0; display: block; border-radius: 20px; border: none; padding: 30px 15px 0; } @media (min-width: 900px) { .woocommerce { padding: 50px 30px 0; } } .woocommerce .vehica-car-form__inner { padding-left: 0; padding-right: 0; } .vehica-checkout { margin-top: 50px; } .vehica-checkout .vehica-car-form { padding-top: 0 !important; } .vehica-checkout #payment { background: transparent; } .vehica-checkout .payment_methods { padding: 0 !important; border-bottom: 0 !important; } .vehica-checkout .payment_methods:after { clear: both; content: ""; display: table; } .vehica-checkout label { font-size: 16px; line-height: 20px !important; font-weight: 600; color: #222732; margin-bottom: 12px; } .vehica-checkout .shop_table { font-size: 16px !important; color: #222732 !important; border: none !important; margin: 0 0 40px 0; border-collapse: collapse !important; } .vehica-checkout .shop_table td, .vehica-checkout .shop_table th { border: none; line-height: 40px !important; padding-left: 0 !important; } .vehica-checkout .shop_table tbody td, .vehica-checkout .shop_table tbody th, .vehica-checkout .shop_table tfoot td, .vehica-checkout .shop_table tfoot th { border-top: 1px solid #cecece !important; } .vehica-checkout .shop_table .cart-subtotal { display: none !important; } .vehica-checkout .woocommerce-privacy-policy-text { display: none; } .woocommerce .vehica-checkout button.button { background: var(--primary) !important; } .vehica-checkout__fields .form-row { display: inline-block; width: 100% !important; padding: 0 6px !important; margin-bottom: 27px !important; float: left !important; clear: none !important; } @media (min-width: 600px) { .vehica-checkout__fields .form-row { width: 50% !important; min-height: 85px !important; } } @media (min-width: 900px) { .vehica-checkout__fields .form-row { width: 33.33% !important; } } .vehica-checkout__fields .form-row:after, .vehica-checkout__fields .form-row:before { content: none !important; display: none !important; } .vehica-checkout__fields #billing_address_2_field { display: none !important; } .vehica-checkout__biling-info:after { clear: both; content: ""; display: table; } .vehica-checkout__biling-info input[type=text], .vehica-checkout__biling-info input[type=email], .vehica-checkout__biling-info input[type=number] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .vehica-checkout__biling-info input[type=text]::placeholder, .vehica-checkout__biling-info input[type=email]::placeholder, .vehica-checkout__biling-info input[type=number]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-checkout__biling-info input[type=text], .vehica-checkout__biling-info input[type=email], .vehica-checkout__biling-info input[type=number] { font-size: 16px; } } .vehica-checkout__biling-info .select2-selection--single { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; font-size: 16px; font-weight: 600; } .vehica-checkout__biling-info .select2-selection--single::placeholder { color: #2f3b48; } @media (max-width: 767px) { .vehica-checkout__biling-info .select2-selection--single { font-size: 16px; } } .vehica-checkout__biling-info .select2-selection__rendered { padding-left: 0 !important; } .vehica-checkout__biling-info .select2-selection__arrow { display: none !important; } .vehica-checkout__biling-info .select2-selection__arrow:before { font-family: "Font Awesome 5 Free"; display: inline-block; content: "\f107"; color: #fff; margin-left: 15px; transition: all 0.2s ease; } .vehica-checkout__biling-info__inner { padding-bottom: 18px !important; } .vehica-checkout fieldset:after, .vehica-checkout__fields:after { clear: both; content: ""; display: table; } @media (min-width: 600px) { .vehica-checkout fieldset, .vehica-checkout__fields { margin: 0 -6px !important; } } .woocommerce-checkout-payment .wc_payment_method { line-height: 5 !important; font-weight: 500 !important; border-bottom: 1px solid #cecece; } .woocommerce-checkout-payment .wc_payment_method:last-of-type { border-bottom: 0; } .woocommerce-checkout-payment .wc_payment_method input { margin-right: 10px !important; cursor: pointer; top: 1px !important; position: relative; } .woocommerce-checkout-payment .wc_payment_method > label { cursor: pointer; font-size: 18px !important; font-weight: 700 !important; } .woocommerce-checkout-payment .wc-saved-payment-methods:after, .woocommerce-checkout-payment .wc-credit-card-form:after { clear: both; content: ""; display: table; } .woocommerce-checkout-payment .wc_payment_methods .form-row { margin: 0 0 15px 0 !important; } .woocommerce-checkout-payment .payment_box { padding: 0 !important; margin: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.64 !important; background-color: transparent !important; color: #6f6f6f !important; } .woocommerce-checkout-payment .payment_box::before { display: none !important; } .woocommerce-checkout-payment .payment_box p { max-width: 600px; color: #6f6f6f !important; margin: 0 0 30px 0 !important; display: block; } .woocommerce-checkout-payment .payment_box p a { color: var(--primary); text-decoration: underline; } .vehica-checkout__title-coupon { font-size: 16px; margin-top: -20px; margin-bottom: 20px; } .vehica-checkout__title-charge { font-size: 23px; line-height: 29px; font-weight: bold; margin-bottom: 30px; color: #000000; } .vehica-checkout__header-title { font-size: 16px; font-weight: 800; } .vehica-thank-you { text-align: center; } .vehica-thank-you .vehica-car-form__section-title { text-align: center; } .vehica-thank-you .vehica-car-form { padding-top: 0 !important; text-align: center; margin-bottom: 50px; } .vehica-thank-you .woocommerce-order-details, .vehica-thank-you .woocommerce-customer-details { display: none; } .vehica-thank-you .vehica-car-form__section { margin-top: 0; } @media (min-width: 900px) { .vehica-thank-you .vehica-car-form__section { padding: 50px 80px !important; } } .vehica-thank-you__purchased { margin-bottom: 30px; font-size: 21px; line-height: 27px; font-weight: 700; } .vehica-thank-you__icon .fas { min-width: 80px; min-height: 80px; background: var(--primary); font-size: 40px; margin-bottom: 30px; padding: 20px; border-radius: 50%; color: #fff; } .vehica-button--back-to-panel { margin-top: 30px; } .woocommerce-form-coupon { font-size: 16px; line-height: 20px !important; font-weight: 600; border-radius: 20px !important; background-color: #f2f5fb !important; padding: 30px 15px 30px 15px !important; border: 1px solid #f2f5fb !important; margin: 15px 0 15px 0 !important; } @media (min-width: 900px) { .woocommerce-form-coupon { padding: 30px 50px 30px 50px !important; min-height: 155px; } } .woocommerce-form-coupon p { margin-bottom: 20px; } .woocommerce-form-coupon p.form-row-first { width: 50% !important; padding: 0 6px 0 0 !important; margin: 0 !important; } .woocommerce-form-coupon p.form-row-last { width: 50% !important; padding: 0 0 0 6px !important; margin: 0 !important; } .woocommerce-form-coupon input[type=text] { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .woocommerce-form-coupon input[type=text]::placeholder { color: #2f3b48; } @media (max-width: 767px) { .woocommerce-form-coupon input[type=text] { font-size: 16px; } } .woocommerce-form-coupon button.button { background-color: var(--primary); } .woocommerce-form-coupon button.button:hover, .woocommerce-form-coupon button.button:active, .woocommerce-form-coupon button.button:focus { background-color: var(--primary); } .vehica-thank-you p { font-size: 20px; margin-top: 30px; border-top: 1px solid white; padding-top: 30px; padding-bottom: 30px; } .vehica-thank-you .wc-bacs-bank-details-heading { color: #222732 !important; font-size: 30px !important; font-weight: 900 !important; line-height: 38px !important; } .vehica-thank-you .wc-bacs-bank-details-account-name { text-align: left !important; font-size: 21px !important; line-height: 30px !important; font-weight: 600 !important; } .vehica-thank-you ul.order_details { margin: 30px 0 !important; padding: 0 !important; } .vehica-thank-you ul.order_details:last-of-type { margin-bottom: 20px !important; } .vehica-thank-you ul.order_details li { float: left !important; width: 100% !important; margin: 0 !important; background: #fff; padding: 30px 40px 0px; border: none !important; text-align: left !important; text-transform: none !important; font-size: 16px !important; line-height: 24px !important; color: #222732; } .vehica-thank-you ul.order_details li:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; margin-top: 10px; } .vehica-thank-you ul.order_details li:last-child { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-bottom: 30px; } .vehica-thank-you ul.order_details li strong { display: block !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1.25 !important; padding: 3px 0 0 0 !important; } .vehica-compare { margin: auto; position: relative; } @media (max-width: 767px) { .vehica-compare { max-width: 400px; } } @media (max-width: 767px) { .vehica-compare--count-1 .vehica-compare__lock, .vehica-compare--count-2 .vehica-compare__lock, .vehica-compare--count-3 .vehica-compare__lock, .vehica-compare--count-4 .vehica-compare__lock { display: none; } } .vehica-compare--count-1 .vehica-compare__arrows { display: none; } .vehica-compare--count-1 .vehica-compare__lock { display: none; } @media (min-width: 768px) { .vehica-compare--count-2 .vehica-compare__arrows { display: none; } .vehica-compare--count-2 .vehica-compare__lock { display: none !important; } } @media (min-width: 1200px) { .vehica-compare--count-3 .vehica-compare__arrows { display: none; } .vehica-compare--count-3 .vehica-compare__lock { display: none !important; } } .vehica-compare h1 { color: #222732; font-weight: 900; font-size: 38px; line-height: 48px; } @media (max-width: 899px) { .vehica-compare h1 { font-size: 30px; line-height: 38px; } } .vehica-compare .vehica-compare__next { background: #EEEFF0; position: absolute; top: 11px; left: 100%; width: 73px; height: 173px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .vehica-compare .vehica-compare__prev { background: #EEEFF0; position: absolute; top: 11px; right: 16px; width: 73px; height: 173px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .vehica-compare .vehica-compare__column { font-weight: 500; padding: 0 15px; position: relative; display: none; color: #6F6F6F; font-size: 16px; line-height: 27px; width: 50%; } @media (max-width: 767px) { .vehica-compare .vehica-compare__column { padding: 5px 10px !important; font-size: 12px !important; line-height: 18px !important; } .vehica-compare .vehica-compare__column:nth-of-type(1) { min-width: 130px; } .vehica-compare .vehica-compare__column:nth-of-type(1) .vehica-compare__column { padding: 10px 15px !important; font-size: 13px !important; } .vehica-compare .vehica-compare__column:nth-of-type(2) { width: 100%; } } .vehica-compare .vehica-compare__column:nth-of-type(-n+2) { display: block; } @media (min-width: 768px) and (max-width: 1199px) { .vehica-compare .vehica-compare__column { width: 33.33%; } .vehica-compare .vehica-compare__column:nth-of-type(-n+3) { display: block; } } @media (min-width: 1200px) { .vehica-compare .vehica-compare__column { width: 25%; } .vehica-compare .vehica-compare__column:nth-of-type(-n+4) { display: block; } } .vehica-compare .vehica-compare__column:first-child { color: #222732; font-weight: 600; } .vehica-compare .vehica-compare__column--featured { font-size: 21px; line-height: 36px; font-weight: 800; color: var(--primary); } .vehica-compare__lock { position: absolute; top: 16px; left: 16px; background: var(--primary); font-size: 14px; line-height: 24px; color: #fff; border-radius: 10px; border: 0px solid transparent; padding: 0 12px; cursor: pointer; } .vehica-compare__lock i { margin-right: 4px; } @media (max-width: 767px) { .vehica-compare__lock { display: none; } } .vehica-compare__column:nth-of-type(3) .vehica-compare__lock, .vehica-compare__column:nth-of-type(4) .vehica-compare__lock { display: none !important; } .vehica-compare__button { margin-top: 20px; } .vehica-compare__image-wrapper { position: relative; background: #f2f5fb; border-radius: 10px; } .vehica-compare__image-wrapper .vehica-compare__image { margin-bottom: 12px; position: relative; display: block; border-radius: 10px; overflow: hidden; height: 180px; } .vehica-compare__image-wrapper .vehica-compare__image img { width: 100%; height: 100%; object-fit: cover; transition: filter 400ms; } .vehica-compare__mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(255, 255, 255, 0) 100%); } .vehica-compare__remove { background: #fff; cursor: pointer; position: absolute; right: 16px; top: 16px; width: 40px; height: 40px; border-radius: 50%; color: #000; display: flex; align-items: center; justify-content: center; font-size: 12px; } .vehica-compare__row { display: flex; position: relative; transition: all 0.3s; } .vehica-compare__row:not(:first-child):after { position: absolute; left: 0; bottom: 0; width: 100%; content: ""; border-bottom: 1px solid #e7edf3; } .vehica-compare__row:nth-last-child(-n+2):after { display: none; } .vehica-compare__column--label { color: #98A0B1; text-align: left !important; } .vehica-compare__column--featured-label { padding-top: 18px !important; } .vehica-compare__name { font-size: 21px; line-height: 30px; margin-top: 23px; border-bottom: 0 !important; font-weight: bold; color: #222732; margin-bottom: 10px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 768px) { .vehica-compare__name { margin-top: 0; } .vehica-compare__row:first-child { display: flex; flex-direction: column; } .vehica-chat .vehica-chat__editor { font-size: 16px; } .vehica-chat__top select { font-size: 16px; } .vehica-compare__row:first-child .vehica-compare__column:nth-of-type(1), .vehica-compare__row:first-child .vehica-compare__column:nth-of-type(2) { width: 100%; min-width: 100%; float: left; padding: 0 !important; } .vehica-compare__row:first-child .vehica-compare__column:nth-of-type(1) { margin-bottom: 30px; } } .vehica-compare__yes { color: green; } .vehica-compare__no { color: red; } .vehica-compare__back-to-search a:hover { color: var(--primary); } .vehica-compare__heading { margin-bottom: 30px; text-align: left; } @media (min-width: 768px) { .vehica-compare__heading { margin-bottom: 70px; } } .vehica-compare__row .vehica-compare__column { padding: 13px 20px; border-right: 1px solid #e7edf3; text-align: center; } .vehica-compare__row .vehica-compare__column:first-child { background: #f2f5fb; border-left: 1px solid #e7edf3; } .vehica-compare__row:last-child .vehica-compare__column { border-left: 0 solid transparent; } .vehica-compare__row:nth-of-type(1) .vehica-compare__column { border-right: 1px solid transparent; background: transparent; padding-top: 0 !important; } .vehica-compare__row:nth-of-type(1) .vehica-compare__column:first-child { border-left: 1px solid transparent; padding: 0; } .vehica-compare__row:nth-of-type(2) { border-top: 1px solid #e7edf3; border-top-left-radius: 5px; overflow: hidden; } .vehica-compare__row:last-child { border-top: 1px solid #e7edf3; } .vehica-compare__row:last-child .vehica-compare__column { border-right: 1px solid transparent; background: transparent; } .vehica-compare__image-placeholder { width: 100%; height: 180px; border-radius: 10px; background: #f2f5fb; position: relative; display: block; } .vehica-compare__image-placeholder i { transition: all 0.2s ease; } .vehica-compare__image-placeholder__inner { position: absolute; top: 50%; height: 60px; margin-top: -30px; left: 0; right: 0; padding: 0 15px; text-align: center; } .vehica-compare__image-placeholder__inner i { font-size: 30px; color: #0f141e; margin-bottom: 10px; } .vehica-compare__buttons { display: flex; width: 100%; justify-content: space-between; } @media (min-width: 768px) { .vehica-compare__buttons { padding-right: 20px; } } @media (min-width: 768px) and (max-width: 1024px) { .vehica-compare__buttons { display: flex; flex-direction: column; margin-bottom: 20px; } .vehica-compare__buttons .vehica-button--outline { width: 100%; } .vehica-compare__buttons .vehica-compare__arrows { display: flex; min-width: 88px; float: left; margin-left: auto; margin-top: 20px; width: 88px; } } @media (max-width: 767px) { } .vehica-mobile-hide-compare .vehica-compare-mobile-wrapper { display: none; } .vehica-compare-area-wrapper { position: fixed; margin: 0 auto; padding-right: 15px; right: 0; bottom: 0; z-index: 99999999999; } @media (max-width: 899px) { .vehica-compare-area-wrapper { display: none; } } @media (min-width: 1200px) { .vehica-compare-area-wrapper { padding-right: 30px; } } .vehica-compare-area-inner { z-index: 99999999999; float: right; } .vehica-compare-area { float: right; display: inline-block; flex-direction: column; position: relative; } .vehica-compare-area--count-1 .vehica-compare-area__carousel-buttons, .vehica-compare-area--count-2 .vehica-compare-area__carousel-buttons, .vehica-compare-area--count-3 .vehica-compare-area__carousel-buttons, .vehica-compare-area--count-4 .vehica-compare-area__carousel-buttons { display: none; } .vehica-compare-area .vehica-compare-area__top { z-index: 99999999999; position: absolute; top: -53px; right: 0; } .vehica-compare-area .vehica-compare-area__label { height: 53px; background: #0f141e; border-top-right-radius: 10px; border-top-left-radius: 10px; text-align: center; justify-content: center; color: #fff; font-weight: 600; font-size: 19px; line-height: 24px; padding: 0 30px; display: flex; align-items: center; cursor: pointer; position: relative; overflow: hidden; white-space: nowrap; } .vehica-compare-area .vehica-compare-area__label i { margin-right: 10px; } .vehica-compare-area .vehica-compare-area__label--open { background: #FFFFFF; color: #1E232C; box-shadow: 0px -12px 16px rgba(0, 0, 0, 0.17); top: 0; } .vehica-compare-area .vehica-compare-area__label--open:after { content: ""; position: absolute; width: 100%; height: 5px; left: 0; bottom: -5px; background: #fff; z-index: 10; } .vehica-compare-area .vehica-compare-area__inner { background: #FFFFFF; box-shadow: 0px -12px 16px rgba(0, 0, 0, 0.17); border-top-left-radius: 10px; position: relative; z-index: 1; overflow: hidden; padding: 0 30px; visibility: hidden; height: 0; transition: all 0.3s; } .vehica-compare-area .vehica-compare-area__inner--open { visibility: visible; padding-top: 30px; padding-bottom: 30px; height: 315px; } .vehica-compare-area .vehica-compare-area__inner-enter-active { height: 200px; } .vehica-compare-area .vehica-compare-area__inner-leave-active { animation: compareAreaAnimationClose 0.3s forwards; } .vehica-compare-area .vehica-compare-area__listings { display: flex; } .vehica-compare-area .vehica-compare-area__listing { width: 180px; margin-left: 22px; position: relative; flex-direction: column; display: none; } .vehica-compare-area .vehica-compare-area__listing:nth-child(-n+2) { display: flex; } @media (min-width: 1024px) { .vehica-compare-area .vehica-compare-area__listing:nth-child(-n+4) { display: flex; } } .vehica-compare-area .vehica-compare-area__listing:first-child { margin-left: 0; } .vehica-compare-area .vehica-compare-area__image { margin-bottom: 12px; display: block; position: relative; width: 100%; height: 120px; overflow: hidden; background: #eff0f1; border-radius: 5px; } .vehica-compare-area .vehica-compare-area__image.vehica-compare-area__image--placeholder { background: #eff0f1; border: 1px dashed #9FA0A0; } .vehica-compare-area .vehica-compare-area__image .vehica-compare-area__icon:after { content: "\f03e"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; width: 50px; height: 50px; text-align: center; opacity: 0.5; line-height: 50px; position: absolute; top: 50%; margin: -25px auto 0 auto; left: 0; right: 0; font-size: 24px; } .vehica-compare-area .vehica-compare-area__image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; overflow: hidden; } .vehica-compare-area .vehica-compare-area__name { font-weight: bold; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vehica-compare-mobile-wrapper { display: block; position: fixed; left: 0; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 99999999; } @media (min-width: 900px) { .vehica-compare-mobile-wrapper { display: none; } } .vehica-compare-mobile-wrapper .vehica-compare-mobile-wrapper__inner { margin: 0 auto; display: inline-block; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; min-width: 225px; line-height: 53px; height: 53px; background: #0f141e; color: #fff; font-weight: 600; font-size: 19px; padding: 0 30px; } .vehica-compare-area__remove { cursor: pointer; position: absolute; right: 8px; top: 8px; background: #fff; color: #000; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 10px; z-index: 3; } .vehica-compare-page .vehica-compare-mobile-wrapper, .vehica-compare-page .vehica-compare-area-wrapper { display: none; } .vehica-compare-area__buttons { display: flex; margin-top: 22px; } .vehica-compare-area__one-more { height: 53px; display: flex; color: var(--primary); font-weight: 700; align-items: center; } .vehica-compare-area__carousel-buttons { margin-left: auto; display: flex; } .vehica-compare-area__carousel-buttons > div { display: inline-block; min-width: 53px; height: 53px; margin-left: 11px; line-height: 53px; font-size: 16px; text-align: center; border-radius: 50%; background: #f4f4f4; cursor: pointer; transition: all 0.2s ease; } .vehica-compare-area__carousel-buttons > div:hover { background: var(--primary); color: #fff; } .vehica-compare-area-wrapper-leave-active { animation: compareAreaAnimationClose 0.3s forwards; } .vehica-compare-area-wrapper-enter-active { animation: compareAreaAnimationOpen 0.3s forwards; } @keyframes compareAreaAnimationOpen { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes compareAreaAnimationClose { 0% { transform: translateY(0%); } 100% { transform: translateY(100%); } } .vehica-compare__image-wrapper__icon:after { content: "\f03e"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; width: 50px; height: 50px; text-align: center; opacity: 0.5; line-height: 50px; position: absolute; top: 50%; margin: -25px auto 0 auto; left: 0; right: 0; font-size: 40px; } .vehica-compare-add { cursor: pointer; display: flex; position: relative; z-index: 10; align-items: center; justify-content: flex-end; font-weight: 600; font-size: 14px; color: #1E232C; } .vehica-compare-add .vehica-checkbox { margin: 0; padding: 10px 20px; } .vehica-compare-add:hover { color: var(--primary); } .vehica-compare-add .vehica-compare-add__checkbox { display: inline-flex; width: 16px; height: 16px; border: 1px solid #9FA0A0; border-radius: 3px; margin-right: 4px; color: #fff; align-items: center; justify-content: center; } .vehica-compare-add .vehica-compare-add__checkbox--checked { background: var(--primary); border: transparent; } .vehica-compare__arrows { display: flex; min-width: 88px; align-items: center; justify-content: space-between; } .vehica-compare__arrows .vehica-carousel__arrow { width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .vehica-compare-add--solo { justify-content: flex-start; } .vehica-compare-add--solo .vehica-checkbox input:checked + label { color: #2f3b48 !important; } .vehica-compare-add--solo .vehica-checkbox { padding: 0; } .vehica-compare-add--solo .vehica-checkbox input + label:before { width: 18px; height: 18px; top: 2px; } .vehica-compare-add--solo .vehica-checkbox input + label { padding: 2px 0 0 27px; color: #a7a8a8; font-size: 16px; font-weight: 400; } .vehica-compare-add--solo .vehica-checkbox:hover label { color: #2f3b48 !important; } .vehica-compare-add--solo .vehica-checkbox input + label:before { border: 2px solid #a7a8a8; } .vehica-car-card--is-compare .vehica-compare-add--solo .vehica-car-card--is-compare .vehica-checkbox input:checked + label:before { background: #fff !important; } .vehica-car-card--is-compare .vehica-compare-add--solo .vehica-checkbox input:checked + label:before { background: var(--primary) !important; border-color: var(--primary) !important; } .vehica-car-card--is-compare .vehica-compare-add--solo .vehica-checkbox input:checked + label { color: var(--primary) !important; } .vehica-car-card--is-compare .vehica-compare-add--solo .vehica-checkbox input:checked + label:after { color: #fff !important; } .vehica-car-card--is-compare .vehica-compare-add--solo .vehica-checkbox input:checked + label:after { left: 5px; font-size: 9px; top: 4px; } @media (min-width: 1200px) { .rtl .vehica-button--menu-submit { margin-right: 30px; margin-left: 0; } .rtl .vehica-menu-desktop-login-register-link__user-icon { margin-left: 20px; margin-right: 0; } .rtl .vehica-menu__wrapper .vehica-menu > .menu-item-has-children > .vehica-menu__link:after { margin-right: 15px; margin-left: 0; } .rtl .vehica-menu__wrapper .vehica-logo { margin-right: 0; margin-left: 40px; } .rtl .vehica-menu__wrapper .vehica-menu .vehica-submenu { right: -20px; left: initial; } .rtl .vehica-menu__wrapper .vehica-menu > .menu-item > .vehica-submenu:before { right: 31px; left: initial; } .rtl .vehica-menu__wrapper .vehica-menu > .menu-item > .vehica-submenu:after { right: 30px; left: initial; } .rtl .vehica-desktop-user-menu { left: initial; right: 0; } .rtl .vehica-desktop-user-menu:before { left: initial; right: 32px; } .rtl .vehica-desktop-user-menu:after { left: initial; right: 33px; } .rtl .vehica-desktop-user-menu__menu-links a i { margin-left: 9px; margin-right: 0; } .rtl .vehica-desktop-user-menu__menu-links__count { left: 15px; right: initial; } .rtl .vehica-header--no-submit-button .vehica-desktop-user-menu { left: 0; right: auto; } .rtl .vehica-header--no-submit-button .vehica-desktop-user-menu:before { left: 32px; right: initial; } .rtl .vehica-header--no-submit-button .vehica-desktop-user-menu:after { left: 33px; right: initial; } .rtl .vehica-button--menu-submit i { margin-left: 7px; margin-right: 0; } .rtl .vehica-menu-hover { xright: 0; } } @media (max-width: 1199px) { .rtl .vehica-mobile-menu__wrapper .vehica-mobile-menu__open { transform: translateX(100%); } .rtl .vehica-mobile-menu__wrapper .vehica-mobile-menu__open.vehica-active { transform: translateX(0); } .rtl .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .menu-item-has-children:after { left: 26px; right: initial; } .rtl .vehica-mobile-menu__info a i { margin-left: 4px !important; margin-right: 0px !important; } .rtl .vehica-mobile-menu__open__top__submit-button i { margin-left: 7px; margin-right: 0; } .rtl .vehica-mobile-menu__login { text-align: left; } .rtl svg.vehica-menu-icon { transform: rotateY(180deg); } } .rtl .vehica-breadcrumbs__last { padding-right: 0; margin-right: 0; padding-left: 15px; margin-left: 15px; } .rtl .vehica-breadcrumbs__separator { left: 2px; right: auto; } @media (max-width: 899px) { .rtl .vehica-breadcrumbs__single:first-child { margin-left: 0; margin-right: 15px; } } .rtl .vehica-car-card__featured { transform: rotate(41deg); margin-left: 0; left: initial; right: -64px; } @media (min-width: 1200px) { .rtl .vehica-tabs-top-v1__right { margin-left: 0; } .rtl .vehica-tabs-top-v1__right .vehica-tab { margin-left: 10px; margin-right: 10px; } .rtl .vehica-tabs-top-v1__right .vehica-tab:nth-last-child(2) { margin-left: 0; } .rtl .vehica-tabs-top-v1__right .vehica-tab:first-child { margin-right: 15px; margin-left: 0; } .rtl .vehica-tabs-top-v1__heading-big { text-align: right; } .rtl .vehica-tabs-top-v1__heading-small { text-align: right; } } .rtl .vehica-carousel-v1 .vehica-carousel-v1__slide { margin-left: 22px !important; margin-right: 0 !important; } @media (min-width: 768px) { .rtl .vehica-tabs-top-v2__heading { text-align: right; } .rtl .vehica-tabs-top-v2 .vehica-tab:nth-last-child(2) { margin-right: 6px; margin-left: 0; } } .rtl .vehica-number-range__1of2 input[type=text] { padding-left: 13px; padding-right: 27px; } .rtl .vehica-results__fields__clear-load-more i { margin-right: 0; margin-left: 4px; } .rtl .vehica-search-v1__tab { margin-right: 0 !important; margin-left: 25px !important; } .rtl .vehica-search-v1__tab-button { overflow: initial; } .rtl .vehica-search-v1__tab *:after { content: "‎‎"; } .rtl .vehica-inventory-v1__view { margin-right: 0; margin-left: 41px; } .rtl .vehica-inventory-v1__sort__heading { padding-right: 0; padding-left: 25px; } .rtl .vehica-search-v1__tab-button { margin-left: 25px !important; margin-left: 0 !important; } .rtl .vehica-inventory-v1 .vehica-inventory-v1__keyword__icon { left: 19px; right: unset !important; } .rtl .vehica-inventory-v1 .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input { padding-right: 27px !important; } .rtl .vehica-inventory-v1 .vehica-search-v1__tab { float: right !important; } @media (min-width: 900px) { .rtl .vehica-search-classic-v2__search-button-wrapper { margin-left: 0; margin-right: 4px; } } .rtl .vehica-car-card__name { text-align: right; } @media (min-width: 1024px) { .rtl .vehica-car-card-row .vehica-car-card-row__price-desktop, .rtl .vehica-car-card-row .vehica-car-card-row__favorite { text-align: left; } .rtl .vehica-car-card-row .vehica-car-card-row__right { margin-right: auto; margin-left: 0; padding-left: 0; padding-right: 18px; } .rtl .vehica-car-row__content { padding-right: 0; padding-left: 32px; } .rtl .vehica-car-card-row__image { padding-left: 36px; padding-right: 0; } .rtl .vehica-car-card__info__single { padding-right: 0; padding-left: 25px; } .rtl .vehica-car-card__info__single:first-child { margin-right: 0; margin-left: 13px; padding-left: 13px; } .rtl .vehica-car-card__info__single i { right: -15px; left: 0; } } .rtl .vehica-car-card-row__calculate { text-align: left; } .rtl .vehica-users-section__right .vehica-swiper-slide { margin-right: 0 !important; } @media (min-width: 1025px) { .rtl .vehica-users-section__right { right: 476px; left: initial; } } @media (min-width: 1520px) { .rtl .vehica-users-section__right { padding-left: 100px; padding-right: 0; } } @media (min-width: 1800px) { .rtl .vehica-users-section__right { padding-left: 0; } } .rtl .vehica-users-section__right .vehica-swiper-slide { width: 100%; } @media (min-width: 630px) and (max-width: 1023px) { .rtl .vehica-users-section__right .vehica-swiper-slide { width: calc(50% - 11px); } } @media (min-width: 1024px) and (max-width: 1024px) { .rtl .vehica-users-section__right .vehica-swiper-slide { width: calc(33.3333333333% - 15px); } } @media (min-width: 1025px) { .rtl .vehica-users-section__right .vehica-swiper-slide { width: calc(25% - 17px); } } .rtl .vehica-form-button { text-align: right; padding-left: 45px; padding-right: 27px; } .rtl .vehica-form-button:after { right: auto; left: 26px; } .rtl .vehica-form-button__clear { left: 11px; right: initial; } .rtl .vehica-checkbox input + label { padding: 2px 31px 0 0; } .rtl .vehica-checkbox input + label:before { right: 0; left: auto; } .rtl .vehica-checkbox input:checked + label:after { right: 5px; left: auto; } .rtl .vehica-checkbox__count { float: left; } .rtl .vehica-popup-checkbox__close { left: 14px; right: initial; } .rtl .v-select:not(.vs-open) .vs__dropdown-toggle { padding-left: 0; padding-right: 27px; flex-direction: row-reverse; } .rtl .v-select:not(.vs-open) input { text-align: right; } .rtl .vs__actions:after { right: initial; left: 26px; } .rtl .vs__actions .vs__clear { left: 5px; right: initial; } .rtl .v-select:not(.vs-open) .vs__selected { right: 0; left: auto; } .rtl .vehica-option { text-align: right; float: right; padding-right: 0; padding-left: 30px; } .rtl .vehica-option span { left: 22px; right: auto; } #cookie-notice { font-size: 16px; line-height: 28px; font-family: inherit; } #cookie-notice .cn-text-container { margin-bottom: 0; } #cookie-notice .cn-button.bootstrap { padding: 0 10px !important; line-height: 28px; font-weight: 700 !important; border-radius: 5px !important; text-transform: uppercase !important; font-size: 14px !important; } .vehica-mobile-menu__wrapper { z-index: 100000; } .vehica-top-bar { z-index: 10; } .vehica-menu__desktop { z-index: 9600; } .vehica-inventory-v1__sort__select { z-index: 100; } .vehica-search-classic-v2 .vs1__combobox { position: relative; z-index: 100000; } .vehica-car-form__section .vs--open, .vehica-results__field .vs--open { z-index: 100000; } .vs__dropdown-toggle { z-index: 9000; } .vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__currency-switcher { z-index: 99999999999999; } .vehica-currency-switcher__list { z-index: 999999999999999; } .pswp { z-index: 10000000000000000 !important; } .swal2-container { z-index: 10000000000000000 !important; } .vehica-register-v2 { background-color: #fff; max-width: 478px; margin: 0 auto; border-radius: 20px; padding: 42px 34px; display: block; } .vehica-register-v2 .vehica-fields { width: 100%; max-width: 100%; } .vehica-register-v2 button.vehica-button, .vehica-register-v2 .wp-block-search button.wp-block-search__button, .wp-block-search .vehica-register-v2 button.wp-block-search__button, .vehica-register-v2 .woocommerce .vehica-checkout button.button, .woocommerce .vehica-checkout .vehica-register-v2 button.button, .vehica-register-v2 .woocommerce-form-coupon button.button, .woocommerce-form-coupon .vehica-register-v2 button.button, .vehica-register-v2 #cookie-notice button.cn-button.bootstrap, #cookie-notice .vehica-register-v2 button.cn-button.bootstrap { width: 100%; } .vehica-register-v2 .vehica-register__social-text { text-align: center; margin: 16px 0; } .vehica-account-socials { display: flex; } .vehica-account-socials .vehica-account-socials__icon { width: 33.3333%; border: 1px solid #d1d5db; border-radius: 6px; color: #6b7280; padding: 8px 0; text-align: center; margin: 0 5px; } .vehica-account-socials .vehica-account-socials__icon:first-child { margin-left: 0; } .vehica-account-socials .vehica-account-socials__icon:last-child { margin-right: 0; } .vehica-account-socials .vehica-account-socials__icon i { font-size: 20px; } .vehica-account-socials .vehica-account-socials__icon:hover { background-color: #f9fafb; } .vehica-chat { display: flex; max-width: 1468px; padding: 0 30px; margin: 50px auto auto; position: relative; } .vehica-chat .vehica-chat__loader { left: 0; text-align: center; right: 0; height: 38px; margin-bottom: 30px; } .vehica-chat .vehica-chat__loader svg { width: 50px; height: 34px; fill: var(--primary); } .vehica-chat .vehica-chat__users { display: flex; width: 454px; flex-direction: column; margin-right: 50px; } .vehica-chat .vehica-chat__user { display: flex; cursor: pointer; padding: 30px 0; width: 100%; align-items: center; border-bottom: 1px solid #e5e7eb; } @media (min-width: 1024px) { .vehica-chat .vehica-chat__user { padding: 22px; } } @media (min-width: 1024px) { .vehica-chat .vehica-chat__user--active { background: #f2f5fb; } } .vehica-chat .vehica-chat__user--not-seen { background-color: var(--primary-light) !important; } .vehica-chat .vehica-chat__user:hover { background: #f2f5fb; } .vehica-chat .vehica-chat__user-details { margin-left: 22px; } .vehica-chat .vehica-chat__user-name { font-size: 20px; line-height: 24px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vehica-chat .vehica-chat__intro { font-size: 16px; } .vehica-chat .vehica-chat__intro-date { font-size: 10px; font-style: italic; margin-left: 5px; } .vehica-chat .vehica-chat__conversation { display: flex; flex-direction: column; flex: 1; } .vehica-chat .vehica-chat__messages { background: #f2f5fb; border-radius: 10px; } .vehica-chat .vehica-chat__message-wrapper { display: flex; flex-direction: column; } .vehica-chat .vehica-chat__message-wrapper--me { justify-content: flex-end; } .vehica-chat .vehica-chat__message-wrapper--me .vehica-chat__text { background: rgba(0, 112, 250, 0.1); } .vehica-chat .vehica-chat__text { padding: 10px 15px; background: #fff; margin-bottom: 10px; border-radius: 10px; font-weight: 400; font-size: 16px; line-height: 1.5; word-break: break-word; } .vehica-chat .vehica-chat__text a { text-decoration: underline !important; } .vehica-chat .vehica-chat__editor { background: #FFFFFF; height: 138px; width: 100%; resize: vertical; min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07) !important; border-radius: 10px !important; font-size: 16px !important; line-height: 27px !important; padding: 20px !important; margin: 0 0 15px 0; float: left; } .vehica-chat .vehica-chat__editor::placeholder { color: #2f3b48; } @media (max-width: 767px) { } .vehica-chat .vehica-chat__editor-label { font-weight: bold; font-size: 22px; line-height: 32px; color: #1E232C; } .vehica-chat .vehica-chat__button { margin-top: 7px; text-align: right; } .vehica-chat__message { display: flex; position: relative; } @media (min-width: 1024px) { .vehica-chat__message { width: calc(50% + 60px); } } .vehica-chat__message-wrapper--me .vehica-chat__message { margin-left: auto; } .vehica-chat__message-wrapper--other .vehica-chat__message { margin-right: auto; } .vehica-chat__time { text-align: center; color: #6F6F6F; font-size: 11px; line-height: 1.3; margin: 0 0 10px 0; width: 100%; } .vehica-chat__user:first-child { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .vehica-chat__user:last-of-type { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom: 0px solid !important; } .vehica-chat__avatar-big { width: 56px; height: 56px; min-width: 56px; min-height: 56px; overflow: hidden; border-radius: 50%; position: relative; } .vehica-chat__avatar-big__placeholder { border-radius: 50%; display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/user-placeholder.png); background-size: cover; z-index: 0; } .vehica-chat__avatar-small__placeholder { border-radius: 50%; display: block; content: ""; width: 28px; height: 28px; position: absolute; bottom: 10px; left: 0; background: url(https://cherokeeautosalestn.com/wp-content/themes/vehica/assets/img/user-placeholder.png); background-size: cover; z-index: 0; } .vehica-chat__avatar-small { margin-right: 5px; height: 28px; width: 28px; } .vehica-chat__avatar-small img { border-radius: 50%; position: absolute; bottom: 10px; width: 28px; height: 28px; } .vehica-chat__message-wrapper--me .vehica-chat__text { margin-left: auto; } .vehica-chat__message-wrapper--me .vehica-chat__avatar-small { display: none; } .vehica-chat__load-more { text-align: center; margin-bottom: 30px; } .vehica-chat__listing-info { padding: 0; margin-bottom: 20px; border-radius: 20px; } @media (min-width: 1024px) { .vehica-chat__listing-info__arrow { display: none; } } .vehica-chat__listing-info__arrow__inner { height: 38px; width: 38px; text-align: center; background: #f2f5fb; color: var(--primary); margin-right: 24px; border-radius: 50%; line-height: 38px; } .vehica-chat__listing-info__user-actions__inner { display: flex; } .vehica-chat__listing-info__user-action { display: inline-block; margin-left: 20px; font-size: 14px; white-space: nowrap; } @media (max-width: 1023px) { .vehica-chat__listing-info__user-action { line-height: 20px; margin-top: 9px; } } .vehica-chat__listing-info__user-action i { margin-right: 3px; } .vehica-chat__listing-info__user-action:hover { color: var(--primary); } .vehica-chat__listing-info__heading { font-size: 16px; line-height: 38px; font-weight: 700; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 1024px) { .vehica-chat__listing-info__heading { font-size: 30px; font-weight: 900; margin-bottom: 0; } } .vehica-chat__top { margin-bottom: 5px; border-radius: 5px; } .vehica-chat__top select { min-height: 53px; border-radius: 10px; width: 100%; padding: 10px 27px; font-size: 14px; line-height: 16px; margin: 0; box-shadow: 1px 1px 0 0 rgba(196, 196, 196, 0.24); border: 1px solid #e7edf3; background: #fff; } .vehica-chat__top select::placeholder { color: #2f3b48; } @media (max-width: 767px) { } .vehica-chat__top__options { display: flex; width: 100%; align-items: center; justify-content: space-between; } .vehica-chat__messages-top { min-height: 200px; padding: 20px 30px 0; height: 50vh; overflow-y: scroll; } .vehica-chat__messages-top::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); position: relative; background-color: #f1f1f1; } .vehica-chat__messages-top::-webkit-scrollbar { width: 4px; position: absolute; background-color: #DBDBDB; } .vehica-chat__messages-top::-webkit-scrollbar-thumb { background-color: #DBDBDB; border-radius: 4px !important; } .vehica-chat__messages-bottom { margin-top: 30px; padding: 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: rgba(226, 230, 238, 0.5); } @media (min-width: 1024px) { .vehica-chat__messages-bottom form { width: 100%; flex-direction: row; } .vehica-chat__messages-bottom form .vehica-chat__editor { height: 159px; } .vehica-chat__messages-bottom form .vehica-chat__button { margin-left: 10px; margin-top: auto; } .vehica-chat__messages-bottom form .vehica-chat__button i { margin-right: 0; } } .vehica-chat__tab--users .vehica-chat { padding: 0 15px !important; } @media (min-width: 900px) { .vehica-chat__tab--users .vehica-chat { padding: 0 30px !important; } } @media (max-width: 1023px) { .vehica-chat__title-chats { margin-top: 40px; } .vehica-chat__tab--users .vehica-chat__conversation { display: none; } .vehica-chat__tab--users .vehica-chat .vehica-chat__users { width: 100% !important; margin-right: 0 !important; } .vehica-chat__tab--users .vehica-chat { margin-top: 0 !important; } .vehica-chat__tab--messages .vehica-chat__users { display: none; } .vehica-chat__tab--messages .vehica-chat .vehica-chat__conversation { display: flex; background: #fff; padding: 30px 15px; flex-direction: column; flex: 1; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999999999999; overflow-y: scroll; } .vehica-chat__tab--messages .vehica-chat__messages-top { min-height: 300px; max-height: none !important; margin-top: 0; padding: 15px; min-height: 300px; max-height: 60vh; } .vehica-chat__tab--messages .vehica-chat__messages-bottom { padding: 15px; } } .vehica-chat__title-chats { color: #222732; font-size: 30px; line-height: 38px; font-weight: 900; margin-bottom: 20px; } .vehica-whats-app-button a { display: block; text-align: center; background: #05cd51; color: #fff; width: 100%; font-size: 17px; line-height: 20px; font-weight: 600; padding: 14px 15px; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; } .vehica-whats-app-button a i { color: #fff; margin-right: 14px; font-size: 20px; line-height: 0; position: relative; top: 2px; } @media (min-width: 1023px) { .vehica-whats-app-button a:hover { opacity: 0.9; } } .home-bluebg-text { font-size: 16px; font-weight: 400; font-style: normal; line-height: 30px; letter-spacing: 1.7px; word-spacing: 2px; } @media only screen and (max-width: 425px){ .elementor-12464 .elementor-element.elementor-element-9506e60 > .elementor-widget-container { margin: 0 !important; } .elementor-12464 .elementor-element.elementor-element-9506e60 .elementor-heading-title { font-size: 42px; } .elementor-12464 .elementor-element.elementor-element-3014c0c .elementor-heading-title { font-size: 24px; } .gt_switcher_wrapper { top: 15px; right: 80px !important; } } @media only screen and (max-width: 768px){ .gt_switcher_wrapper { position: absolute !important; top: 15px; right: 80px !important; } } @media only screen and (max-width: 425px){ .buy-sell-finance-car { padding-top: 20px !important; padding-bottom: 20px; } .bring-home-spacer { margin-bottom: 0 !important; --spacer-size: 0px !important; } .choose-dealership-heading .elementor-widget-container { margin: 0 !important; } .sub-section-responsive { height: 0 !important; } .review-spacer { height: 0 !important; }  } .elementor-12599 .elementor-element.elementor-element-600f994 .vehica-copyrights { color: #FFFFFF !important; } @media(max-width:767px){ form#post-trade-form .vehica-3-fields , form#post-trade-form label.required[for="select_option"] , form#post-trade-form select#select_option{ margin-left: 0 !important; } form#post-trade-form h1 { margin-left: 0; margin-bottom:10px; } form#post-trade-form hr{ margin-bottom:10px; } .our_process_cstm-cls .box-out-process-cstm-cls .elementor-column > div { margin: 0 0 20px !important; } .our_process_cstm-cls { margin-bottom: 0 !important; } .our_process_cstm-cls section.elementor-section.elementor-inner-section { margin-bottom: 0; } .txt_heading-sellcar h2 { font-size: 38px !important; } .mrgn-mng-cstm-war-worth { margin-top: 0 !important; } .location-cstm-addedscss img { height: unset !important; } .location-cstm-heading-topsd { margin-top: 0 !important; } .btn-cstm-location-secondcss > div { margin-left: 10px !important; } .cstm-btn-first-locationcss .elementor-button , .btn-cstm-location-secondcss .elementor-button { padding: 15px 20px; } .cstm-margin-locationswrplc { margin-top: 0px !important; } .heading-location-txtcstm h2 { font-size: 38px !important; } .css_classes-boxes-dealrshipcstm .elementor-container .elementor-column { margin: 0 0 20px !important; } .css_classes-boxes-dealrshipcstm .elementor-container .elementor-column > div { margin: 0 !important; } .leftbtn-cstmspc-lkj { margin-left: 25px; } .cstm-timing-column-widthdiv .elementor-container .elementor-column:first-child { width: 50% !important; } .cstm-timing-column-widthdiv .elementor-container .elementor-column:last-child { width: 50% !important; } .cstm-timing-column-widthdiv .elementor-container .elementor-column:first-child span.vehica-day-label { min-width: 130px; } .cstm-contact-boxesd_linked .elementor-container { gap: 30px; } .cstm-margin-mng-approved-box { margin-top: 50px !important; } .marginmng-contact-details_linkeds { margin-top: 20px !important; } } @media(max-width: 960px){ .cstm-image-resizes-carworth img { height: 305px !important; } .txt_heading-sellcar { margin-bottom: 0px !important; } }