/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 18 2026 | 22:34:29 */
/* ==========================================================================
   Easi-Sell Listing Styles
   Based on Style Guide v1.0
   ========================================================================== */

/* ==========================================================================
   CSS Variables (Design Tokens)
   ========================================================================== */
:root {
  /* Color Palette */
  --color-primary-orange: #ec6c26;
  --color-deep-teal: #183030;
  --color-mint-white: #f9f9f9;
  --color-white: #ffffff;
  --color-light-grey: #dfe2e2;
  --color-blackish: #111111;
  --color-focus-blue: #046bd2;
  --color-placeholder: #9ca3af;

  /* Typography */
  --font-heading: 'Bricolage Grotesque', sans-serif;
  --font-body: 'Karla', sans-serif;

  /* Spacing */
  --container-width: 1200px;
  --container-narrow: 750px;
  --section-padding: 3em;
  --block-gap: 1.5em;

  /* Border Radius */
  --radius-button: 30px;
  --radius-input: 4px;
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
.page-header {
  display: none;
}

#content,
body,
.font-brand,
.font-brand span,
.font-brand a,
.font-brand div {
  font-family: var(--font-body) !important;
  color: var(--color-deep-teal);
}

.font-brand h1,
.font-brand h2,
.font-brand h3,
.font-brand h4,
.font-brand h5,
.font-brand h6 {
  font-family: var(--font-heading) !important;
  color: var(--color-deep-teal);
}

/* ==========================================================================
   Carousel Styles
   ========================================================================== */
.featured-sec-ft #carousel-home-bottom .carousel-indicators {
  display: none;
}

.carousel-control .icon-prev:before,
.carousel-control .icon-next:before {
  color: var(--color-primary-orange);
}

.featured-sec-ft
  #carousel-home-bottom
  .carousel-caption
  .price_container
  button.btn {
  background: none !important;
  border-radius: 0px !important;
  color: var(--color-blackish) !important;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: var(--font-body);
}

.featured-sec-ft
  #carousel-home-bottom
  .carousel-caption
  .price_container
  button.btn::after {
  content: ' >';
}

.featured-sec-ft
  #carousel-home-bottom
  .carousel-caption
  .price_container
  .price {
  font-weight: 800;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-family: var(--font-heading);
}

.featured-sec-ft #carousel-home-bottom .carousel-caption .list_title {
  text-align: center;
  font-family: var(--font-heading);
}

.featured-sec-ft #carousel-home-bottom.carousel.slide img {
  min-width: 337px;
}

#single-page-bottom-slide #carousel-home-bottom.carousel.slide img {
  min-width: 515px;
}

#single-page-bottom-slide #carousel-home-bottom .carousel-caption .list_title,
#single-page-bottom-slide .carousel-caption .price_container .price,
#single-page-bottom-slide
  #carousel-home-bottom
  .carousel-caption
  .price_container
  .price,
#single-page-bottom-slide
  #carousel-home-bottom
  .carousel-caption
  .price_container
  button.btn {
  text-align: left;
  min-height: auto;
}

#single-page-bottom-slide #carousel-home-bottom .list_title {
  font-size: 24px !important;
  font-weight: 700;
  font-family: var(--font-heading);
}

#single-page-bottom-slide
  #carousel-home-bottom
  .carousel-caption
  .price_container
  .price
  strong {
  font-size: 24px !important;
  font-weight: 400;
}

#single-page-bottom-slide #carousel-home-bottom .list_title span {
  font-weight: 400;
}

#single-page-bottom-slide
  #carousel-home-bottom
  .carousel-caption
  .price_container
  button {
  padding: 0px;
}

.featured-sec-ft #carousel-home-bottom .list_title,
.featured-sec-ft .price strong {
  font-size: 22px !important;
  color: var(--color-deep-teal);
  min-height: 60px;
  font-weight: 600;
  font-family: var(--font-heading);
}

