/*
Theme Name: Autopro
Theme URI: https://autopro.jwsuperthemes.com
Author: the JWSThemes team
Author URI: https://themeforest.net/user/jwsthemes
Version: 3.1.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Description: AutoPro is an exciting and intuitive, fresh-faced and youthful, charming and user-friendly, highly responsive WordPress automotive, car dealership and listings website theme. AutoPro is a flexible framework for webmasters with or without any previous website building experience to swiftly and effortlessly put together competent, professional websites where their potential customers and clients can easily and quickly find all the information they need in order for you to seal a sweet deal, right off your Auto Car website.
Text Domain: autopro
*/
ul,
ol {
  padding-left: 1rem;
}

ul {
  list-style: disc;
}

ul ul {
  list-style-type: circle;
}

ol {
  list-style: decimal;
}

li {
  line-height: 1.8;
}

li > ul,
li > ol {
  padding-left: 2rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1rem 1rem;
}
.home .title-bar {
  margin-bottom: 100px;
}
.tb-breadcrumb {
  display: none;
}

.no-sidebar .alignfull {
  max-width: 100vw !important;
  width: 100vw !important;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin-left: 50% !important;
}
.no-sidebar .alignwide {
  width: calc(100% + 100px);
  max-width: calc(100% + 100px);
  margin-left: -50px;
  margin-right: -50px;
}
p {
  margin: 32px 0 !important;
}

