/
home
/
infinitibizsol
/
ridecashout.com
/
wp-content
/
themes
/
cardealer
/
css
/
frontend
/
File Upload :
llllll
Current File: /home/infinitibizsol/ridecashout.com/wp-content/themes/cardealer/css/frontend/style.css
body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 24px; color: #999999; } a, .btn { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } a:focus { text-decoration: none !important; } a:focus, a:hover { color: #999999; text-decoration: none !important; } a, button, input { outline: medium none !important; color: #db2d2e; } textarea { resize: vertical; } .required { text-decoration: none; } .uppercase { text-transform: uppercase; } ul { margin: 0px; padding: 0px; } hr { margin: 0; padding: 0px; border-bottom: 1px solid #dedede; border-top: 0px; } hr.gray { margin: 0; padding: 0px; border-bottom: 1px solid #dedede; border-top: 0px; } label { font-size: 15px; font-weight: 400; } .label { color: #fff !important; font-size: 9px !important; } *::-moz-selection { background: #323232; color: #ffffff; text-shadow: none; } ::-moz-selection { background: #323232; color: #ffffff; text-shadow: none; } ::selection { background: #323232; color: #ffffff; text-shadow: none; } .pswp img { object-fit: contain; } .img-responsive img, .entry-content .img-responsive img { max-width: 100%; height: auto; margin-bottom: 0; } .elementor-widget-image img { margin-bottom: 0px !important; } .quicklinks .ab-top-menu .wp-admin-bar-cardealer-link { display: flex; } .quicklinks .ab-top-menu .wp-admin-bar-cardealer-link .ab-item + a { align-self: center; color: #e8e9e9; background: none; } .quicklinks .ab-top-menu .wp-admin-bar-cardealer-link:hover a { background: #32373c !important; color: #00b9eb !important; } /* Left Right Image Hover */ .object-left-bottom > .elementor-widget-wrap, .object-right-bottom > .elementor-widget-wrap { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .object-left-bottom > .elementor-widget-wrap { background-position: left bottom; left: -20px; } .elementor-section:hover .object-left-bottom > .elementor-widget-wrap { left: 0px; } .object-right-bottom > .elementor-widget-wrap { background-position: right bottom; right: -20px; } .elementor-section:hover .object-right-bottom > .elementor-widget-wrap { right: 0px; } /*************************** Typography ****************************/ h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; font-style: normal; font-weight: 600; line-height: 50px; } h2 { font-size: 35px; font-style: normal; font-weight: 600; line-height: 46px; } h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 42px; } h4 { font-size: 24px; font-style: normal; font-weight: 600; line-height: 36px; } h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 30px; } h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } /* Tables */ table th, table td { border: 1px solid #dedede; padding: 10px; } /* Dark Background */ .row-background-dark h1, .row-background-dark h2, .row-background-dark h3, .row-background-dark h4, .row-background-dark h5, .row-background-dark h6 { color: #ffffff; } .clear { clear: both; } .button { display: inline-flex; justify-content: center; align-items: center; position: relative; font-size: 14px; line-height: 22px; text-align: center; border: 0px solid transparent; background: #db2d2e; color: #ffffff; text-transform: capitalize; vertical-align: middle; padding: 10px 20px; overflow: hidden; -ms-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #323232; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .button:hover, .button:focus, .button:active { color: #ffffff; } input.button:hover { background: #323232; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .button:hover:before, .button:focus:before, .button:active:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.50); } /* Z index Class */ .z-index--1 {z-index: -1;} .z-index-0 {z-index: 0;} .z-index-1 {z-index: 1;} .z-index-2 {z-index: 2;} .z-index-3 {z-index: 3;} .z-index-4 {z-index: 4;} .z-index-5 {z-index: 5;} .z-index-9 {z-index: 9;} .z-index-10 {z-index: 10;} .z-index-99 {z-index: 99;} .z-index-99 {z-index: 99;} .overflow-visible {overflow: visible !important;} /* Page Top Bottom Padding */ .page-section-ptb, .content-wrapper-vc-enabled, .content-wrapper.blog { padding: 80px 0; } /**************************** Select-2 Dropdown *****************************/ select.selectpicker { border: 1px solid #e3e3e3; height: 40px; padding: 0 15px; color: #323232; margin-bottom: 15px; } .select2.select2-container { width: 100% !important; outline: none; } .select2-container .select2-selection--single { display: inline-flex; width: 100%; height: 40px; color: #323232; outline: none; border: 1px solid #e3e3e3; border-radius: 0px; } .select2-container .select2-selection--single .select2-selection__rendered { width: 100%; font-size: 13px; color: #969696; outline: none; line-height: 40px; padding-left: 12px; padding-right: 30px; } .select2-container .select2-selection--single .select2-selection__arrow { width: 30px; height: 40px; } .select2-container.select2-container--open .select2-dropdown { z-index: 1050; border-color: #e3e3e3; } .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e3e3e3; } .select2-container.select2-container--default .select2-results__option { font-size: 15px; padding: 5px 10px; } .select2-container.select2-container--default .select2-results__option[aria-selected=true] { background-color: #f6f6f6; } .select2-container.select2-container--default .select2-results__option[aria-selected=true]:hover, .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #db2d2e; } /**************************** Loading *****************************/ #loading { background-color: #ffffff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; } #loading-center { width: 100%; height: 100%; position: relative; } #loading-center img { text-align: center; max-width: 100%; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; } /**************************** CD Loader *****************************/ .cd-loader { background-image: url('../../images/loader_img/cd_loader.svg'); background-position: center center; background-attachment: inherit; background-size: cover; background-repeat: no-repeat; height: 25px; width: 25px; position: absolute; top: 33%; right: 20px; } .pagination-nav .pagination-loader .pagination-loader { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); left: 0; top: 0; z-index: 9; text-align: center; } .pagination-nav .pagination-loader .pagination-loader .cd-loader {right: inherit;} /**************************** Year Range Slider *****************************/ .year_range_slider_wrapper input#dealer-slider-year-range { border:0; margin-bottom: 10px; font-weight: bold; color: #a0a0a0; display: block; background-color: transparent; } .year_range_slider_wrapper .year-range-slide label {font-size: 13px;} /* Year Range Slider */ .search-block.transparent .year_range_slider_wrapper input#dealer-slider-year-range {color: #ffffff;} .listing_sort .year_range_slider_wrapper { width:33%; margin-bottom: 10px; padding-right: 20px; margin-top: -9px; } .listing_sort .year_range_slider_wrapper input#dealer-slider-year-range { padding-left: 20px; display: inline-block; width: 40%; } .listing_sort .year_range_slider_wrapper label { font-size: 14px; } .listing-sidebar .listing_sort .year_range_slider_wrapper { width: 100%; padding-right: 0; margin-bottom: 26px; } .listing-sidebar .listing_sort .year_range_slider_wrapper input#dealer-slider-year-range { padding-left: 0; width: 100%; } /* Related posts */ .related-work { margin-bottom: 50px; } .related-work h3 { font-size: 28px; line-height: 38px; margin: 20px 0 30px; } .owl-carousel-7 .portfolio-caption { display: none;} .related-work .blog-related-posts-carousel .portfolio-caption { display: block;} /* Related posts without slider */ .related-work .item-listing {display: flex; flex-wrap: wrap;} .item-listing .item { display: inline-block; float: left; width: 33.33%; } .item-listing > .item > .portfolio-item { margin: 0 5px; margin-bottom: 10px; } .item-listing > .item > .portfolio-item .portfolio-caption a, .related-work .blog-related-posts-carousel .item > .portfolio-item .portfolio-caption a {color: #323232; font-size: 16px; font-weight: 600; line-height: 26px; display: block; margin: 10px 0; } .item-listing > .item > .portfolio-item .portfolio-caption a:hover, .related-work .blog-related-posts-carousel .item > .portfolio-item .portfolio-caption a:hover { color: #db2d2e; } /* Share Button */ .single-post .post{margin-bottom: 30px;} .single-post .entry-title { margin-bottom: 20px; } .single-post .entry-share { min-height: 90px; margin: 0px 0; } .share{position: relative; cursor: pointer; } .share .share-button { padding: 8px 15px; display: inline-block; background: #db2d2e; color: #ffffff;} .share .single-share-box { position: absolute; bottom: 5px; right: 20px; transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; opacity: 1; z-index: 1; padding: 0px; } /* .share:hover .single-share-box { opacity: 1; bottom: 5px; z-index: 1; right: 40px; padding-right: 10px; } */ .share .single-share-box li { list-style: none; padding-top: 2px; display: table-cell; padding-left: 5px; } .share .single-share-box li a { width: 30px; height: 30px; background: #db2d2e; border-radius: 50%; text-align: center; display: inline-block; color: #ffffff; line-height: 30px; font-size: 12px; } .share .single-share-box li a:hover { color: #ffffff; background: #363636; } .share .single-share-box a:hover i { color: #ffffff; } .author-info .port-post-photo { margin-bottom: 20px; } .nav-single { margin-bottom: 30px; } .nav-single .port-navigation .port-navigation-left, .nav-single .port-navigation .port-navigation-right{width: 164px;} .author-details h3 { margin-bottom: 5px;} /********************************************************************************** shortcode CSS ***********************************************************************************/ /****************************** Box Layout Responsive ******************************/ .site-layout-boxed #page, .site-layout-framed #page{ background-color: #fff; box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14); margin: 0 auto; position: relative; } .site-layout-boxed .vc_row-fluid{ width: inherit !important; left: inherit !important; right: inherit !important; } .site-layout-framed #page{max-width: 95% !important; margin-top: 2.5%; margin-bottom: 2.5%;} .site-layout-boxed .vc_section .vc_row[data-vc-full-width="true"] { margin-left: 0px !important; margin-right: 0px !important; width: 1240px !important; left: 0 !important; margin: 0 auto !important; } /************************************* Owl carousel **************************************/ .owl-item { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel .owl-item img { width: auto; margin: 0; } .owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; top: 50%; margin-top: -27px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; } .owl-carousel .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; padding: 0; border: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; padding: 0; border: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel .owl-nav .owl-prev i { padding-left: 0px; } .owl-carousel .owl-nav i { font-size: 20px; width: 44px; height: 44px; line-height: 42px; padding-left: 2px; display: inline-block; color: #db2d2e; background: #ffffff; border: 1px solid #e3e3e3; font-weight: 900; text-align: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel .owl-nav i:hover { background: #db2d2e; color: #fff; border-color: #db2d2e; } .owl-carousel .owl-nav .owl-prev { left: 2%; opacity: 0; } .owl-carousel .owl-nav .owl-next { right: 2%; opacity: 0; } .owl-carousel:hover .owl-nav .owl-prev { left: -2%; opacity: 1; } .owl-carousel:hover .owl-nav .owl-next { right: -2%; opacity: 1; } .owl-carousel .owl-dots .owl-dot { display: inline-block; margin-top: 20px; } .owl-carousel .owl-dots { display: inline-block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } .owl-carousel .owl-dots .owl-dot span { background: #a5a5a5; border-radius: 30px; display: inline-block; width: 10px; height: 10px; margin: 0px 3px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; } .owl-carousel .owl-dots .owl-dot:hover span { background: #db2d2e; } .owl-carousel .owl-dots .owl-dot.active span { background: #db2d2e; width: 24px; } .row-background-dark .owl-carousel.owl-theme .owl-dots .owl-dot span { background: #ffffff; } /************************** FAQ Pages **************************/ .faqs-wrapper .tabcontent { margin-top: 0; } .faqs-wrapper .tabs_wrapper .tabs { margin-bottom: 25px; } .faqs-wrapper .accordion-title a { margin-top: 15px; } /******************************** General ********************************/ /* Text Color */ .text-red { color: #db2d2e; } .text-white { color: #ffffff; } .text-black { color: #323232; } .text-gray { color: #626262; } /****************************** Form ******************************/ .form-control { border-radius: 0; box-shadow: none; height: 42px; line-height: 1.33333; padding: 12px 18px; background: transparent; color: #626262; } input[type="radio"].form-control, input[type="checkbox"].form-control, textarea.form-control { height: auto; } .form-control:focus { box-shadow: none; border: 1px solid #db2d2e; } .form-control.input-lg { resize: none; font-size: .9em } .form-control.rounded { border-radius: 0px; } .form-control, .input-group-addon { border: 1px solid #e3e3e3; } .form-group label { color: #444; display: inline-block; margin-top: 8px; margin-bottom: 4px; text-transform: uppercase; font-size: 13px; } .form-inline button { margin: 0px; } .form-group > label { display: block; } .form-control::-moz-placeholder { color: #626262; } .form-control::-ms-input-placeholder { color: #626262; } .form-control::-webkit-input-placeholder { color: #626262; } select { color: #777; cursor: pointer; display: block; line-height: 14px; max-width: 100%; min-width: 100%; padding: 14px; } .modal .modal-content select { padding: 10px 14px; padding-bottom: 9px; } .modal .gray-form .form-group input:focus { background: rgba(246, 246, 246, 0.5); } .modal-body .form-group{display: inline-block; width: 100%;} .modal-body .form-group .button{float: left;} .modal-body .form-group .cd-loader{position: relative; right: inherit; top: 12px; left: 10px; float: left; margin-left: 0px;} .modal-body .form-group .alert{display: inline-block; width: 100%; margin-top: 10px;} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-color: #e3e3e3; padding: 12px 20px;} .select-hidden { display: none; visibility: hidden; padding-right: 10px; } .select { cursor: pointer; display: inline-block; position: relative; font-size: 14px; color: #999999; width: 100%; height: 40px; } .select-styled { text-align: left; font-size: 14px; color: #323232; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #e3e3e3; background-color: #fff; padding: 8px 15px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #e3e3e3 transparent transparent transparent; position: absolute; top: 18px; right: 10px; } .select-styled:active:after, .select-styled.active:after { top: 10px; border-color: transparent transparent #e3e3e3 transparent; } .select-options { text-align: left; display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 99; margin: 0; padding: 0; list-style: none; background-color: #fff; border: 1px solid #e3e3e3; border-top: 0px; } .select-options li { list-style: none; font-size: 14px; padding-left: 15px; color: #323232; } .finance-form-block .join-inout { margin-right: 8px; margin-top: 2px; width: 20px; height: 20px; display: inline-block; vertical-align: top; } /* Blog Search */ .blog #search-2 .cd-search-autocomplete-default { position: absolute; background: #ffffff; width: 100%; left: 0; box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.2); overflow-y: auto; overflow-x: hidden; max-height: 400px; z-index: 99; } .blog #search-2 .cd-search-autocomplete-default li { display: block; width: auto; padding: 0; margin-left: 15px; margin-top: 10px; } .blog #search-2 .cd-search-autocomplete-default li:last-child { padding-bottom: 10px; } .blog #search-2 .cd-search-autocomplete-default li .search-result-image { display: table-cell; width: 36px !important; float: none; } .blog #search-2 .cd-search-autocomplete-default li .search-result-name { display: table-cell; vertical-align: middle; padding-left: 16px; } .blog #search-2 .cd-search-autocomplete-default li .search-result-name.no-image { padding-left: 0; } .blog #search-2 .cd-search-autocomplete-default li .search-result-name a { color: #999; font-size: 13px; line-height: 18px; } .blog #search-2 .cd-search-autocomplete-default li .search-result-name a:hover { color: #db2d2e; } /* Pagination */ .pagination {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; grid-gap: 7px; margin: 0px; padding: 0; list-style: none; } .pagination li { display: inline-block; } .pagination li a { font-size: 15px; font-weight: 500; margin: 0; color: #626262; border-radius: 0px; display: inline-block; } .pagination > li > a, .pagination > li > span { padding: 8px 16px; font-size: 15px; border: 1px solid #e3e3e3; border-radius: 0px; } .pagination > li > span { padding: 10px 16px; } .pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span{ border-radius: 0px; } .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .pagination li span.current { background-color: #db2d2e; border-color: #db2d2e; color: #fff; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #db2d2e; border-color: #db2d2e; color: #fff; } /* Port navigation */ .port-arrow { display: flex; justify-content: center; align-items: center; width: 40px; text-align: center; background: #f6f6f6; height: 74px; } .port-arrow i { text-align: center; font-size: 25px; line-height: normal; } .port-navigation .port-photo { display: flex; justify-content: center; line-height: 74px; min-width: 124px; background: #eeeeee; text-align: center; } .port-navigation-right .port-photo { float: right; } /************************* Back to top *************************/ .car-top { width: 85px; position: fixed; bottom: -180px; right: 30px; z-index: 999; opacity: 1; cursor: pointer; } .car-top.show { bottom: 5% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; } .car-top.car-run { bottom: 100% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; } .car-top.car-down { -webkit-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; } .car-top:before, .car-top:after { content: ""; position: absolute; -o-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; opacity: 0; } .car-top:hover:before, .car-top:hover:after, .car-top.car-run:before, .car-top.car-run:after { opacity: 1; } .car-top.default:before, .car-top.default.car-run:before { top: -1px; left: 0px; width: 85px; height: 89px; background: url(../../images/car-focus.png) no-repeat 0 0; } /* Back to Top - Custom */ .car-top.back_to_top_type-custom img { max-width: 100%; width: auto; height: auto; } .car-top.back_to_top_type-custom.car-run:before, .car-top.back_to_top_type-custom:before { top: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover !important; background-position: center center !important; } .car-top.back_to_top_type-custom:hover:before { opacity: 1; } /*************************** Typography ****************************/ ol { padding: 0px; margin: 0px; } ol > li { list-style: decimal inside; padding: 0px; margin: 0px; line-height: 30px; } ol.alpha li { list-style: decimal-leading-zero inside; padding: 0px; margin: 0px; } ol.roman { padding-left: 15px; } ol.roman li { list-style: lower-roman; padding: 0px; margin: 0px; } ul.disc li { list-style: disc inside; padding: 0px; margin: 0px; line-height: 30px; } ul.list-style-1 li { list-style: none; } .list-style-none li { list-style: none; } blockquote { display: block; background: #fbfbfb; position: relative; font-size: 15px; line-height: 26px; padding-left: 65px; padding-top: 18px; padding-right: 25px; padding-bottom: 20px; border-left: 5px solid #f5f5f5; font-style: italic; margin-left: 0; } blockquote::before { content: "\201C"; font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #e3e3e3; position: absolute; left: 18px; top: 33px; } blockquote::after { content: ""; } .commentlist blockquote { background: #fbfbfb; } blockquote cite { font-size: 14px; margin-top: 15px; display: block; font-weight: 600; color: #db2d2e; } .quick-links .row.no-gutter { padding: 0 15px; } #tabs .tab-content .cd-vehicle-features > ul { display: flex; flex-wrap: wrap; } ul.list-col-2 li, ul.list-col-3 li, ul.list-col-4 li { margin: 3px 0; } ul.list-col-2 li i, ul.list-col-3 li i, ul.list-col-4 li i { color: #db2d2e; margin-right: 5px; } ul.list-col-2 li { width: 50%; float: left; } ul.list-col-3 li { width: 33.33%; float: left; } ul.list-col-4 li { width: 25%; float: left; } ul.list-col-2:after, ul.list-col-3:after, ul.list-col-4:after { content: ""; clear: both; display: table; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } .entry-content .blog-image img, .our-blog .blog-image img { width: 100%; } .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } /*===============================================*/ /* Vehicles List - Shortcode */ /*===============================================*/ .item { text-align: center; } .feature-car.new-arrival .car-item { margin-bottom: 30px; } .car-item { position: relative; overflow: hidden; background: #ffffff; min-height: 336px; } [class*='col-'] > .car-item { display: inline-block; } .car-item .car-list ul { padding-left: 0; margin-left: 0; } .owl-item .car-item { min-height: inherit; } .isotope .grid-item .car-item { margin-bottom: 20px; } .car-item.grey-bg { background: #f6f6f6; } .car-item .car-content { padding: 20px; } .car-item .car-content a { font-size: 16px; font-weight: 600; color: #db2d2e; margin-bottom: 10px; display: block; } .car-item .car-content a:hover { color: #363636; } .car-item .price span.new-price, .car-item .price bdi.new-price { color: #363636; font-weight: 700; font-size: 16px; } .car-item .price span.old-price, .car-item .price bdi.old-price { text-decoration: line-through; padding-right: 5px; font-size: 13px; font-weight: 400; } .car-item .price > p { display: inline-block; background: #323232; color: #fff; padding: 1px 7px; border-radius: 2px; font-style: italic; font-size: 13px; margin: 0 10px; margin-top: 10px; } .car-item .separator { margin-bottom: 15px; } .car-item .separator:after { width: 50px; display: block; margin: auto; content: ""; height: 1px; background: #000000; bottom: 0px; left: 50%; transition: width .8s ease, background-color .8s ease; -webkit-transition: width .8s ease, background-color .8s ease; -o-transition: width .8s ease, background-color .8s ease; -ms-transition: width .8s ease, background-color .8s ease; -moz-transition: width .8s ease, background-color .8s ease; } .car-item .separator:before { content: ''; display: block; margin: auto; left: 50%; height: 1px; width: 30px; bottom: -10px; background: #000000; transition: width .8s ease, background-color .8s ease; -webkit-transition: width .8s ease, background-color .8s ease; -o-transition: width .8s ease, background-color .8s ease; -ms-transition: width .8s ease, background-color .8s ease; -moz-transition: width .8s ease, background-color .8s ease; margin-bottom: 4px; } .car-item:hover .separator:before { width: 50px; left: 0; background: #db2d2e; } .car-item:hover .separator:after { width: 30px; left: 0; background: #db2d2e; } .car-item .car-list { background: #ffffff; color: #363636; overflow: hidden; bottom: 0; height: 0; left: 0; position: absolute; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; z-index: 5; text-align: center; border-color: #dddddd; } .car-item.white-bg .car-list { border-color: #ffffff; } .car-item.grey-bg .car-list { border-color: #f6f6f6; } .car-item .car-list .list-inline { padding: 5px 0; } .car-item .car-list li { line-height: 22px; color: #999999; padding: 5px 5px; } .car-item .car-list li i { padding-right: 6px; } .car-item:hover .car-list { height: 40px; border-bottom: 1px solid #f5f5f5; } .car-item .label { position: absolute; top: 0; left: 8px; top: 8px; background: #62e006; font-size: 11px !important; color: #ffffff; font-weight: 600; padding: 8px 10px; z-index: 4; text-transform: uppercase; } .car-item .label.used { background: #ef1313; } .car-item .label.new { background: #10bf9c; } .car-item .label.certified { background: #00abff; } .car-item .label.label-featured-wrap { right: 8px; left: inherit; background: none; padding: 0; } .car-item .label.label-featured-wrap .label-featured { padding: 8px 10px; height: 100%; display: block; background: #fbb534; border-radius: .25em; } .car-item .label.label-featured-wrap.label-featured_type-star { display: flex; justify-content: center; align-items: center; background: #fbb534; background: #1fca52; color: #ffffff; padding: 8px 12px; font-size: 13px; border-radius: 3px; } .car-item .label.label-featured-wrap.label-featured_type-star i { text-shadow: 0 1px 3px rgba(0,0,0,0.1); } .car-item .sold, .car-price .sold { background: url(../images/sold-img.png) no-repeat 0 0; width: 88px; height: 58px; padding: 0; position: absolute; top: auto; left: auto; bottom: 10px; right: 0; font-size: 0 !important; z-index:5; } .car-price .sold { background-color: rgba(255, 255, 255, 0.8); min-width: 160px; min-height: 80px; background-position: center center; top: 0; left: auto; right: 15px; } .owl-item .car-price .sold { background-color: inherit; } .car-item .car-image { position: relative; overflow: hidden; display: inline-block; width: 100%; vertical-align: top; } .car-item .car-image > img, .owl-carousel .owl-item .car-item .car-image img { width: 100%; } .car-item .car-overlay-banner { background: rgba(219, 45, 46, 0.7); position: absolute; top: -100%; z-index: 8; height: 100%; width: 100%; opacity: 0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .car-item .car-overlay-banner ul { position: absolute; left: 0; right: 0; top: 40%; z-index: 99; padding: 0; margin: 0; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .car-item .car-overlay-banner ul li { display: inline-block; margin: 0 3px; } .car-item .car-overlay-banner ul li a { display: inline-block; background: transparent; border: 2px solid #ffffff; color: #ffffff; width: 36px; height: 36px; line-height: 32px; text-align: center; border-radius: 50%; } .car-item .car-overlay-banner ul li a:hover { background: #ffffff; color: #db2d2e; } .car-item .car-overlay-banner ul li a.pgs_wishlist { font-size: 0; } .car-item .car-overlay-banner ul li a.pgs_wishlist i { font-size: 14px; line-height: 32px; } .car-item:hover .car-overlay-banner { opacity: 1; top: 0; } .pgs_cars_carousel-items .item.col-sm-6:nth-child(2n+3), .pgs_cars_carousel-items .item.col-sm-4:nth-child(3n+7), .pgs_cars_carousel-items .item.col-sm-3:nth-child(4n+5) { clear: both; } .car-item .car-overlay-banner ul li .pgs_wishlist.loading i { animation: rotation 2s infinite linear; font-weight: 900; } .car-item .car-overlay-banner ul li .pgs_wishlist.loading i:before { content: "\f110"; } .car-item .car-overlay-banner ul li .pgs_wishlist.added-wishlist i { font-weight: 600; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /*------------------------------*/ /* Car Item - 2 */ /*------------------------------*/ [class*='col-'] > .car-item-2 { margin-bottom: 30px; display: inline-block; } .car-item-2 { padding-bottom: 35px; } .car-item-2 .car-overlay-banner ul { top: 50%; } .car-item-2 .car-list { position: relative; bottom: 0; height: auto; border: none; border-bottom: 1px solid #f1f1f1; } .car-item-2:hover .car-list { height: auto; border-bottom-color: #f1f1f1; } .car-item-2 .car-content { padding: 0; padding-top: 20px; margin-bottom: 10px; } .car-item-2 .price { background: #db2d2e; padding: 5px 0; margin-top: 20px; } .car-item-2 .price span { color: #ffffff; } .car-item-2 .price span.old-price { color: rgba(255, 255, 255, 0.8); } .car-item.car-item-2 .price span.old-price, .car-item.car-item-2 .price bdi.old-price { color: #ffffff; opacity: 0.8; } .car-item.car-item-2 .price span.new-price, .car-item.car-item-2 .price bdi.new-price { color: #ffffff; } .car-item-2 .price { position: absolute; bottom: 0; left: 0; width: 100%; } .car-item-2 .price > p { margin: 0 5px; padding: 1px 6px; } /*----------------------*/ /* Car Item 3 - Isotope */ /*----------------------*/ .isotope .car-item .car-image img { margin-bottom: 0; } .isotope .car-item-3 { overflow: hidden; position: relative; } .isotope .car-item-3 img { position: relative; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; margin-bottom: 0; width: 100%; } .isotope .car-item-3 .car-overlay { padding: 10px 10px; background: #db2d2e; position: absolute; bottom: 0px; width: 100%; opacity: 0; bottom: -100%; z-index: 9; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; } .isotope .car-item-3 .car-overlay a { color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: 600; padding: 0 5px; } .isotope .car-item-3 .car-overlay a:hover { color: #323232; } .isotope .car-item-3 .car-overlay span { color: #ffffff; padding: 0 5px; } .isotope .car-item-3 .car-overlay span.old-price { text-decoration: line-through; } .isotope .car-item-3:hover .car-overlay { bottom: 0px; opacity: 1; } .isotope .car-item-3:hover img { -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .isotope .car-item-3 .car-popup { text-align: center; left: 0; position: absolute; right: 0; top: -100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; } .isotope .car-item-3 .car-popup a { width: 40px; height: 40px; line-height: 40px; background: #ffffff; color: #db2d2e; border-radius: 50%; text-align: center; display: inline-block; } .isotope .car-item-3 .car-popup a:hover { background: #db2d2e; color: #ffffff; } .isotope .car-item-3:hover .car-popup { top: 40%; } .car-item .car-content .cardealer-lead-form-req-price-btn, .car-details .cardealer-lead-form-req-price-btn, .cardealer-dashboard-content .cardealer-lead-form-req-price-btn, .compare-list .cardealer-vehicle-compare-list-row .cardealer-lead-form-req-price-btn { display: block; background: #323232; color: #ffffff; text-align: center; padding: 5px 20px; font-size: 14px; font-weight: 400; margin-bottom: 0; transition: all 0.25s ease-out 0s; } .car-item .car-content .cardealer-lead-form-req-price-btn:hover, .car-details .cardealer-lead-form-req-price-btn:hover, .cardealer-dashboard-content .cardealer-lead-form-req-price-btn:hover, .compare-list .cardealer-vehicle-compare-list-row .cardealer-lead-form-req-price-btn:hover { background: #db2d2e; color: #ffffff; } .car-details .cardealer-lead-form-req-price-btn { margin-bottom: 20px; } .vehicle-listing-view-list .car-details .cardealer-lead-form-req-price-btn { display: inline-block; margin: 0; } .vehicle-listing-view-list .car-details .cardealer-lead-form-req-price-btn + .button {padding: 3px 20px; position: absolute; top: 0; right: 15px; } .car-details .elementor-widget-cdhl_vehicle-price .cardealer-lead-form-req-price-btn { margin-bottom: 0; } .cardealer-dashboard-content .cardealer-lead-form-req-price-btn { margin-bottom: 15px; display: inline-block; } .compare-list .cardealer-vehicle-compare-list-row .cardealer-lead-form-req-price-btn { padding: 5px 30px; } /*----------------------*/ /* Car Item - Column */ /*----------------------*/ .isotope.column-3 .grid-item.no-data, .isotope.column-4 .grid-item.no-data, .isotope.column-5 .grid-item.no-data { box-shadow: none; width: 100%; text-align: center; margin-bottom: 50px; } .isotope.column-3 .grid-item { width: 33.333%; } .isotope.column-4 .grid-item { width: 25%; } .isotope.column-5 .grid-item { width: 20%; } /*-----------------*/ /* Buy Online */ /*-----------------*/ .car-buy-online-btn { margin-top: 10px; margin-bottom: 2px; display: inline-block; background: #323232; color: #ffffff; padding: 0 20px; line-height: 28px; text-transform: uppercase; font-size: 12px; font-weight: 500; cursor: pointer; -webkit--transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .car-buy-online-btn:hover {background: #db2d2e;} .car-buy-online-btn .car-buy-online-label + i {margin-left: 5px;} .car-buy-online-btn .buy-online-spinner {margin-left: 7px;} /*-----------------*/ /* Review Stamps */ /*-----------------*/ .car-vehicle-review-stamps { display: inline-block; width: 100%; text-align: center; margin-top: 10px; } .car-item .car-vehicle-review-stamps > a { display: inline-block; margin: 5px;} .car-vehicle-review-stamps img, .elementor .car-vehicle-review-stamps img { width: auto; height: 34px; margin: 5px;} .owl-carousel .owl-item .car-vehicle-review-stamps img, .car-vehicle-review-stamps img { display: inline-block; } .cd-vehicle-review-popup .mfp-content .mfp-iframe {background: #ffffff;} .car-item .car-vehicle-review-stamps {display: flex; justify-content: center; grid-gap: 15px; margin-top: 15px;} .car-item .car-vehicle-review-stamps > a {margin: 0;} .car-item .car-vehicle-review-stamps img {height: 25px; margin:0;} /*--------------------------*/ /* Wishlist Popup Message */ /*--------------------------*/ .cdfs-wishlist-popup-message {display: none; position: fixed; top: 50%; right: 50%; background: #323232; color: #ffffff; z-index: 9; padding: 15px 35px; font-size: 16px; transform: translateY(50%) translateX(50%); border-radius: 3px; opacity: 0;} /*===============================================*/ /* Vehicles Showcase : Style 3 */ /*===============================================*/ .pgs_cars_carousel-wrapper .car-item.car-item-3 {display: inline-block; width: 100%; text-align: left; border: 1px solid #e8e8e8; min-height: inherit; vertical-align: top; margin-top: 30px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .sold {left: 20px; right: auto; bottom: 20px; z-index: 1;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .price {position: absolute; right: 8px; bottom: 8px; background: #db2d2e; padding: 7px 15px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .price .old-price {color: #ffffff; font-size: 14px; opacity: 0.7;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .price .new-price {color: #ffffff; font-size: 20px; font-weight: 500;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner {top: 8px; right: 8px; bottom: 8px; left: 8px; z-index: 4; width: auto; height: auto; display: flex; align-items: center; justify-content: center; background: none !important; transition: all .4s ease-in-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-3:hover .car-overlay-banner {opacity: 1;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #db2d2e; opacity: 0.9; transform: scale(0.9); transition: all .25s ease-in-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-3:hover .car-overlay-banner:before {transform: scale(1);} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner ul {position: relative; transform: none; top: auto;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-overlay-banner ul li a {width: 43px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 14px; background: #ffffff; color: #db2d2e; border: none; border-radius: 5px; transition: all .25s ease-in-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content {padding: 35px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-subtitle {color: #db2d2e; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .item-title {display: inline-block; width: 100%; font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 15px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .item-title a {color: inherit; font-size: inherit; font-weight: inherit; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .25s ease-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .item-title a:hover {color: #db2d2e;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-columns {display: flex; gap: 15px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-columns > div {width: calc(33.3333% - 10px);} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-column-1-title {font-size: 15px; line-height: 22px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-content .car-attribute-column-1-value {font-size: 16px; line-height: 24px; color: #323232; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .pgs_cars_carousel-wrapper .owl-carousel .car-item.car-item-3 {margin-top: 0px;} /* Buy Online */ .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-buy-online-btn {position: absolute; right: 8px; bottom: 55px; z-index: 5; background: #ffffff; color: #323232; font-weight: 500; margin: 0; text-align: center;} .pgs_cars_carousel-wrapper .car-item.car-item-3:hover .car-buy-online-btn {right: 15px; bottom: 15px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .car-buy-online-btn:hover {background: #323232; color: #ffffff;} /* Tax Label */ .pgs_cars_carousel-wrapper .car-item.car-item-3 .price > p {margin: 0; font-size: 12px; padding: 0 5px; line-height: 22px; margin-left: 5px; position: relative; top: -1px;} /*===============================================*/ /* Vehicles Showcase : Style 4 */ /*===============================================*/ .pgs_cars_carousel-wrapper .car-item.car-item-4 .separator {display: none;} .pgs_cars_carousel-wrapper .car-item.car-item-4 {display: inline-block; width: 100%; text-align: left; border: 1px solid #e8e8e8; min-height: inherit; vertical-align: top; margin-top: 30px;} .pgs_cars_carousel-wrapper .owl-carousel .car-item.car-item-4 {margin-top: 0px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .sold, .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-price .sold {bottom: 80px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image:before {content: ""; position: absolute; left: 0; right: 0; top: 40%; bottom: 0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price {display: flex; flex-direction: column; gap: 5px; flex-wrap: wrap; position: absolute; left: 20px; bottom: 15px; z-index: 1;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price bdi {color: #ffffff;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price .old-price {font-size: 16px; font-weight: 500; padding-right: 0;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-image .car-price .new-price {font-size: 24px; font-weight: 500;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner {background: none !important; position: absolute; top: auto; bottom: 0px; right: 15px; z-index: 8; width: auto; height: auto; opacity: 0; transition: inherit; transition: all .2s ease-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-4:hover .car-overlay-banner {bottom: 15px; opacity: 1;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner ul {position: unset; transform: none;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner ul li a {display: flex; align-items: center; justify-content: center; border: none; background: #121212; color: #fff; width: 45px; height: 45px; line-height: normal; text-align: center; border-radius: 5px; font-size: 14px; transition: all .25s ease-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-overlay-banner ul li a:hover {background: #db2d2e; color: #fff;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-content .car-attribute-subtitle {color: #db2d2e; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .item-title {display: inline-block; width: 100%; font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 10px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .item-title a {color: inherit; font-size: inherit; font-weight: inherit; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .25s ease-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .item-title a:hover {color: #db2d2e;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-description {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 25px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-content {padding: 25px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list {position: relative; z-index: inherit; height: auto; background: none; border: none; border-top: 1px solid #e8e8e8; padding-top: 20px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list .list-inline {display: flex; flex-wrap: wrap; gap: 5px 20px; padding: 0;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list li {font-size: 16px; line-height: 22px; padding: 0;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-list li i {font-size: 14px; color: #323232;} .pgs_cars_carousel-wrapper .pgs_cars_carousel-items > .row {display: flex; flex-wrap: wrap;} /* Buy Online */ .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-buy-online-btn {position: absolute; right: 17px; bottom: 15px; z-index: 5; font-weight: 500; margin: 0; text-align: center; transition: all .25s ease-out 0s;} .pgs_cars_carousel-wrapper .car-item.car-item-4:hover .car-buy-online-btn {bottom: 75px;} .pgs_cars_carousel-wrapper .car-item.car-item-4 .car-buy-online-btn:not(:hover) {background: #ffffff; color: #323232;} /* Tax Label */ .pgs_cars_carousel-wrapper .car-item.car-item-4 .price > p {margin: 0; align-self: flex-start; margin-top: 10px;} /*===============================================*/ /* Vehicles Showcase : Responsive */ /*===============================================*/ @media (min-width: 993px) { /* Grid Item Top Margin */ .pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-3, .pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-3, .pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+3) .car-item.car-item-3 {margin-top: 0px;} .pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-4, .pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-4, .pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+3) .car-item.car-item-4 {margin-top: 0px;} } @media (max-width: 1200px) and (min-width: 993px) { .pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-3, .pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-4 {width: 33.3333%; clear: none;} .pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+3) .car-item.car-item-3, .pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+3) .car-item.car-item-4 {margin-top: 0px;} } @media (max-width: 992px) and (min-width: 576px) { .pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-6, .pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-4, .pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item.col-sm-3 {width: 50%; clear: none; float: left;} /* Grid Item Top Margin */ .pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-3, .pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-3, .pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+2) .car-item.car-item-3, .pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+2) .car-item.car-item-3 {margin-top: 0px;} /* Grid Item Top Margin */ .pgs_cars_carousel-wrapper .col-sm-12:first-child .car-item.car-item-4, .pgs_cars_carousel-wrapper .col-sm-6:nth-child(-n+2) .car-item.car-item-4, .pgs_cars_carousel-wrapper .col-sm-4:nth-child(-n+2) .car-item.car-item-4, .pgs_cars_carousel-wrapper .col-sm-3:nth-child(-n+2) .car-item.car-item-4 {margin-top: 0px;} } @media (max-width: 767px) { .pgs_cars_carousel-wrapper .car-item.car-item-3 .price .old-price {font-size: 13px;} .pgs_cars_carousel-wrapper .car-item.car-item-3 .price .new-price {font-size: 16px;} } @media (max-width: 575px) { .pgs_cars_carousel-wrapper .pgs_cars_carousel-items .item:first-child .car-item {margin-top: 0px;} .pgs_cars_carousel-wrapper .pgs_cars_carousel-items > .row {display: block;} } /************************************* Feature car area **************************************/ .big-car img { position: absolute; top: 0; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-bottom: 0; } .big-car:hover img { top: -30px; } /************************************* Search ************************************/ .search-top { display: block; float: right; line-height: 20px; padding: 40px 0; vertical-align: top; z-index: 999; margin-left: 10px; } .search-top .search-open-btn { font-size: 13px; display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 12px; color: #ffffff; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } .search-top .search-open-btn:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 700; left: 0; position: absolute; text-indent: 0; top: 0; } .search-top .search-open-btn:hover { color: #db2d2e; } .search-top.search-top-open .search-open-btn:before { content: ""; } .search-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px 0px 10px; position: absolute; right: 0; top: -9999px !important; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 100%; z-index: 888; border-top: 5px solid #db2d2e; } .search-top.search-top-open .search-box { opacity: 1 !important; top: 102px !important; visibility: visible !important; } .search-top .search-box input, .search-top .search-box Select { background: #f5f5f5; border: none; padding-left: 15px; box-shadow: none; border-radius: 0; color: #626262; } .search-top .search-box input:focus, .search-top .search-box Select:focus { background: #db2d2e; color: #FFF; } .search-top.search-top-open i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; } .search-top.search-top-open i:hover { color: #db2d2e; } .search-top .search-box .button { text-align: center; padding: 10px 20px; display: block; border: none; width: 100%; } .search-top .select-styled { padding: 10px 15px; } .search-top .select-styled:after { top: 16px; } .search-top .select-styled:active:after, .search-top .select-styled.active:after { top: 8px; } /************************************* Inner intro **************************************/ .header_intro_bg-image:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.8); } .header_intro_opacity { position: relative; z-index: 1; } .header_intro_opacity:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .header_intro_opacity.header_intro_bg-video:before { z-index: 0; } .header_intro_opacity.header_intro_bg-video .intro_header_video-bg { z-index: -1; } .header_intro_opacity.header_intro_opacity-black:before { background: rgba(0, 0, 0, 0.8); } .header_intro_opacity.header_intro_opacity-white:before { background: rgba(255, 255, 255, 0.8); } .header_intro_opacity.header_intro_opacity-none:before { background: none; } .inner-intro .intro-title.bread_l_title_l, .inner-intro .intro-title.bread_l_title_r { display: flex; } .inner-intro .intro-title.title-center { text-align: center; } .inner-intro .intro-title.title-right { text-align: right; } .inner-intro { display: flex; position: relative; z-index: 1; height: 410px; } .inner-intro h1 { color: #ffffff; } .inner-intro p { color: #ffffff; margin-bottom: 0; padding-bottom: 0 } .inner-intro .container, .inner-intro .container-fluid { align-self: flex-end; } .inner-intro .container .row { margin-left: 0px; margin-right: 0px; display: flex; flex-wrap: wrap; align-items: center; } .inner-intro .container .intro-title.title-left, .inner-intro .container .intro-title.title-center, .inner-intro .container .intro-title.title-right { display: block; } .inner-intro .container .intro-title.title_l_bread_r, .inner-intro .container .intro-title.bread_l_title_r { display: flex; } .inner-intro .container .intro-title.title_l_bread_r h1, .inner-intro .container .intro-title.bread_l_title_r h1 { margin-bottom: 0; } .inner-intro .container-fluid { width: 100%; padding: 0 50px; } .inner-intro span { text-transform: capitalize; } .intro-title { padding-bottom: 30px; } .inner-intro .intro-title.row [class*='col-'] { padding-right: 0; padding-left: 0; } .inner-intro .intro-title.row.bread_l_title_l [class*='col-'], .inner-intro .intro-title.row.bread_l_title_r [class*='col-'] { align-self: center; } ul.page-breadcrumb { padding: 0; margin: 0; } .single-post ul.page-breadcrumb li.post { margin-bottom: 0px; } ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; position: relative; padding-left: 18px; margin-right: 8px; } ul.page-breadcrumb li:last-child { margin-right: 0; } ul.page-breadcrumb li:before { content: "\f101"; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 900; } ul.page-breadcrumb li.home { padding-left: 22px; } ul.page-breadcrumb li.home:before { content: "\f015"; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } ul.page-breadcrumb li span { color: #fff; font-size: 14px; text-transform: capitalize; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; } ul.page-breadcrumb li a:hover { color: #db2d2e; } ul.page-breadcrumb li:hover:before, ul.page-breadcrumb li:hover span { color: #db2d2e; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } ul.page-breadcrumb li.current-item:hover:before, ul.page-breadcrumb li.current-item:hover span { color: #ffffff; } /************************************* Error page **************************************/ .error-404 img { max-width: 100%; } .error-404 .fourofour { font-size: 400px; color: #f6f6f6; line-height: 300px; } .error-page img { margin-top: -80px; } .error-page h3 { font-size: 60px; margin-bottom: 30px; } .error-page strong { font-style: italic; font-size: 20px; display: block; margin-bottom: 30px; margin-top: 30px; } .error-page .error-search { margin-top: 30px; padding: 0 50px; } .error-page .error-search a.button { padding: 10px 20px; display: block; text-align: center; } .error-page .error-content p a { color: #db2d2e; } .error-page .search-form input.placeholder { height: auto; padding: 12px 18px; margin-bottom: 0; } .error-page .search-form > div { padding: 0; } .error-page .search-form .button { padding: 11px 20px; margin-bottom: 0; width: 100%; } .error-page .search-form .button:hover { background: #323232; } /************************************* Masonry **************************************/ .masonry { position: relative; } .masonry .masonry-item { float: left; margin-bottom: 40px; } .masonry .masonry-item:last-child { margin-bottom: 0px; } .masonry .masonry-item:last-child .blog-2 { margin-bottom: 0px; } .masonry.columns-2 .masonry-item { width: 50%; padding: 0 15px 0px; } .masonry.columns-3 .masonry-item { width: 33.333%; padding: 0 15px 0px; } .masonry.columns-4 .masonry-item { width: 25%; padding: 0 15px 0px; } .car-list-isotope.columns-3 .masonry-item, .car-list-isotope.columns-4 .masonry-item { padding: 0 7px 0px; margin-bottom: 0; } .blog .masonry-main + div .pagination { margin-top: 50px; } .product-listing .masonry-main .all-cars-list-arch .masonry-item > .car-item {min-height: inherit;} /************************************* Coming soon **************************************/ .coming-soon.page-section-ptb{ padding: 0; } .countdown p { font-size: 20px; padding: 0 190px; line-height: 40px; margin-bottom: 60px; } .countdown { list-style: none; margin: 0 0 45px; padding: 0; display: block; text-align: center; } .countdown li { display: inline-block; width: 24%; } .countdown li span { font-size: 46px; font-weight: bold; line-height: 20px; color: #db2d2e; } .countdown li p { color: #626262; font-size: 20px; padding: 0px; margin-bottom: 20px; text-transform: capitalize; } .coming-soon-search p { font-size: 18px; margin-bottom: 30px; margin-top: 50px; } .coming-soon-search a.button { padding: 10px 20px; display: block; text-align: center; } /*===============================================*/ /* Potenza Vehicles by Type - Shortcode */ /*===============================================*/ .search-logo { padding: 30px; border-radius: 0px; border:0; box-shadow: 0 5px 30px rgb(0 0 0 / 5%); } .search-logo .tabs li { margin-left: 2px; color: #323232; background: #f6f6f6; border:none; padding: 2px 14px; border-radius: 3px; font-size: 13px; line-height: 25px; text-transform: uppercase; font-weight: bold; overflow: hidden; margin-bottom: 0px; display: inline-block; margin: 0; cursor: pointer; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .search-logo ul.tabs li.active, .search-logo ul.tabs li.active:focus, .search-logo ul.tabs li:hover { background: #db2d2e; color: #ffffff; border:none; } .search-logo ul.tabs { display: inline-block; vertical-align: middle; float: right; } .search-logo h6 { padding-right: 8px; font-size: 20px; line-height: 24px; display: inline-block; } .search-logo-box { border:1px solid #f3f3f3; border-radius: 3px; padding: 30px 20px; text-align: center; box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.06); position: relative; margin: 16px 0; min-height: 116px; } .search-logo-box span { position: absolute; right: -10px; top: -10px; border:1px solid #f3f3f3; background: #ffffff; width: 30px; height: 30px; line-height: 28px; text-align: center; font-weight: bold; border-radius: 50%; z-index: 3; color: #323232; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .search-logo-box img, .search-logo-box picture img { margin-bottom: 0 !important; width: auto; max-height: 54px; } .search-logo-box strong { position: absolute; right: 0; left: 0; top: 5px; text-align: center; font-weight: bold; z-index: 3; color: #323232; text-transform: uppercase; } .search-logo-box:hover span { background: #db2d2e; color: #ffffff; } /*---------------------*/ /* Range Slider */ /*---------------------*/ .year-range-slide .slider-year-range, .price-slide .slider-range {height: 4px; border: none; background: #eeeeee;} .year-range-slide .slider-year-range .ui-slider-handle, .price-slide .slider-range .ui-slider-handle {width: 7px; height: 16px; top: -6px; background: #db2d2e; border: none; margin: 0; margin-left: -3px; z-index: 1;} .range-btn-wrapper {display: flex; flex-wrap: wrap; margin-top: 25px;} .range-btn-wrapper .dealer-slider-year-range, .range-btn-wrapper .dealer-slider-amount-wrapper {display: flex; align-self: center; width: 100%;} .range-btn-wrapper .dealer-slider-year-range label, .range-btn-wrapper .dealer-slider-amount-wrapper label {margin: 0; padding-right: 5px;} .range-btn-wrapper .dealer-slider-year-range .dealer-slider-amount bdi, .range-btn-wrapper .dealer-slider-amount-wrapper .dealer-slider-amount bdi {color: var(--cd-secondary-color); font-size: 16px; font-weight: 600;} .range-btn-wrapper .dealer-slider-year-range input, .range-btn-wrapper .dealer-slider-amount-wrapper input {background: none; border: 0; font-size: 13px; color: #323232; font-weight: 700; padding: 0; width: 100%; text-align: right;} .year-range-slide .range-btn-wrapper .year-range-filter-btn, .price-slide .range-btn-wrapper .pgs-price-filter-btn {padding: 3px 15px; margin-top: 10px;} /********************************************* Under Maintenance *********************************************/ .cd_maintenance_mode-comingsoon #header, .cd_maintenance_mode-maintenance #header {background: rgba(0, 0, 0, 0.05); text-align:center; padding: 25px 0; margin-bottom:80px;} .cd_maintenance .countdown ul { width: 80%; margin: 0 auto; padding: 0px; } .cd_maintenance_mode-maintenance #header img.logo-type-default { height: 50px; margin: 20px 0px; } .mntc-cs-item.mntc-cs-content { padding: 100px 0px; } .mntc-cs-item h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 50px; } .mntc-cs-item i { font-size: 100px; margin-bottom: 25px; color: #e4e4e4; } .mntc-cs-item p { font-size: 32px; padding: 0 250px; line-height: 44px; } .cd_maintenance_mode-comingsoon section.coming-soon { margin-bottom: 50px; } .cd_maintenance_mode-maintenance .footer { position: relative; bottom: 0px; width: 100%; } .cd_maintenance .footer-widget { background: #0f0f0f; padding: 25px; } .cd_maintenance .footer-widget span { color: #ffffff; } .cd_maintenance .footer-widget a { color: #db2d2e; } .cd_maintenance .footer-widget a:hover { color: #ffffff; } .cd_maintenance .footer-widget p { margin-bottom: 0; padding-bottom: 0; } .cd_maintenance .footer-widget .footer-widget-social ul { padding: 0; margin: 0; float: right; } .cd_maintenance .footer-widget .footer-widget-social li { list-style-type: none; float: left; margin: 0 3px; } .cd_maintenance .footer-widget .footer-widget-social li a { background: #f6f6f6; width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-block; border-radius: 50%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .cd_maintenance .footer-widget .footer-widget-social li a:hover { background: #db2d2e; color: #ffffff; } .cd_maintenance .footer-widget .footer-widget-social li a:hover i { color: #ffffff; } .cd_maintenance_mode-maintenance #header { margin-bottom: 0; } .cd_maintenance_mode-maintenance .mntc-cs-main { height: 80vh; width: 100%; display: table; } .cd_maintenance_mode-maintenance .mntc-cs-main > div { display: table-cell; vertical-align: middle; } .cd_maintenance_mode-maintenance .mntc-cs-item.mntc-cs-content { padding: 50px 0; } .cd_maintenance .mc4wp-form .form-control { background: #f6f6f6; } .cd_maintenance .mc4wp-form .form-control:focus { background: #ffffff; } .cd_maintenance .mc4wp-form .button { border: none; -o-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s } .cd_maintenance .mc4wp-form .button:hover { background: #323232; } .coming-soon-search .mc4wp-alert { display: inline-block; padding: 12px 45px; border-radius: 3px; } .coming-soon-search .mc4wp-alert p { margin: 0; font-size: 15px; } .coming-soon-search .mc4wp-alert.mc4wp-error { background: #ffe4e4; border: 1px solid #eba3a3; } .coming-soon-search .mc4wp-alert.mc4wp-error p { color: #db2d2e; } .coming-soon-search .mc4wp-alert.mc4wp-success { background: #cce7c0; border: 1px solid #b2dba1; } .coming-soon-search .mc4wp-alert.mc4wp-success p { color: #3c763d; } /***************************** BBPress - Forums ******************************/ .bbp-logged-in h4 { font-weight: normal; font-size: 1em; } .widget_display_search #bbp_search_submit { width: 100%; margin-top: 10px; padding: 12px 0; } .bbp_widget_login button#user-submit { padding: 12px 25px; background: #f5f5f5; } .bbp_widget_login button#user-submit:hover { background: #eca525; color: #fff; } .kt-bbpress-header { margin-bottom: 35px; } #bbpress-forums p.bbp-topic-meta img.avatar { margin-bottom: 0; border: none; } .bbp-forum-info { padding-left: 25px; } .bbp-forum-freshness, .bbp-topic-freshness { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; } li.bbp-forum-freshness a, li.bbp-reply-topic-title a, a.bbp-topic-permalink, li.bbp-topic-freshness a, a.favorite-toggle, a.subscription-toggle, a.bbp-author-name, .bbp-logged-in h4 a, #bbp-user-navigation ul li a { color: #444444; } #bbpress-forums ul.bbp-forums { border: none; margin-top: 0px; } #bbpress-forums li.bbp-body ul.topic { padding: 20px 0; } #bbpress-forums li.bbp-body ul.forum { padding: 12px 0 3px 0; } .bbp-forum-topic-count, .bbp-forum-reply-count, .bbp-forum-freshness, .bbp-topic-title, .bbp-topic-voice-count, .bbp-topic-reply-count, .bbp-topic-freshness { line-height: 40px; } ul.forum-titles li { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } /* FORUM - Search Form */ #bbpress-forums div.bbp-search-form { margin-bottom: 25px; width: 100%; } #bbpress-forums #bbp-search-form { float: none; border: 1px solid #dddddd; } #bbpress-forums #bbp-search-form #bbp_search { border: none; padding-left: 15px; width: 81.6%; font-size: 15px; color: #323232; } #bbpress-forums #bbp-search-form #bbp_search:focus { background: #fff; } #bbpress-forums #bbp-search-form #bbp_search_submit { padding: 10px 0; width: 18%; border: none; margin: 0; } #bbpress-forums #bbp-search-form #bbp_search_submit:hover { background: #323232; } #bbpress-forums .bbp-breadcrumb { display: none; } .bbp-forums a { font-size: 14px; color: #db2d2e; } .bbp-forums a:hover { text-decoration: underline !important; } /* FORUM - Block */ #bbpress-forums li.bbp-header { padding: 8px 0; border-top:none; font-weight: normal; color: #ffffff; border:none; background: #323232;} #bbpress-forums li.bbp-body { border: 1px solid #dddddd; border-top: none; } #bbpress-forums li.bbp-body ul.forum { padding: 10px 0 10px 0; } #bbpress-forums .bbp-forums-list { border-left: none; margin: 0; padding: 0; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 13px; line-height: 30px; } /* FORUM - Replies */ #bbpress-forums .bbp-replies li.bbp-header { padding: 12px 0; margin-bottom: 20px; } #bbpress-forums .bbp-replies li.bbp-body { border: none; } #bbpress-forums .bbp-replies li.bbp-body .bbp-reply-header { border: 1px solid #ddd; padding: 5px 25px; background: rgba(249, 249, 249, 0.9); border-bottom: none; } #bbpress-forums .bbp-replies li.bbp-body .topic-author { border: 1px solid #dddddd; margin-bottom: 20px; background: #ffffff; } #bbpress-forums .bbp-replies li.bbp-body .topic-author:last-child { margin-bottom: 0px; } #bbpress-forums .bbp-replies li.bbp-body .topic-author .avatar { margin-bottom: 10px; } /* FORUM - Admin Details */ #buddypress #item-header-cover-image #item-header-avatar img.avatar { background: rgba(255, 255, 255, 0.8); border: 7px solid #ffffff; } #buddypress #item-nav .item-list-tabs#object-nav ul li { margin-right: 5px; } #buddypress #item-nav .item-list-tabs#object-nav ul li a { background: #323232; opacity: 1; color: #ffffff; font-weight: 400; } #buddypress #item-nav .item-list-tabs#object-nav ul li.selected a { background: #db2d2e; color: #ffffff; opacity: 1; } #buddypress #item-body .item-list-tabs#subnav { border: 1px solid #dddddd; background: #f9f9f9; color: #ffffff; padding: 15px; margin-top: 20px; margin-bottom: 25px; } #buddypress #item-body .item-list-tabs#subnav ul li { margin-top: 10px; margin-right: 5px; } #buddypress #item-body .item-list-tabs#subnav ul li#public-personal-li { margin-top: 0px; } #buddypress #item-body .item-list-tabs#subnav ul li a { background: #323232; opacity: 1; color: #ffffff; font-weight: 400; } #buddypress #item-body .item-list-tabs#subnav ul li.selected a { background: #db2d2e; color: #ffffff; opacity: 1; } #buddypress #item-body .item-list-tabs#subnav ul #activity-filter-select { margin: 0; } #buddypress #item-body #activity-filter-select label { display: none; } #buddypress #item-body #activity-filter-select #activity-filter-by { margin: 0; } #buddypress ul.activity-list { border: none; } #buddypress ul.activity-list .activity { border: 1px solid #dddddd; padding: 15px; margin-bottom: 15px; } #buddypress ul.activity-list li .activity-meta .button { padding: 4px 15px; } #buddypress ul.activity-list li .activity-meta .button:hover { color: #ffffff; background: transparent; } /* FORUM - Admin Profile */ #buddypress #item-body .profile .bp-widget { border: 1px solid #dddddd; padding: 0; margin: 0; margin-bottom: 15px; } #buddypress #item-body .profile .bp-widget h2 { font-size: 18px; background: #323232; text-transform: none; font-weight: 400; margin: 0; padding: 0px 20px; color: #ffffff; } #buddypress #item-body .profile .bp-widget .profile-fields td { border: none; border-top: 1px solid #dddddd; padding: 5px 20px; width: 70%; height: 40px; display: inline-block; color: #323232 !important; line-height: 26px; font-weight: 500; font-size: 13px !important; } #buddypress #item-body .profile .bp-widget .profile-fields td.label { width: 30%; text-align: left; } /* BBPress - Members */ #buddypress div.dir-search { float: none; border: 1px solid #dddddd; margin-bottom: 25px; } #buddypress div.dir-search #members_search { border: none; padding: 0; padding-left: 15px; width: 81.5%; font-size: 15px; background: none; color: #323232; } #buddypress div.dir-search #members_search:focus { background: #fff; } #buddypress div.dir-search #members_search_submit { padding: 10px 0; width: 18%; border: none; margin: 0; background: #db2d2e; color: #ffffff; } #buddypress div.dir-search #members_search_submit:hover { background: #323232; } #buddypress #members-directory-form .item-list-tabs li a { background: #db2d2e; color: #ffffff; } #buddypress #members-dir-list div.pagination .pag-count { padding-left: 0; } #buddypress #members-dir-list div.pagination .pagination-links { padding-right: 0; } #buddypress #members-dir-list div.pagination-links a, #buddypress #members-dir-list div.pagination-links span {background: #db2d2e; color: #ffffff; padding: 5px 10px;} #buddypress #members-dir-list div.pagination-links span { background: #323232; color: #ffffff; } #buddypress .dir-form #subnav.item-list-tabs { border: 1px solid #dddddd; background: #f9f9f9; color: #ffffff; padding: 15px; margin-top: 20px; margin-bottom: 25px; } #buddypress .dir-form #subnav.item-list-tabs .filter label { display: none; } #buddypress #members-list li { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 25px; } #buddypress #members-list li.odd { background: #f9f9f9; } /*******************/ a.bbp-forum-title { font-size: 14px; color: #323232; } li.bbp-forum-info { line-height: 40px; vertical-align: middle; } p.bbp-topic-meta { display: none; } #bbpress-forums li.bbp-footer { display: none; background: #fbfbfb; border: none; } .subscription-toggle { display: none; } div.bbp-template-notice p { font-size: 14px; line-height: 30px; } #bbpress-forums div.bbp-template-notice img.avatar { display: none; } .bbp-pagination-count { font-size: 14px; } .bbp-topic-title { padding-left: 25px; } a.bbp-topic-permalink { font-size: 14px; } .bbp-pagination { display: none; } div.bbp-template-notice, div.indicator-hint { margin: 0 0 30px 0; } #bbpress-forums fieldset.bbp-form { border: none; padding: 0; } legend { border-bottom: none; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {margin-bottom: 30px;} #bbpress-forums fieldset.bbp-form label{font-size: 14px; margin-bottom: 7px;} #bbpress-forums fieldset.bbp-form select {height: 40px; width: 100%;} #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input{border: 1px solid #fff; background: #fff; font-size: 14px; padding-left: 15px;} #bbpress-forums fieldset.bbp-form textarea:focus, #bbpress-forums fieldset.bbp-form select:focus, #bbpress-forums fieldset.bbp-form input:focus{background: #fff; border: 1px solid #fff;} div.bbp-submit-wrapper{float: none;} #bbp_topic_submit, #bbp_reply_submit, #bbpress-forums #bbp-your-profile fieldset.submit button{width: 100%; background: #ededef; padding-top: 16px; padding-bottom: 16px;} #bbp_topic_submit:hover, #bbp_reply_submit:hover, #bbpress-forums #bbp-your-profile fieldset.submit button:hover{background: #eca525; color: #fff;} #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {border: none; margin-bottom: 30px;} #bbpress-forums div.odd, #bbpress-forums ul.odd, #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-reply-content {font-size: 14px;} #bbpress-forums li.bbp-header .bbp-reply-content {padding-right: 40px;} #bbpress-forums div.bbp-topic-tags {float: left;} div.bbp-breadcrumb, div.bbp-topic-tags {font-size: 14px;} body.iosmodalFix.modal-open { position: fixed; } /********************************************* Print CSS *********************************************/ @media print { #header, #footer, .inner-intro, .details-nav, .car-detail-post-option, .car-price .sold, .car-details .feature-car, .car-top, .slider-slick .slick-arrow, .slider-slick .slider-nav, .widget.financing_calculator { display: none; } .fuel-efficiency-detail { border: 1px solid #323232; width: 250px; } } /*--------------------*/ /* GDPR */ /*--------------------*/ .modal .modal-body .cdhl_validate.terms { width: auto; display: inline-block; } .modal .modal-body a.cd-policy-terms { padding: 0; border: none; color: #db2d2e; } .modal .modal-body a.cd-policy-terms:hover { background: transparent; color: #db2d2e; } .modal .modal-body .form-group input, .modal .modal-body .form-group textarea { margin-bottom: 0; } .modal .modal-body .cdhl-terms-privacy-container { margin-bottom: 10px; cursor: pointer; display: inline-block; } /*--------------------*/ /* Team Single */ /*--------------------*/ .single-teams .custom-content-4 h2 {margin-bottom: 5px;} .single-teams .custom-content-4 span {display: block; font-weight: 500; margin-bottom: 30px; color: var(--cd-primary-color);} .single-teams .social { float: right; } .single-teams .social ul { margin: 0; padding: 0; } .single-teams .social ul li { display: inline-block; } .single-teams .social ul li a { color: #323232; background: #f5f5f5; display: block; border-radius: 3px; width: inherit; margin: 2px; padding: 0px 15px; } .single-teams .social ul li a i { color: #323232; font-size: 16px; line-height: 40px; display: block; float: none; } .single-teams .social ul li a:hover { background: var(--cd-primary-color); } .single-teams .social ul li a:hover i { color: #ffffff; } .single-teams .nav-single { margin-bottom: 0; } .our-team nav .pagination { margin-top: 30px; } /*--------------------*/ /* Testimonials Listing */ /*--------------------*/ .page-template-testimonials .cd-testimonial-items .testimonial-block { margin-bottom: 30px; } .row-background-dark .testimonial-2 .testimonial-info .testimonial-name h6 { color: #ffffff; } .blog .sidebar-right #search-2 .cd-search-autocomplete-default { top: inherit; } .woocommerce-checkout .woocommerce-checkout-payment .checkbox input[type="checkbox"] { position: relative; } .woocommerce .woocommerce-checkout-review-order .woocommerce-checkout-payment label.checkbox { margin-top: 0; } .woocommerce-checkout #payment div.form-row { padding-top: 0px !important; } .woocommerce div.product form.cart .variations label.pa_color { padding-top: 10px; } /*--------------------*/ /* Team Expertise */ /*--------------------*/ .our-team .type-teams { margin-bottom: 0 !important; } .team-expertise h3 { text-transform: capitalize; margin-bottom: 30px; } .our-activities { margin-bottom: 80px; } .team-expertise ul li { line-height: 24px; display: block; padding: 12px 0 12px 24px; font-size: 18px; position: relative; border-bottom: 1px dotted #e8e8e8; } .team-expertise ul li:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 700; left: 0; position: absolute; text-indent: 0; top: 12px; color: var(--cd-primary-color);} .cd-single-team-navigation { margin: 0px 0 60px; } /* Owl Carousel Load */ .owl-carousel > .item, .owl-carousel > .team-2 {float: left; margin-right: 15px;} .owl-carousel[data-items='1'] > .item{width: 100%; margin-right: 0px;} .owl-carousel[data-items='1'] > .item{display: none;} .owl-carousel[data-items='1'] > .item:nth-child(-n+1){display: block;} .owl-carousel[data-items='2'] > .item, .owl-carousel[data-items='2'] > .team-2{width: 48%; margin-right: 2%;} .owl-carousel[data-items='2'] > .item, .owl-carousel[data-items='2'] > .team-2 {display: none;} .owl-carousel[data-items='2'] > .item:nth-child(-n+2), .owl-carousel[data-items='2'] > .team-2:nth-child(-n+2){display: block;} .owl-carousel[data-items='3'] > .item, .owl-carousel[data-items='3'] > .team-2 {width: 365px;} .owl-carousel[data-items='3'] > .item, .owl-carousel[data-items='3'] > .team-2 {display: none;} .owl-carousel[data-items='3'] > .item:nth-child(-n+3), .owl-carousel[data-items='3'] > .team-2:nth-child(-n+3){display: block;} .owl-carousel[data-items='4'] > .item, .owl-carousel[data-items='4'] > .team-2{width: 270px;} .owl-carousel[data-items='4'] > .item, .owl-carousel[data-items='4'] > .team-2 {display: none;} .owl-carousel[data-items='4'] > .item:nth-child(-n+4), .owl-carousel[data-items='4'] > .team-2:nth-child(-n+4) {display: block;} /* Owl Carousel-7*/ .owl-carousel-7 > .item {float: left; margin-right: 5px;} .owl-carousel-7 > .item{width: 279px;} .owl-carousel-7 > .item {display: none;} .owl-carousel-7 > .item:nth-child(-n+4) {display: block;} /* Cars Top Filters Box */ .cars-top-filters-box { position: relative; } .cars-top-filters-box .filter-loader { position: absolute; left: 0; text-align: center; top: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.48); z-index: 9; } .cars-top-filters-box .filter-loader .cd-loader { position: absolute; top: 50%; left: 50%; margin-left: -14px; margin-top: -12px; } /*--------------------*/ /* Style Classic List */ /*--------------------*/ .style-classic.car-grid { background: #fbfbfb; border: 1px solid #e8e8e8; } .style-classic.car-grid .car-details .car-info { display: block; clear: both; background: #ffffff; padding: 15px; box-shadow: 0 5px 15px rgb(0 0 0 / 1%);} .style-classic.car-grid .car-image .car-overlay-banner {display: none;} .style-classic.car-grid .car-details .car-info-top-left { clear: both; width: 59%; display: inline-block; border-right: 3px solid #f5f5f5; padding-right: 10px; vertical-align: top; } .style-classic.car-grid .car-details .vehicle-attributes-list ul li { display: block; font-size: 12px; padding: 3px 5px;} .style-classic.car-grid .car-details .vehicle-attributes-list ul.vehicle-attributes { width: 50%; float: left; } .style-classic.car-grid .car-details .vehicle-attributes-list ul strong { word-break: break-all; color: #323232;} .style-classic.car-grid .car-details .car-info-top-right { width: 40%; display: inline-block; vertical-align: top; padding-left: 10px; } .style-classic.car-grid .car-details .car-title a { margin-bottom: 0; } .style-classic.car-grid .car-details .car-title a:before { display: none; } .style-classic.car-grid .car-description { margin-top: 20px; } .style-classic.car-grid .car-bottom { padding: 10px 20px; background: #ffffff; margin-top: 10px; clear: both; display: flex; align-items: center; margin-left: -15px; margin-right: -15px; margin-bottom: -15px; border-top: 1px solid #e8e8e8;} .style-classic.car-grid .car-bottom .button.pull-right { float: none !important; display: inline-block; } .style-classic.car-grid .car-bottom .car-bottom-actions { display: inline-block; padding: 7px 0; padding-top: 3px;} .style-classic.car-grid .car-bottom .car-bottom-actions li { display: inline-block; list-style: none; margin-right: 20px; margin-top: 5px; } .style-classic.car-grid .car-bottom .car-bottom-actions li a { color: #323232; } .style-classic.car-grid .car-bottom .car-bottom-actions li a i { padding-right: 8px; color: #db2d2e; } .style-classic.car-grid .car-bottom .car-bottom-actions li a:hover { color: #db2d2e; } .style-classic.car-grid .car-bottom .car-review-stamps { display: inline-block; margin-left: auto; } .style-classic.car-grid .car-bottom .car-review-stamps .car-vehicle-review-stamps { width: auto; text-align: right; margin-top: 0; display: flex; grid-gap: 8px;} .style-classic.car-grid .car-bottom .car-review-stamps .car-vehicle-review-stamps a {display: inline-block;} .style-classic.car-grid .car-bottom .car-review-stamps .car-vehicle-review-stamps img {height: 30px; margin: 0;} .style-classic.car-grid .price span { font-size: 24px; } .style-classic.car-grid .car-location p strong { display: block; } .style-classic.car-grid .car-location p { margin-top: 8px; display: block; margin-bottom: 0; } /* Car List Seller Info */ .all-cars-list-arch .car-grid .car-details .car-list-seller-info {display: flex; margin-top: 15px;} .all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-thumb {margin-right: 10px;} .all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-thumb img {width: 30px; height: auto; border-radius: 50px;} .all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-details {align-self: center;} .all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-details .seller-info-title a {color: inherit;} .all-cars-list-arch .car-grid .car-details .car-list-seller-info .seller-info-details .seller-info-title a:hover {color: #db2d2e;} /*--------------------*/ /* Style Classic Grid */ /*--------------------*/ .style-classic.car-item { text-align: left; } .style-classic.car-item .car-overlay-banner { text-align: center; } .style-classic.car-item .car-overlay-banner ul { top: 50%; } .style-classic.car-item .car-overlay-banner li .pgs_wishlist {display: flex; justify-content: center; align-items: center; font-size: 0;} .style-classic.car-item .car-overlay-banner li .pgs_wishlist i {font-size: initial;} .style-classic.car-item .vehicle-attributes-list { margin-top: 10px; } .style-classic.car-item .vehicle-attributes-list ul, .style-classic.car-item .vehicle-attributes-list .vehicle-attributes { margin: 0; padding: 0; } .style-classic.car-item .vehicle-attributes-list li { display: block; font-size: 12px; line-height: 16px; padding: 2px 0;} .style-classic.car-item .vehicle-attributes-list li strong {color: #323232;} .style-classic.car-item .car-vehicle-review-stamps {display: flex; flex-wrap: wrap; grid-gap: 10px;} .style-classic.car-item .car-vehicle-review-stamps a {margin: 0;} .style-classic.car-item .car-vehicle-review-stamps a img { margin: 0; height: 26px;} .style-classic.car-item .car-item .car-content > a { margin-bottom: 4px; } .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid {margin-top: 20px;} .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li { list-style: none; display: inline-block; clear: both; text-align: center; } .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a { color: #323232; background: #f5f5f5; padding: 6px 12px; font-size: 13px; margin-bottom: 0; min-width: 84px; } .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a i { padding-right: 8px; } .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li:nth-child(2) { float: right; } .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a:hover, .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li a.popup-youtube:hover { background: #db2d2e; color: #ffffff; } .col-lg-3 .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li { margin-right: 4px; } .col-lg-3 .style-classic.car-item .car-content ul.car-bottom-actions.classic-grid li:nth-child(2) { float: none; margin-top: 4px; } .style-classic.car-item.car-item-2 .car-content { padding: 20px; margin-bottom: 0; } .style-classic.car-item.car-item-2 .car-content .price { text-align: center; } .owl-carousel .owl-item .item .style-classic.car-item { margin-left: 1px; } .style-classic.car-item.grey-bg .car-content ul.car-bottom-actions.classic-grid li a { background: #ffffff; } /*.tab-vertical.tabs-left .tab-content .tab-pane .grid-item .style-classic.car-item.car-item-2 .car-content { padding: 20px 0;}*/ .product-listing.lazyload .cd-lazy-load-item .car-item.style-classic { border: 0; box-shadow: 0 0 1px 0 rgba(0,0,0,0.3); } .product-listing .car-grid.style-classic .price span.old-price { display: block; } .style-classic.car-grid .car-details .car-info-top-right .car-price, .style-default.car-grid .car-details .car-price {display: flex; flex-wrap: wrap; gap: 5px;} .style-classic.car-grid .car-details .car-info-top-right .car-price > p, .style-default.car-grid .car-details .car-price > p {display: inline-block; align-self: center; background: #323232; color: #fff; padding: 1px 7px; border-radius: 2px; font-style: italic; font-size: 13px; margin: 0;} /*--------------------*/ /* Product */ /*--------------------*/ .style-classic.car-item .vehicle-attributes-list ul li strong, .vehicle-attributes-list li strong { word-break: break-word; } .car-item .vehicle-attributes-list .list-inline { text-align: left; margin-top: 20px; padding-left: 0; margin-left: 0; } .car-item .vehicle-attributes-list .list-inline li { display: block; } .owl-carousel.owl-theme { clear: both; } .features-and-options-container .feature_list { list-style-type: none; padding: 0; margin: 0; } .feature_list .feature_list_sub { list-style-type: none; padding: 0; margin: 0; padding-left: 15px; } /*===============================================*/ /* Form Group / Newsletter */ /*===============================================*/ .form-group input, .form-group textarea, .news-letter .form-control { width: 100%; resize: vertical; background: #f6f6f6; border: 1px solid transparent; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; margin-bottom: 15px; } .form-group input:focus, .news-letter input:focus, .form-group textarea:focus { background: transparent; border: 1px solid #db2d2e; } .mailchimp_newsletter .news-letter { position: relative; } .mailchimp_newsletter .news-letter > span, .mailchimp_newsletter .news-letter [class*='spinimg-form_newsletter_widget-'] { position: absolute; top: 10px; right: 0px; } .mailchimp_newsletter .news-letter .newsletter-msg { margin-top: 10px; margin-bottom: 0; color: red; font-weight: 600; } /*===============================================*/ /* Pop-Up Widget */ /*===============================================*/ .pgs-popup-btn .icon-position-left i { margin-right: 10px; padding-left: 0; } .pgs-popup-btn .icon-position-right i { margin-left: 10px; padding-left: 0; } .pgs-popup-content-modal.mfp-hide { display: block !important; height: auto; opacity: 0; position: fixed; visibility: hidden; left: -5000px; top: 0; } .pgs-popup-content-modal { max-width: 800px; background: #ffffff; margin: 30px auto; position: relative; } .pgs-popup-content-modal .pgs-popup-content { overflow: hidden; width: 100%; } .admin-bar .pgs-popup-content-modal { margin-top: 62px; } .pgs-popup-content-modal .mfp-close { position: sticky; right: 0px; top: 20px; color: #ffffff; opacity: 1; float: right; font-size: 30px; margin-right: -50px; margin-top: -12px; } .admin-bar .pgs-popup-content-modal .mfp-close { top: 40px; } .pgs-popup-content-modal .vc_row[data-vc-full-width], .pgs-popup-content-modal .vc_section[data-vc-full-width] { width: 100% !important; left: auto !important; padding: 0 !important; margin: 0 !important; } .pgs-popup-shortcode-wrapper.align-center { text-align: center; } .pgs-popup-shortcode-wrapper.align-right { text-align: right; } .cdhl_popup_wrapper > .pgs-popup-content-modal, .pgs-popup-shortcode-wrapper > .pgs-popup-content-modal { height: 0 !important; } /* Slider Arrow CSS */ .pgs-popup-content-modal .owl-carousel .owl-nav .owl-prev {left: 35px;} .pgs-popup-content-modal .owl-carousel .owl-nav .owl-next {right: 35px;} .pgs-popup-content-modal .owl-carousel:hover .owl-nav .owl-prev {left: 20px;} .pgs-popup-content-modal .owl-carousel:hover .owl-nav .owl-next {right: 20px;} .pgs-popup-content-modal .slick_sider.video-slider:hover .slick-slider .slick-prev {left: 15px;} .pgs-popup-content-modal .slick_sider.video-slider:hover .slick-slider .slick-next {right: 15px;} .pgs-popup-content-modal .owl-carousel .owl-item img {max-width: 100%;} /***************************************/ /* Compare New */ /***************************************/ .cd-vehicle-compare-wrapper { background-color: #ffffff; } .cd-vehicle-compare-wrapper .cd-vehicle-compare { width: 100%; overflow: auto; padding: 0; /* border-right: 1px solid #e8e8e8; */ } .cd-vehicle-compare-wrapper.cd-vehicle-compare-wrapper-iframe .cd-vehicle-compare { overflow: inherit; } .cd-vehicle-compare-wrapper:not(.cd-vehicle-compare-wrapper-iframe) .cd-vehicle-compare { height: 550px; } .vehicle-compare-main-content { position: relative; z-index: 0; } .vehicle-compare-main-content-remove-link { display: flex; justify-content: center; align-items: center; position: absolute; top: -5px; right: -5px; background-color: #ffffff; border-radius: 50%; height: 30px; width: 30px; } .vehicle-compare-main-content-remove-link .compare-remove-column { color: #999999; } .vehicle-compare-main-content-remove-link .compare-remove-column:hover { color: #db2d2e; } .vehicle-compare-main-content-remove-link .compare-remove-column i { font-size: 20px; transition: all 0.25s ease-in-out; } .cd-vehicle-compare-wrapper:not(.cd-vehicle-compare-wrapper-iframe) {overflow: hidden; position: relative;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table {border-collapse: collapse; width: 100%; table-layout: fixed;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table tbody .table-row.vehicle-row-odd .vehicle-column {background: #f6f6f6;} .cd-vehicle-compare-wrapper .cd-vehicle-compare th, .cd-vehicle-compare-wrapper .cd-vehicle-compare td {font-size: 14px; line-height: 22px; padding: 10px; text-align: center;} .cd-vehicle-compare-wrapper .cd-vehicle-compare th {background:#f9f9f9;} .cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading {position: sticky; top: 1px; z-index: 1; color: #323232; outline: 1px solid #dedede;z-index: 2;} .cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading.table-label {width: 250px; left: 1px; z-index: 99;} .cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading {width: 285px;} .cd-vehicle-compare-wrapper .cd-vehicle-compare tbody tr:first-child {position: relative; z-index: 1;} .cd-vehicle-compare-wrapper .cd-vehicle-compare tbody th {position: sticky; left: 1px; text-align: right; color: #323232; text-transform: uppercase; font-weight: 600; font-size: 13px; outline: 1px solid #e8e8e8;} .cd-vehicle-compare-wrapper .cd-vehicle-compare th.table-label {z-index: 2;} .cd-vehicle-compare-wrapper .cd-vehicle-compare td .cardealer-lead-form-req-price-btn {display: inline-block; background: #323232; color: #ffffff; text-align: center; padding: 5px 25px; font-size: 14px; font-weight: 400; margin-bottom: 0; transition: all 0.25s ease-out 0s;} .cd-vehicle-compare-wrapper .cd-vehicle-compare td .cardealer-lead-form-req-price-btn:hover {background: #db2d2e; color: #ffffff;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td a {text-align: center; display: block; vertical-align: top;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td a > img {margin-bottom: 10px;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .price .old-price {text-decoration: line-through;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .price > p {display: inline-block; background: #323232; color: #fff; padding: 1px 7px; border-radius: 2px; font-style: italic; font-size: 13px; margin: 3px 10px;} .cd-vehicle-compare-wrapper .cd-vehicle-compare td .price bdi + bdi {margin-left: 5px;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .col-sm-12 {display: flex; align-items: center; gap: 10px; margin: 5px 0;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .col-sm-12 > span {white-space: nowrap;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .cd-compare-select-wrapper {padding: 0 30px; text-align: left;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .cd-compare-select-wrapper .cd-compare-select-field + .cd-compare-select-field {margin-top: 10px;} .cd-vehicle-compare-wrapper .cd-vehicle-compare table td .cd-compare-select-wrapper .cd-compare-select-field > .cd-compare-select-field-container {position: relative;} .select2-container.select2-container--open .select2-dropdown.cd-compare-select-attr-dropdown, .select2-container.select2-container--open .select2-dropdown.cd-compare-select-vehicle-dropdown {z-index: 1;} .cd-vehicle-compare-wrapper .cd-vehicle-compare .cd-compare-select-field.cd-compare-select-field-vehicle .select2.select2-container.cd-loading .select2-selection.select2-selection--single .select2-selection__rendered { background: transparent url('http://select2.github.io/select2/select2-3.5.1/select2-spinner.gif') no-repeat calc(100% - 35px) !important; } .cd-vehicle-compare .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2, .cd-vehicle-compare .vehicle-column-select_vehicle.vehicle-column-select_vehicle-3, .cd-vehicle-compare .vehicle-column-select_vehicle.vehicle-column-select_vehicle-4 { /*display: none;*/ position: absolute !important; visibility: hidden; } .cd-vehicle-compare [data-vehicle_count="0"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2, .cd-vehicle-compare [data-vehicle_count="0"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-3, .cd-vehicle-compare [data-vehicle_count="0"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-4 { /*display: block;*/ position: sticky !important; visibility: visible; } .cd-vehicle-compare [data-vehicle_count="1"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2, .cd-vehicle-compare [data-vehicle_count="1"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-3 { /*display: block;*/ position: sticky !important; visibility: visible; } .cd-vehicle-compare [data-vehicle_count="2"] .vehicle-column-select_vehicle.vehicle-column-select_vehicle-2 { /*display: block;*/ position: sticky !important; visibility: visible; } /*---------------------------------*/ /* Compare PopUp */ /*---------------------------------*/ #cd-vehicle-compare-modal .modal-full {width: 98%;} #cd-vehicle-compare-modal .modal-lg {width: 1140px;} #cd-vehicle-compare-modal .modal-md {width: 800px;} #cd-vehicle-compare-modal .modal-sm {width: 300px;} #cd-vehicle-compare-modal .modal-header {display: flex; align-items: center; background: #323232; border-bottom: 0; padding: 10px 20px;} #cd-vehicle-compare-modal .modal-header .modal-title {margin-right: auto; order: 1; color: #ffffff; font-size: 24px; margin-bottom: 0;} #cd-vehicle-compare-modal .modal-header .close {opacity: 1; margin-left: auto; order: 2; color: #ffffff;} #cd-vehicle-compare-modal .modal-body {height: calc( 100vh - 116px ); } #cd-vehicle-compare-modal .modal-body .cd-vehicle-compare-content { height: 100%; } #cd-vehicle-compare-modal .modal-body .cd-vehicle-compare-iframe {border: none;} /* Compare PopUp Loader */ .cd-vehicle-compare-loading { /* position: relative; */ overflow: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; } .cd-vehicle-compare-loading:before, .cd-vehicle-compare-loader { background-color: rgb(255,255,255); background-image: url('../../images/loader_img/cd_loader.svg'); background-position: center center; background-attachment: inherit; background-size: 50px; background-repeat: no-repeat; position: absolute; top: 0; right: 0; left: 0; bottom: 0; font-size: 0; z-index: 9999; } .cd-vehicle-compare-loading:before{ content: ""; position: fixed; width: 100%; height: 100vh; } .cd-vehicle-compare-loading .cd-vehicle-compare-loader { display: block !important; } /* Compare Responsive */ @media (max-width:479px) { .cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading.table-label {width: 170px;} .cd-vehicle-compare-wrapper .cd-vehicle-compare thead th.table-heading {width: 220px;} } /***************************************/ /* Compare PopUp Form */ /***************************************/ #comparelist {background: #ffffff; padding-right: 0 !important;} .admin-bar #comparelist {margin-top: 32px;} #comparelist .modal-lg { width: 98%; } #comparelist .modal-header { background: #323232; border-bottom: 0; padding: 5px 10px; } #comparelist .modal-header h1 { color: #ffffff; font-size: 24px; margin-bottom: 0; } #comparelist .modal-header .close_model { position: absolute; right: 15px; top: 13px; background: none; border: none; color: #fff; font-size: 30px; } #comparelist .modal-body { overflow: auto; padding-top: 0; } .fancybox-wrap { width: 90% !important; } .fancybox-wrap .fancybox-inner { width: 100% !important; background: #4F4F4F; } .fancybox-inner h1 { margin-bottom: 0; } #comparelist .modal-content { border: none; } #comparelist .modal-content .table-Wrapper { display: flex; margin: 0; } #comparelist .modal-content .table-Wrapper > .heading-Wrapper { flex: none; width: 250px; } #comparelist .modal-content .table-Wrapper > .table-scroll { display: flex; overflow: hidden; overflow-x: auto; padding: 0; } #comparelist .modal-content .table-Wrapper > .heading-Wrapper .cardealer-vehicle-compare-list-title { display: flex; justify-content: flex-end; align-items: center; padding: 10px 20px; color: #323232; text-transform: uppercase; font-weight: 600; font-size: 13px; min-height: 47px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; } #comparelist .modal-content .table-Wrapper > .table-scroll #sortable { display: flex; overflow: hidden; overflow-x: auto; width: auto !important; } #comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column { width: 280px; flex: none; } #comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column:nth-child(odd) { background: #f7f7f7; } #comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column.ui-sortable-helper, #comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column.ui-sortable-helper:nth-child(odd) { background: #fefaed; } #comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .compare-remove-column { border: 1px solid; width: 15px; height: 15px; display: inline-flex; justify-content: center; align-items: center; border-radius: 30px; line-height: 10px; font-size: 12px; font-weight: 600; color: #db2d2e; } #comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .compare-remove-column span { position: relative; top: -1px; } #comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 10px 15px; text-align: center; min-height: 47px; border-bottom: 1px solid #e7e7e7; } #comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row a { display: inline-block; } #comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .price.car-price { display: inline-block; width: 100%; } #comparelist .modal-content .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .price.car-price > p { display: inline-block; background: #323232; color: #fff; padding: 1px 7px; border-radius: 2px; font-style: italic; font-size: 13px; margin: 0 10px; margin-top: 10px; } #comparelist .modal-content .table-Wrapper > .table-scroll .cardealer-vehicle-compare-list-column .cardealer-vehicle-compare-list-row .car-price .old-price { text-decoration: line-through; } @media (max-width:479px) { #comparelist .modal-content .table-Wrapper > .heading-Wrapper { width: 230px; } } /*===============================================*/ /* Pricing Plan Reviews */ /*===============================================*/ .woocommerce-Reviews { margin-top: 30px; } .woocommerce-Reviews .comment-reply-title { font-size: 16px; color: #323232; margin-bottom: 10px; display: block; font-weight: 600; } .woocommerce-Reviews .comment-form p, .woocommerce-Reviews .comment-form .comment-form-rating { margin-bottom: 15px; } .woocommerce-Reviews .comment-form .comment-form-author { width: calc(50% - 15px); float: left; margin-right: 15px; } .woocommerce-Reviews .comment-form .comment-form-email { width: calc(50% - 15px); float: left; margin-left: 15px; } .woocommerce-Reviews .comment-form label { display: block; width: 100%; margin-bottom: 5px; } .woocommerce-Reviews .comment-form input[type="text"], .woocommerce-Reviews .comment-form input[type="email"], .woocommerce-Reviews .comment-form textarea { width: 100%; padding: 10px 15px; border: 1px solid transparent; background: #f6f6f6; outline: none; color: inherit; } .woocommerce-Reviews .comment-form input[type="text"]:focus, .woocommerce-Reviews .comment-form input[type="email"]:focus, .woocommerce-Reviews .comment-form textarea:focus { border-color: #db2d2e; } .woocommerce-Reviews .comment-form .comment-form-rating { clear: both; } .woocommerce-Reviews .comment-form select { border: 1px solid transparent; background: #f6f6f6; padding: 12px 15px; } .woocommerce-Reviews .comment-form .comment-form-cookies-consent { display: flex; } .woocommerce-Reviews .comment-form .comment-form-cookies-consent input { margin: 0; margin-top: 5px; margin-right: 10px; } .woocommerce-Reviews .comment-form .comment-form-cookies-consent label { margin: 0; } .woocommerce-Reviews .comment-form .form-submit { margin-bottom: 0; } .woocommerce-Reviews .comment-form .form-submit .submit { position: relative; font-size: 14px; line-height: 22px; background: #db2d2e; color: #ffffff; padding: 10px 20px; border: none; transition: all 0.3s ease-in-out; } .woocommerce-Reviews .comment-form .form-submit .submit:hover { background: #323232; } @media (max-width:992px) { .woocommerce-Reviews .comment-form .comment-form-author, .woocommerce-Reviews .comment-form .comment-form-email { width: 100%; float: none; margin-right: 0; margin-left: 0; } } /* WebView */ .cardealer-webview #wpadminbar, .cardealer-webview #header, .cardealer-webview #footer, .cardealer-webview #main .inner-intro, .cardealer-webview #main .sidebar-right { display: none; } .cardealer-webview #main .page-section-ptb { padding: 0; } .cardealer-webview #main .page-section-ptb > .container > .row [class*="col-"]{ width: 100% } /*===============================================*/ /* Share Modal PopUp */ /*===============================================*/ .cardealer-share-action { display: flex; align-items: center; gap: 8px; } .cardealer-share-action .cardealer-share-action-label { font-size: 14px; text-transform: none; padding-right: 5px; font-weight: normal; } .cardealer-share .cardealer-share-action-label { margin-bottom: 0; cursor: default; } .tooltip.cardealer-share-action-link-tooltip { width: 60px; } .tooltip.cardealer-share-action-link-tooltip .tooltip-arrow { left: 50%; } .cardealer-share .cardealer-share-modal .modal-content { padding: 30px; border-radius: 0px; } .cardealer-share .cardealer-share-modal .modal-header { background: none; border: 0; padding: 0; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 30px; } .cardealer-share .cardealer-share-modal .modal-header .modal-title { font-size: 20px; color: #323232; text-transform: capitalize; } .cardealer-share .cardealer-share-modal .modal-header button.close { font-size: 30px; opacity: 1; color: #969696; font-weight: 400; } .cardealer-share .cardealer-share-modal .modal-body { padding: 0; } .cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items { position: relative; right: 0; opacity: 1; bottom: 0; z-index: 1; display: flex !important; flex-wrap: wrap; grid-gap: 10px; } .cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li { padding: 0; margin: 0; border: none; } .cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li a { width: 45px; height: 45px; background: transparent; color: #db2d2e; line-height: 30px; font-size: 16px; padding: 0; border: 1px solid #e3e3e3; display: flex; justify-content: center; align-items: center; border-radius: 50px; } .cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li a:hover { background: #db2d2e; border-color: #db2d2e; color: #ffffff !important; } .cardealer-share .cardealer-share-modal .cardealer-share-links .cardealer-share-items li a img { max-width: 100%; width: 28px; } /* PopUp Center Screen */ .cardealer-share .cardealer-share-modal.modal { text-align: center; padding: 0!important; z-index: 1070; } .cardealer-share .cardealer-share-modal.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .cardealer-share .cardealer-share-modal.modal .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } /*===============================================*/ /* Extra Custom CSS */ /*===============================================*/ .custom-box-shadow {box-shadow: 0 10px 45px rgba(0,0,0,0.05);} .vc_column-shadow .vc_column-inner {box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);} .infobox-shadow .cdhl-infobox.style-2 {box-shadow: 0 11px 20px rgba(0,0,0,0.03);} .bg-gradient-grey {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, #f8faff 100%);} .vc_section.bg-gradient-grey:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, #f8faff 100%);} .elementor-flex-grow > .elementor-widget-wrap {flex-grow: 1;} /*===============================================*/ /* Feature Box Custom Widget CSS */ /*===============================================*/ .feature-box-custom .feature-box.style-7 {display: inline-flex;} .feature-box-custom .feature-box:not(:hover) .icon i {color: var(--cd-primary-color);} .feature-box-custom .feature-box .content {display: flex; flex-direction: column-reverse; justify-content: center; margin: 0;} .feature-box-custom .feature-box .content p {font-size: 15px; line-height: 22px;} .feature-box-custom .feature-box .content h6 {margin: 0; font-weight: 600; font-size: 18px;} /*===============================================*/ /* Image Box Custom Widget CSS */ /*===============================================*/ .image-box-html {display: inline-block;} .image-box-wrapper {display: flex; align-items: center; gap: 20px;} .image-box-wrapper .image-wrapper {position: relative; padding: 5px; border: 2px solid var(--cd-primary-color); width: 80px; height: 80px; overflow: hidden; border-radius: 50px;} .image-box-wrapper .image-wrapper img {max-width: 100%; border-radius: 60px;} .image-box-wrapper .image-title {margin-bottom: 0;} .image-box-wrapper .content {font-size: 15px;} /*===============================================*/ /* 360 View Image */ /*===============================================*/ .fa-custom-view360 { background-image: url('../../images/360_icon/360-degrees-24-white.png'); background-size: 22px; background-repeat: no-repeat; background-position: center center; } .vehicle-view360-popop { position: relative; background: #ffffff; width: var(--vehicle-view360-popop-width); margin: 0 auto; } /* 360 View Popup */ .vehicle-view360-popop .mfp-close { position: absolute; top: -40px; right: -8px; width: 30px; height: 30px; opacity: 1; font-size: 30px; color: #ffffff; display: flex; justify-content: center; align-items: center; } .vehicle-view360-popop .cloudimage-360-inner-box canvas{ vertical-align: top; } .vehicle-view360-popop .cloudimage-360-inner-box .cloudimage-360-loader { top: auto; bottom: 0; height: 3px; background-color: var(--cd-primary-color); } .vehicle-view360-popop .cloudimage-360-prev, .vehicle-view360-popop .cloudimage-360-next, .cd-vehicle-view360-inline .cloudimage-360-prev, .cd-vehicle-view360-inline .cloudimage-360-next { position: absolute; top: 50%; width: 44px; height: 44px; background: #ffffff; border: 1px solid #e3e3e3; font-size: 18px; margin-top: -22px; transition: all .3s ease-out 0s; } .vehicle-view360-popop .cloudimage-360-prev:hover, .vehicle-view360-popop .cloudimage-360-next:hover, .cd-vehicle-view360-inline .cloudimage-360-prev:hover, .cd-vehicle-view360-inline .cloudimage-360-next:hover { color: #ffffff; background: var(--cd-primary-color); border-color: var(--cd-primary-color); } .vehicle-view360-popop .cloudimage-360-prev, .cd-vehicle-view360-inline .cloudimage-360-prev { left: 20px; } .vehicle-view360-popop .cloudimage-360-next, .cd-vehicle-view360-inline .cloudimage-360-next { right: 20px; z-index: 102; } /* 360 View Inline */ .vehicle-view360.cloudimage-360.initialized .cloudimage-360-placeholder { display: none; } .elementor-element-edit-mode .cloudimage-360-view-360-icon { background-image: url('../../images/360_icon/360-rotate-icon.svg'); }
Copyright ©2k19 -
Hexid
|
Tex7ure