.carousel-caption .list_title span,
.list_title_txt a span,
#listing_content .finance_calc a {
  color: var(--color-primary-orange);
  font-weight: 400;
}

#carousel-home-bottom .carousel-caption .price_container {
  margin-top: 10px !important;
}

/* ==========================================================================
   Search Sidebar Styles
   ========================================================================== */
.listing-sidebar-ft .smallselect {
  width: 43%;
  display: inline;
}

.listing-sidebar-ft .txt_to {
  font-size: 16px;
  font-weight: 500;
  padding: 0px 6px;
  color: var(--color-deep-teal);
}

.listing-sidebar-ft .price label,
.listing-sidebar-ft .year label {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: var(--font-heading);
  color: var(--color-deep-teal);
}

/* Primary Button Style */
.listing-sidebar-ft #searchbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  color: var(--color-blackish);
  border-radius: var(--radius-button);
  margin-bottom: 10px;
  background: var(--color-primary-orange);
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  padding: 10px 20px;
  letter-spacing: -0.5px;
  font-family: var(--font-body);
  cursor: pointer;
  transition: all 0.3s ease;
}

.listing-sidebar-ft #searchbtn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.listing-sidebar-ft .btn_search {
  text-align: center;
}

/* Form Input Styles */
.listing-sidebar-ft #stock {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  font-size: 16px;
  height: 40px;
  padding: 12px 16px;
  color: var(--color-deep-teal);
  border-radius: var(--radius-input);
  cursor: pointer;
  margin: 20px 0px;
  border: 1px solid var(--color-light-grey);
  background: var(--color-white);
  font-family: var(--font-body);
  transition: border-color 0.2s ease;
}

.listing-sidebar-ft #stock:focus {
  border-color: var(--color-focus-blue);
  outline: none;
}

.listing-sidebar-ft #stock::placeholder {
  color: var(--color-placeholder);
}

.listing-sidebar-ft select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  font-size: 16px;
  height: auto;
  padding: 12px 16px;
  padding-right: 4em;
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg)
      no-repeat right 0.8em center/1.4em,
    linear-gradient(
      to left,
      var(--color-primary-orange) 3em,
      var(--color-white) 3em
    );
  color: var(--color-deep-teal);
  border-radius: var(--radius-input);
  border: 1px solid var(--color-light-grey);
  cursor: pointer;
  margin-bottom: 10px;
  font-family: var(--font-body);
  transition: border-color 0.2s ease;
}

.listing-sidebar-ft select:focus {
  border-color: var(--color-focus-blue);
  outline: none;
}

.listing-sidebar-ft select option {
  color: inherit;
  background-color: var(--color-white) !important;
}

.listing-sidebar-ft select::-ms-expand {
  display: none;
}

/* ==========================================================================
   Calculator Styles
   ========================================================================== */
#Finaceform .finance_calculator .btn,
#Finaceform .wpcf7-submit {
  background: var(--color-primary-orange);
  color: var(--color-white);
  border: none;
  width: 100%;
  padding: 10px 20px;
  font-size: 18px;
  border-radius: var(--radius-button);
  margin-top: 10px;
  font-weight: 700;
  letter-spacing: -0.5px;
  font-family: var(--font-body);
  cursor: pointer;
  transition: all 0.3s ease;
	text-decoration: none !important;
}

#Finaceform .finance_calculator .btn:hover,
#Finaceform .wpcf7-submit:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

#Finaceform .finance_calculator .panel-default > .panel-heading {
  background-color: var(--color-primary-orange) !important;
  border-color: var(--color-primary-orange) !important;
}

.listings-pg-ft #listing_content select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  outline: 0;
  font-size: 16px;
  height: 3em;
  padding: 12px 16px;
  padding-right: 4em;
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg)
      no-repeat right 0.8em center/1.4em,
    linear-gradient(
      to left,
      var(--color-primary-orange) 3em,
      var(--color-white) 3em
    );
  color: var(--color-deep-teal);
  border-radius: var(--radius-input);
  cursor: pointer;
  margin-bottom: 10px;
  border: 1px solid var(--color-light-grey);
  font-family: var(--font-body);
  transition: border-color 0.2s ease;
}

