/* ----------------------------------------- */ /* View slug: car-search-and-listings - start */ /* ----------------------------------------- */ /* Labels and Input Styling */ .search-fields select, .search-fields input, .wpv-sort-control-select{ border-radius: 3px !important; margin-bottom: 10px !important; padding: 14px 12px 14px 16px !important; font-size: 16px !important; color: rgba(25,41,48,0.72) !important; font-weight: normal !important; font-family: 'open-sans', sans-serif !important; line-height: 1 !important; max-height: 46px !important; } .wpv-sort-control-select{ float: left; margin-right: 15px; } @media screen and (max-width: 768px){ .wpv-sort-control-select{ min-width: auto !important; width: calc(100%/2 - 7.5px) !important; } .wpv-sort-control-select:nth-of-type(2){ margin-right: 0 !important; } } .search-fields select{ width: 100% !important; } .search-fields input[type=text]{ width: 100% !important; } .search-fields input[type=checkbox]{ background-color: #fdfdfd !important; border: 1px solid #e3e3e3 !important; padding: 10px 12px 12px 16px !important; font-size: 12px !important; line-height: 14px !important; color: #252525 !important; border-radius: 0 !important; font-weight: 700 !important; margin-right: 5px !important; margin-bottom: 0 !important; } .search-fields label { font-size: 12px; text-transform: uppercase; font-weight: 700; display: inline-block; } /* End Labels and Input Styling */ /* Fuel Type */ .wpcf-form-item-checkbox { width: 84px; display: inline-block; } .wpcf-form-item-checkbox label{ font-weight: normal; } /* End Fuel Type */ /* Price */ .min-price, .max-price { width: calc(100%/2 - 7.5px) !important; min-width: 1px !important; float: left; } .min-price{ margin-right: 15px; } /* End Price */ /* Search */ .search-fields .search{ transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out; padding: 14px 24px !important; background: #00405d !important; color: #fff !important; font-weight: 700 !important; border-radius: 3px !important; font-size: 14px !important; border: none !important; margin-top: 20px; width: 140px !important; } .search-fields .search:hover{ background: #192930 !important; } /* End Search */ .sort-control{ height: 46px; margin-bottom: 30px; } .car-listing{ display: block; margin-bottom: 15px !important; border-bottom: none !important; } .car-listing .vc_row{ border-bottom: none !important; } /* Car Image */ .car-listing .vc_col-sm-5, .car-listing .vc_col-sm-7{ padding: 0 !important; } /* End Car Image */ /* Main Panel */ .car-listing .main-panel{ background: #f4f4f4; border-radius: 0 4px 4px 0; border-right: 4px solid #37bbe0 !important; padding: 20px !important; min-height: 223.39px; } .car-listing .main-panel .vehicle-name{ font-family: "open-sans", sans; text-transform: uppercase; color: rgba(0,0,0,0.5); font-size: 22px !important; } .car-listing .main-panel .vehicle-meta{ font-size: 14px; } .car-listing .main-panel .price{ margin-bottom: 0 !important; } .car-listing .main-panel .price strong{ color: #37bbe0; font-weight: 700; font-size: 28px; } .car-listing .main-panel .price{ color: rgba(0,0,0,0.5); } .car-profile{ min-height: 224px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 4px 0 0 4px; } /* End Main Panel */ /* Flashes */ .corner-flash{ width: 0; height: 0; border-left: 90px solid transparent; border-right: 90px solid transparent; border-bottom: 90px solid #37bbe0; border-radius: 4px 0 0 0 !important; transform: rotate(-45deg); position: absolute; top: -13px; left: -58px; } .flash-text{ transform: rotate(-45deg); position: absolute; top: 38px; left: -64px; width: 230px; color: #fff !important; text-align: center; font-size: 19px; font-weight: 500; text-transform: uppercase; font-family: "bebas-neue", sans-serif; letter-spacing: 0px; } /* End Flashes */ /* ----------------------------------------- */ /* View slug: car-search-and-listings - end */ /* ----------------------------------------- */