.tb-header-wrap.tb-header-v4 .tb-header-menu {
  background-color: #000000 !important;
  padding: 0 15px;
}
.tb-header-wrap.tb-header-v4
  .tb-header-menu
  .tb-menu
  .tb-menu-list
  > ul
  > li
  > a {
  color: #ffffff !important;
}
.main-content {
  max-width: 1170px;
  margin: 0 auto;
}
#panel-style-selector {
  display: none;
}
.alignleft {
  float: left;
  margin-right: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
.tb-post-item .tb-thumb > img,
.tb-post-item-tpl1 .tb-thumb > img {
  width: auto;
}
.single-perdomance .tb-blog-image img,
.single-portfolio .tb-blog-image img,
.single-post .tb-blog-image img {
  width: auto;
}
.catgory-name a {
  margin: 0 5px;
}
.catgory-name {
  margin: 0 -5px;
}
.single-perdomance,
.single-portfolio,
.single-post,
.single-team {
  background-color: #ffffff;
}
.single article.perdomance .tb-content-block,
.single article.portfolio .tb-content-block,
.single article.post .tb-content-block,
.single article.space .tb-content-block,
.single article.team .tb-content-block {
  padding: 0;
}
.single article.perdomance .tb-content-block .blog-title,
.single article.portfolio .tb-content-block .blog-title,
.single article.post .tb-content-block .blog-title,
.single article.space .tb-content-block .blog-title,
.single article.team .tb-content-block .blog-title {
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  font-family: "Montserrat";
  border: 0;
  text-transform: none;
  padding-bottom: 17px;
}
.single article.perdomance .tb-content-block .blog-info,
.single article.portfolio .tb-content-block .blog-info,
.single article.post .tb-content-block .blog-info,
.single article.space .tb-content-block .blog-info,
.single article.team .tb-content-block .blog-info {
  display: none;
}
strong {
  color: #2b2b2b;
}
.tb-content-block ul {
  padding-left: 18px;
}
.tb-content-block ul li {
  margin-bottom: 6px;
}
.wp-block-separator {
  margin: 32px 0;
}
.wp-block-quote p {
  font-size: 13px;
  margin-top: 0 !important;
}
.wp-block-pullquote blockquote {
  border-left: 0;
}
.wp-block-pullquote {
  padding: 9px 0;
}
.tb-content-block .wp-block-gallery {
  padding: 0;
}
.comments-area .comment-respond p input,
.comments-area .comment-respond p textarea {
  font-family: Monda;
}
.tb-account1 {
  display: none;
}
.sidebar-area .widget > div,
.sidebar-area .widget > form,
.sidebar-area .widget > ul,
.tb-woo-banner {
  padding: 0;
}
.sidebar-area .widget .wg-title,
.widget-area .widget .wg-title {
  font-size: 18px;
  margin-bottom: 20px;
}
table,
th,
td {
  border: 1px solid #d1d1d1;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  /* Prevents HTML tables from becoming too wide */
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}

td {
  border-width: 0 1px 1px 0;
}

th,
td {
  padding: 0.4375em;
}
#wp-calendar caption {
  margin-bottom: 10px;
}
.widget_categories .wg-title:after {
  display: none;
}
.widget_categories ul li a {
  display: inline-block;
}
.widget_categories {
  box-shadow: none;
  padding: 0;
}
.widget:not(.widget_rss) img {
  width: 100%;
}
.sidebar-area .widget.widget_nav_menu ul.menu li.menu-item-has-children:after,
.widget-area .widget.widget_nav_menu ul.menu li.menu-item-has-children:after {
  display: none;
}
body .tb-content-block h1 {
  color: #333 !important;
}
.tb-content-block pre {
  max-width: calc(6 * (100vw / 12) - 28px);
}
.blog-info .author-name {
  margin-right: 15px;
}
.jws_theme_footer {
  margin-top: 70px !important;
}
.page-links {
  margin-top: 15px;
}
.page-links a {
  border: 1px solid #ebebeb;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}
.page-links span:not(.page-links-title) {
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}
.form-submit {
  clear: both;
}
.comment-form-url {
  clear: none !important;
}
.comments-area .comment-list li .comment-body .comment-info p {
  margin: 0 !important;
}

.comments-area .comment-list li {
  padding-top: 30px !important;
}
.comments-area {
  padding-left: 0;
  padding-right: 0;
}
.tb-header-wrap.tb-header-v2 .tb-logo a,
.tb-header-wrap.tb-header-v4 .tb-logo a {
  color: #ffffff !important;
}

.title-bar,
.title-bar-shop {
  padding-top: 135px;
  padding-right: 0;
  padding-bottom: 135px;
  padding-left: 0;
}
body .comments-area .comment-respond .form-submit .submit:hover,
.comments-area .comment-respond .form-submit .submit {
  background-color: #da2c2d !important;
  color: #ffffff !important;
}
.logged-in-as {
  padding-left: 15px;
}
.menu-no-location {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 15px;
  max-width: 202px;
  margin: 0 auto;
  margin-top: 14px;
}

.error-404 {
  max-width: 500px;
  margin: 0 auto;
  padding: 120px 0;
}
.error-404 > .page-title {
  font-size: 20px;
  font-weight: 600;
}
.error-404 .page-content .page-title {
  font-size: 14px;
}
.error-404 .widget_search form input[type="submit"] {
  background: #000;
}
.error-404 .widget_search {
  margin-top: 28px;
}
@media (max-width: 992px) {
  .tb-header-wrap.tb-header-v4 .tb-header-menu .tb-header-menu-inner {
    background-color: #000 !important;
  }
  .tb-header-wrap.tb-header-v4 .tb-menu-control-mobi > a {
    color: #fff !important;
  }
  .menu-no-location {
    display: none !important;
  }
  .tb-header-wrap.tb-header-v4 .tb-header-menu .tb-logo {
    line-height: 70px;
    height: 70px;
  }
}
/* ================================
   VENTURE MOTORS - Navbar Logo Styling
   ================================ */

/* Resize the logo image inside the navbar */
.tb-logo img {
  max-height: 60px;   /* adjust height (try 50–70px) */
  width: auto;        /* keeps aspect ratio */
  display: inline-block;
  vertical-align: middle;
}

/* Adjust navbar height to match logo */
.tb-header-wrap.tb-header-v4 .tb-header-menu .tb-logo {
  line-height: 70px;  /* should match logo height */
  height: 70px;
}

/* Change logo text color (if using text logo instead of image) */
.tb-logo a {
  color: #222222 !important;  /* professional dark grey */
  font-weight: 700;           /* make it bold */
  font-size: 22px;            /* clean readable size */
  text-transform: uppercase;  /* optional: makes it look premium */
  letter-spacing: 1px;        /* optional: adds spacing for elegance */
}

/* Optional: Change navbar background color */
.tb-header-wrap.tb-header-v4 .tb-header-menu {
  background-color: #ffffff !important; /* white background */
  border-bottom: 1px solid #ddd;        /* subtle bottom border */
}

/* Optional: Navbar links color */
.tb-header-wrap.tb-header-v4 .tb-header-menu .tb-menu .tb-menu-list > ul > li > a {
  color: #333333 !important;   /* dark text for readability */
  font-weight: 600;
}

/* Navbar links hover effect */
.tb-header-wrap.tb-header-v4 .tb-header-menu .tb-menu .tb-menu-list > ul > li > a:hover {
  color: #0033cc !important;  /* Autopro accent red on hover */
}




/* 🔹 Fix Mobile Toggle Menu Background */
@media (max-width: 992px) {
  /* Target the black off-canvas menu container */
  .mm-menu,
  .mm-panel,
  .mm-listview,
  .tb-header-wrap .mobile-menu-wrapper,
  .tb-header-wrap .tb-header-menu .tb-menu,
  .tb-header-wrap .tb-header-menu .tb-menu-list {
      background-color: #ffffff !important; /* White background */
  }

  /* Force all mobile menu links to be black */
  .mm-menu a,
  .mm-panel a,
  .mobile-menu-wrapper a,
  .tb-header-wrap .tb-header-menu .tb-menu .tb-menu-list > ul > li > a {
      color: #000000 !important; 
      font-weight: 600 !important;
  }

  /* Hover / active */
  .mm-menu a:hover,
  .mm-panel a:hover,
  .mobile-menu-wrapper a:hover,
  .tb-header-wrap .tb-header-menu .tb-menu .tb-menu-list > ul > li > a:hover {
      color: #0033cc !important;
  }
}


.car-color,
.drive,
.car-compare,
.gallery {
    display: none;
}