.listings-pg-ft #listing_content select:focus {
  border-color: var(--color-focus-blue);
  outline: none;
}

/* ==========================================================================
   Contact Form 7 Styles
   ========================================================================== */
#Finaceform .wpcf7-form select,
#Finaceform .wpcf7-form input[type='text'],
#Finaceform .wpcf7-form input[type='email'],
#Finaceform .wpcf7-form input[type='url'],
#Finaceform .wpcf7-form input[type='password'],
#Finaceform .wpcf7-form input[type='search'],
#Finaceform .wpcf7-form input[type='number'],
#Finaceform .wpcf7-form input[type='tel'],
#Finaceform .wpcf7-form textarea {
  color: var(--color-deep-teal);
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--radius-input);
  border: 1px solid var(--color-light-grey);
  background: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  transition: border-color 0.2s ease;
}

#Finaceform .wpcf7-form select::placeholder,
#Finaceform .wpcf7-form input::placeholder,
#Finaceform .wpcf7-form textarea::placeholder {
  color: var(--color-placeholder);
}

#Finaceform .wpcf7-form p {
  margin: 0 0 10px;
}

#Finaceform .wpcf7-text:focus,
#Finaceform .wpcf7-textarea:focus {
  outline: none;
  border-color: var(--color-focus-blue);
}

#Finaceform div.wpcf7-mail-sent-ok {
  border: 0;
  background: var(--color-primary-orange);
  color: var(--color-blackish);
  padding: 18px;
  border-radius: var(--radius-input);
}

#Finaceform div.wpcf7-acceptance-missing,
#Finaceform div.wpcf7-validation-errors {
  border: 0;
  background: #f9443b;
  color: var(--color-white);
  padding: 18px;
  border-radius: var(--radius-input);
}

#Finaceform span.wpcf7-not-valid-tip {
  color: #f9443b;
}

/* Button Styles */
#Finaceform .wpcf7-form .button {
  background-color: var(--color-primary-orange);
  border: 0;
  color: var(--color-blackish);
  border-radius: var(--radius-button);
  font-weight: 700;
  text-align: center;
  text-transform: none;
  margin-bottom: 15px;
  width: auto;
  padding: 10px 20px;
  letter-spacing: -0.5px;
  font-size: 18px;
  font-family: var(--font-body);
  cursor: pointer;
  transition: all 0.3s ease;
}

#Finaceform .wpcf7-form .button:hover {
  cursor: pointer;
  opacity: 0.9;
  transform: translateY(-1px);
  border: 0;
}

/* ==========================================================================
   Lead Form Modal Styles - Price My Trade
   ========================================================================== */
#price_my_trade.price-my-trade-modal-xl select,
#price_my_trade.price-my-trade-modal-xl input[type='text'],
#price_my_trade.price-my-trade-modal-xl input[type='email'],
#price_my_trade.price-my-trade-modal-xl input[type='url'],
#price_my_trade.price-my-trade-modal-xl input[type='password'],
#price_my_trade.price-my-trade-modal-xl input[type='search'],
#price_my_trade.price-my-trade-modal-xl input[type='number'],
#price_my_trade.price-my-trade-modal-xl input[type='tel'],
#price_my_trade.price-my-trade-modal-xl textarea {
  color: var(--color-deep-teal);
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--radius-input);
  border: 1px solid var(--color-light-grey);
  background: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  transition: border-color 0.2s ease;
}

#price_my_trade.price-my-trade-modal-xl input::placeholder,
#price_my_trade.price-my-trade-modal-xl textarea::placeholder {
  color: var(--color-placeholder);
}

#price_my_trade.price-my-trade-modal-xl p {
  margin: 5px 10px;
  width: 45%;
}

#price_my_trade.price-my-trade-modal-xl .wpcf7-text:focus,
#price_my_trade.price-my-trade-modal-xl .wpcf7-textarea:focus {
  outline: none;
  border-color: var(--color-focus-blue);
}

#price_my_trade.price-my-trade-modal-xl div.wpcf7-mail-sent-ok {
  border: 0;
  background: var(--color-primary-orange);
  color: var(--color-blackish);
  padding: 18px;
  border-radius: var(--radius-input);
}

#price_my_trade.price-my-trade-modal-xl div.wpcf7-acceptance-missing,
#price_my_trade.price-my-trade-modal-xl div.wpcf7-validation-errors {
  border: 0;
  background: #f9443b;
  color: var(--color-white);
  padding: 18px;
  border-radius: var(--radius-input);
}

#price_my_trade.price-my-trade-modal-xl span.wpcf7-not-valid-tip {
  color: #f9443b;
}

/* ==========================================================================
   Lead Form Modal Styles - Ask Us A Question
   ========================================================================== */
#ask_us_a_question.ask-us-a-question-modal-xl select,
#ask_us_a_question.ask-us-a-question-modal-xl input[type='text'],
#ask_us_a_question.ask-us-a-question-modal-xl input[type='email'],
#ask_us_a_question.ask-us-a-question-modal-xl input[type='url'],
#ask_us_a_question.ask-us-a-question-modal-xl input[type='password'],
#ask_us_a_question.ask-us-a-question-modal-xl input[type='search'],
#ask_us_a_question.ask-us-a-question-modal-xl input[type='number'],
#ask_us_a_question.ask-us-a-question-modal-xl input[type='tel'],
#ask_us_a_question.ask-us-a-question-modal-xl textarea {
  color: var(--color-deep-teal);
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--radius-input);
  border: 1px solid var(--color-light-grey);
  background: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  transition: border-color 0.2s ease;
}

#ask_us_a_question.ask-us-a-question-modal-xl input::placeholder,
#ask_us_a_question.ask-us-a-question-modal-xl textarea::placeholder {
  color: var(--color-placeholder);
}

#ask_us_a_question.ask-us-a-question-modal-xl p {
  margin: 5px 10px;
  width: 45%;
}

#ask_us_a_question.ask-us-a-question-modal-xl .wpcf7-text:focus,
#ask_us_a_question.ask-us-a-question-modal-xl .wpcf7-textarea:focus {
  outline: none;
  border-color: var(--color-focus-blue);
}

#ask_us_a_question.ask-us-a-question-modal-xl div.wpcf7-mail-sent-ok {
  border: 0;
  background: var(--color-primary-orange);
  color: var(--color-blackish);
  padding: 18px;
  border-radius: var(--radius-input);
}

#ask_us_a_question.ask-us-a-question-modal-xl div.wpcf7-acceptance-missing,
#ask_us_a_question.ask-us-a-question-modal-xl div.wpcf7-validation-errors {
  border: 0;
  background: #f9443b;
  color: var(--color-white);
  padding: 18px;
  border-radius: var(--radius-input);
}

#ask_us_a_question.ask-us-a-question-modal-xl span.wpcf7-not-valid-tip {
  color: #f9443b;
}

/* ==========================================================================
   Lead Form Modal Styles - Book A Test Drive
   ========================================================================== */
#book_a_test_drive.book-a-test-drive-modal-xl select,
#book_a_test_drive.book-a-test-drive-modal-xl input[type='text'],
#book_a_test_drive.book-a-test-drive-modal-xl input[type='email'],
#book_a_test_drive.book-a-test-drive-modal-xl input[type='url'],
#book_a_test_drive.book-a-test-drive-modal-xl input[type='password'],
#book_a_test_drive.book-a-test-drive-modal-xl input[type='search'],
#book_a_test_drive.book-a-test-drive-modal-xl input[type='number'],
#book_a_test_drive.book-a-test-drive-modal-xl input[type='tel'],
#book_a_test_drive.book-a-test-drive-modal-xl textarea {
  color: var(--color-deep-teal);
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--radius-input);
  border: 1px solid var(--color-light-grey);
  background: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  transition: border-color 0.2s ease;
}

#book_a_test_drive.book-a-test-drive-modal-xl input::placeholder,
#book_a_test_drive.book-a-test-drive-modal-xl textarea::placeholder {
  color: var(--color-placeholder);
}

#book_a_test_drive.book-a-test-drive-modal-xl p {
  margin: 5px 10px;
  width: 45%;
}

#book_a_test_drive.book-a-test-drive-modal-xl .wpcf7-text:focus,
#book_a_test_drive.book-a-test-drive-modal-xl .wpcf7-textarea:focus {
  outline: none;
  border-color: var(--color-focus-blue);
}

#book_a_test_drive.book-a-test-drive-modal-xl div.wpcf7-mail-sent-ok {
  border: 0;
  background: var(--color-primary-orange);
  color: var(--color-blackish);
  padding: 18px;
  border-radius: var(--radius-input);
}

#book_a_test_drive.book-a-test-drive-modal-xl div.wpcf7-acceptance-missing,
#book_a_test_drive.book-a-test-drive-modal-xl div.wpcf7-validation-errors {
  border: 0;
  background: #f9443b;
  color: var(--color-white);
  padding: 18px;
  border-radius: var(--radius-input);
}

#book_a_test_drive.book-a-test-drive-modal-xl span.wpcf7-not-valid-tip {
  color: #f9443b;
}

/* ==========================================================================
   Lead Form Modal Styles - Request A Video
   ========================================================================== */
#request_a_video.request-a-video-modal-xl select,
#request_a_video.request-a-video-modal-xl input[type='text'],
#request_a_video.request-a-video-modal-xl input[type='email'],
#request_a_video.request-a-video-modal-xl input[type='url'],
#request_a_video.request-a-video-modal-xl input[type='password'],
#request_a_video.request-a-video-modal-xl input[type='search'],
#request_a_video.request-a-video-modal-xl input[type='number'],
#request_a_video.request-a-video-modal-xl input[type='tel'],
#request_a_video.request-a-video-modal-xl textarea {
  color: var(--color-deep-teal);
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--radius-input);
  border: 1px solid var(--color-light-grey);
  background: var(--color-white);
  font-family: var(--font-body);
  font-size: 16px;
  transition: border-color 0.2s ease;
}

#request_a_video.request-a-video-modal-xl input::placeholder,
#request_a_video.request-a-video-modal-xl textarea::placeholder {
  color: var(--color-placeholder);
}

#request_a_video.request-a-video-modal-xl p {
  margin: 5px 10px;
  width: 45%;
}

#request_a_video.request-a-video-modal-xl .wpcf7-text:focus,
#request_a_video.request-a-video-modal-xl .wpcf7-textarea:focus {
  outline: none;
  border-color: var(--color-focus-blue);
}

#request_a_video.request-a-video-modal-xl div.wpcf7-mail-sent-ok {
  border: 0;
  background: var(--color-primary-orange);
  color: var(--color-blackish);
  padding: 18px;
  border-radius: var(--radius-input);
}

#request_a_video.request-a-video-modal-xl div.wpcf7-acceptance-missing,
#request_a_video.request-a-video-modal-xl div.wpcf7-validation-errors {
  border: 0;
  background: #f9443b;
  color: var(--color-white);
  padding: 18px;
  border-radius: var(--radius-input);
}

#request_a_video.request-a-video-modal-xl span.wpcf7-not-valid-tip {
  color: #f9443b;
}

/* ==========================================================================
   Listing Content Styles
   ========================================================================== */
#listing_content .listing_filter .per_page {
  text-align: right;
  padding-right: 0px;
  margin-top: 10px;
}

#listing_content .pagination {
  padding-left: 0;
  margin: 16px 0 !important;
  border-radius: var(--radius-input);
  width: 100%;
}

#listing_content .finance_calc a img {
  display: none;
}

#listing_content .filters span {
  margin-top: 10px;
  display: inline-block;
  width: 40%;
}

#listing_content label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  margin-right: 10px;
  font-family: var(--font-body);
  color: var(--color-deep-teal);
}

#listing_content .list_title_txt a,
#listing_content .list_price .pricetag {
  font-size: 24px;
  color: var(--color-deep-teal);
  line-height: 30px;
  font-weight: 700;
  font-family: var(--font-heading);
}

#listing_content .list_tagline span {
  font-size: 18px;
  color: #7f7f7f;
  line-height: 22px;
  font-weight: 400;
  font-style: normal;
  font-family: var(--font-body);
}

#listing_content .listing_filter select {
  padding: 5px;
  font-size: 12px;
  display: inline-block;
  width: 35%;
  font-family: var(--font-body);
}

#listing_content .listing_filter .pagination .page_txt {
  width: 100px;
  float: left;
  padding-top: 5px;
  font-family: var(--font-body);
  color: var(--color-deep-teal);
}

.listing-sidebar-ft .widgettitle {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-heading);
  color: var(--color-deep-teal);
}

/* ==========================================================================
   Single Post Styles
   ========================================================================== */


#single-post .vehicle_features {
  margin-top: 50px !important;
}

#single-post .action .vehicle-links {
  padding: 0px;
}

#single-post #rg-gallery .es-carousel ul {
  padding: 0px;
}

.vehicle_details {
	display: flex;
}


#single-post .other_info{
	padding: 30px;
    margin-top: 0px !important;
    background: #F8F8F8;
} 
#single-post .vehicle_details_list {
  padding: 1rem 0px;
  float: left;
  width: 100%;
}

#single-post .list_sub_title .left {
  font-size: 37px;
  font-weight: bold;
  line-height: 40px;
  color: var(--color-deep-teal);
  font-family: var(--font-heading);
}

#single-post .list_sub_title .left span {
  font-weight: 300;
}

#single-post .tagline_txt {
  font-size: 18px;
  padding: 1rem 0rem;
  color: #7f7f7f;
  font-family: var(--font-body);
}

#single-post .list_sub_title .right {
  font-size: 37px;
  line-height: 42px;
  font-weight: 500;
  font-family: var(--font-heading);
  color: var(--color-deep-teal);
}

#single-post #listing_content .other_info .vehicle_details_tagline {
  font-size: 20px;
  padding: 1rem 0rem;
  color: #7f7f7f;
  font-weight: 400;
  font-family: var(--font-body);
}

#single-post #rg-gallery .icon-width {
  font-size: 24px;
}

.page-id-3509 .elementor-nav-menu--main .elementor-item {
  color: var(--color-deep-teal) !important;
  fill: var(--color-deep-teal) !important;
}

/* Primary Action Button */
#single-post #read-more {
  font-weight: 700;
  background-color: var(--color-primary-orange);
  padding: 10px 20px;
  color: var(--color-white);
  text-align: center;
  margin-top: 20px;
  border-radius: var(--radius-button);
  font-size: 18px;
  letter-spacing: -0.5px;
  font-family: var(--font-body);
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
}

#single-post #read-more:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* ==========================================================================
   Media Queries - Tablet and Up
   ========================================================================== */
@media (min-width: 768px) {
  .vc_col-sm-6 {
    width: 50%;
  }
  .vc_col-sm-3 {
    width: 25%;
  }
  .vc_col-sm-4 {
    width: 33.3333%;
  }
  .vc_col-sm-12 {
    width: 100%;
  }
  .vc_col-sm-1,
  .vc_col-sm-10,
  .vc_col-sm-11,
  .vc_col-sm-12,
  .vc_col-sm-2,
  .vc_col-sm-3,
  .vc_col-sm-4,
  .vc_col-sm-5,
  .vc_col-sm-6,
  .vc_col-sm-7,
  .vc_col-sm-8,
  .vc_col-sm-9 {
    float: left;
  }
}

@media (max-width: 768px) {
  #single-post #rg-gallery {
    width: 100%;
  }
  #single-post .other_info {
    width: 100%;
    margin-left: 0%;
  }
  #single-post .vehicle_features {
    float: left;
  }
  #carousel-home-bottom .flex-item {
    max-width: 100% !important;
  }
  #single-post .list_sub_title .left,
  #single-post .list_sub_title .right,
  #single-post .tagline_txt {
    text-align: center;
    width: 100%;
  }
  #single-page-bottom-slide #carousel-home-bottom.carousel.slide img {
    min-width: 380px;
  }
}

/* ==========================================================================
   Image Hover Effects
   ========================================================================== */
@media only screen and (min-width: 64em) {
  #listing_content .listing_img a img:hover,
  #carousel-home-bottom img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
    transition-timing-function: cubic-bezier(0, 0.88, 0.44, 1);
  }
}

.listing_img a img,
#carousel-home-bottom img {
  -webkit-transition: scale, 2s;
  -moz-transition: scale, 2s;
  -o-transition: scale, 2s;
  transition: scale, 2s;
}

.listing_img {
  overflow: hidden;
}

.listing_row_display .listing_img img {
  width: 100%;
  height: auto;
}

/* ==========================================================================
   Slider / Range Styles
   ========================================================================== */
.noUi-connect {
  background: var(--color-primary-orange);
}

.frm_element_container_other .slider {
  margin-top: 10px;
  height: 10px;
}

.noUi-handle {
  height: 18px !important;
  width: 18px !important;
  top: -5px !important;
  right: -9px !important;
  border-radius: 9px !important;
}

.noUi-handle:after,
.noUi-handle:before {
  display: none;
}

span#priceSliderCaption,
span#yearSliderCaption {
  display: block;
  text-align: center;
  margin-top: 3px;
  font-family: var(--font-body);
  color: var(--color-deep-teal);
}

.btn_search {
  margin-top: 20px;
}

#wp_search_list-6 .location {
  display: none;
}

/* ==========================================================================
   Lightbox Styles
   ========================================================================== */
.listing-lb.lightbox {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

.listing-lb .lightbox-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.listing-lb .close {
  position: absolute;
  top: 25px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.listing-lb .close:hover,
.listing-lb .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* ==========================================================================
   Weekly Price Highlight
   ========================================================================== */
span.weekly-p {
  font-size: 16px;
  display: block;
  color: var(--color-primary-orange);
  font-weight: normal !important;
  font-family: var(--font-body);
}

/* ==========================================================================
   Trade-In / Contact Form Sections
   ========================================================================== */
.trading-detail-section div,
.your-detail-section div,
.trade-in-detail-section div,
.trade-in-vehicle-photo-section div {
  width: 100% !important;
  display: flex;
}

.contact-form-area label {
  line-height: 3em;
  font-family: var(--font-body);
  color: var(--color-deep-teal);
}

.contact-form-area input {
  line-height: 1em;
}

.comment-section p {
  width: 100% !important;
}

.modal-header .close {
  margin-top: -47px;
  margin-right: -10px !important;
  position: relative;
  z-index: 99;
}

/* ==========================================================================
   Pagination Styles
   ========================================================================== */
#listing_content .listing_filter .pagination .page_arrow {
  padding-top: 0px !important;
  width: auto !important;
}

#listing_content .listing_filter .pagination .page_txt {
  font-weight: bold;
}

#listing_content .listing_filter .page_arrow a {
  background-image: none !important;
  width: auto !important;
  font-weight: bold;
  color: var(--color-primary-orange);
  height: auto !important;
  display: flex !important;
  align-items: center;
  font-family: var(--font-body);
  transition: opacity 0.2s ease;
}

#listing_content .listing_filter .page_arrow a:hover {
  opacity: 0.8;
}

#listing_content .listing_filter .page_arrow a i {
  font-size: 20px;
  color: var(--color-primary-orange);
  padding: 0px 10px;
}

#listing_content .listing_filter .pagination .page_arrow span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* ==========================================================================
   Carousel Navigation
   ========================================================================== */
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  margin-right: -35px;
}

.es-nav span.es-nav-next {
  right: 45%;
  background: none !important;
  text-indent: 0px !important;
  font-size: 20px;
  width: auto !important;
  height: auto !important;
  margin-top: -10px !important;
}

.es-nav span.es-nav-prev {
  right: 45%;
  background: none !important;
  text-indent: 0px !important;
  font-size: 20px;
  width: auto !important;
  height: auto !important;
  margin-top: 0px !important;
}

.single-line-checkbox label {
  margin-bottom: 0px !important;
}

/* ==========================================================================
   Mobile Styles (450px and below)
   ========================================================================== */
@media (max-width: 450px) {
  #carousel-home-bottom .flex-item {
    padding: 0px 10% !important;
  }

  #carousel-home-bottom .carousel-control .icon-prev {
    left: 0px !important;
  }

  .finance_calculator {
    position: inherit !important;
  }

  #single-post .vehicle_details_list {
    background: var(--color-white);
    padding: 10px 10px;
  }

  #ask_us_a_question.ask-us-a-question-modal-xl p {
    width: 90% !important;
  }

  #listing_content label {
    font-size: 11px;
  }

  .vehicle-small .vehicle-info {
    height: auto !important;
    padding-left: 1rem !important;
    width: 100%;
    padding-bottom: 10px;
  }

  .vehicle-small-wrap {
    height: auto !important;
  }

  .vehicle-small {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }

  .vehicle-small .cell-photo {
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100% !important;
    max-width: 100% !important;
  }

  .vehicle-small .cell-photo img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   Listing Row Display
   ========================================================================== */
#listing_content .listing_row_display {
  border-bottom: none;
}

#listing_content .list_tagline span {
  font-size: 18px !important;
  color: #7f7f7f;
  line-height: 22px;
  font-weight: 400;
  font-style: normal !important;
  font-family: var(--font-body);
}

#listing_content .list_title_txt a,
#listing_content .list_price .pricetag {
  font-size: 24px !important;
  color: var(--color-deep-teal);
  line-height: 30px;
  font-weight: 700 !important;
  font-family: var(--font-heading);
}

span.weekly-p {
  font-size: 16px !important;
  display: block;
  color: var(--color-primary-orange);
  font-weight: normal !important;
}

#listing_content .listing_row_display.listing_gallery_display .listing_price a {
  position: inherit !important;
}

/* ==========================================================================
   Gallery Mobile Styles
   ========================================================================== */
@media (max-width: 450px) {
  #rg-gallery {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;
  }

  .rg-thumbs {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
  }
}

/* ==========================================================================
   Logo Column Styles
   ========================================================================== */
.logo-col .elementor-widget-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 40px;
}

@media screen and (max-width: 750px) {
  .logo-badge img {
    width: 60px !important;
  }

  .logo-col .elementor-widget-wrap {
    flex-direction: row-reverse !important;
  }
}

/* ==========================================================================
   Outline Button Utility Class
   ========================================================================== */
.btn-outline-primary {
  background: transparent;
  border: 1px solid var(--color-primary-orange);
  color: var(--color-primary-orange);
  border-radius: var(--radius-button);
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  font-family: var(--font-body);
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-outline-primary:hover {
  background: var(--color-primary-orange);
  color: var(--color-blackish);
}

/* ==========================================================================
   Link Styles
   ========================================================================== */
a {
  color: var(--color-primary-orange);
  transition: opacity 0.2s ease;
}

a:hover {
  color: var(--color-primary-orange);
  opacity: 0.8;
}

#wp_search_list-2 .location {
    display: none;
}
#listing_content {
    align-items: flex-start;
}