/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.service-box .service-btn {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-in-out;
}
.service-box:hover .service-btn {
  opacity: 1;
  transform: translateY(0);
}

.parts-box .parts-btn {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-in-out;
}
.parts-box:hover .parts-btn {
  opacity: 1;
  transform: translateY(0);
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section{background: #000000 !important;}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter p{color: #fff !important; font-family:"Avenir-Black", Sans-serif !important; text-transform: uppercase; font-size: 16px !important; font-weight: normal !important;}
#asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-advance-filters .asl-filter-cntrl .asl-cntrl-lbl{margin-top: 0 !important; color: #fff !important; font-family:"Avenir-Black", Sans-serif !important; text-transform: uppercase; font-size: 16px !important;}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel-inner .Num_of_store{background: #E31E27 !important;}
#asl-storelocator.asl-cont .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list .sl-item{border-bottom: 1px solid #fff !important;}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter .sl-search-group .span-geo{background: #E31E27 !important;}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_2 h3{background-color: #BA1516 !important; font-family:"Avenir-Black", Sans-serif !important;}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .sl-dropdown-cont .btn-group .adropdown-menu li a label{color: #000 !important;}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .sl-dropdown-cont .btn-group .adropdown-menu li:hover a label{color: #000 !important;}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .sl-dropdown-cont .btn-group .adropdown-menu li:active a label{color: #000 !important;}
body #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .sl-dropdown-cont .btn-group .adropdown-menu li:focus a label{color: #000 !important;}
body #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .sl-tag{font-family: "Avenir-Black", Sans-serif !important; color: #000; font-weight: bold;}

.blog-article .elementor-widget-wrap { display: block !important; }
.elementor-widget-share-buttons{display: table-cell; padding-bottom: 15px;}
/* ---------- Newspaper wrap: image left, text wraps, then full width ---------- */
.blog-article .blog-image {
  float: left !important;
  width: 50% !important;              /* change % to make image bigger/smaller */
  margin: 0 22px 20px 0 !important;   /* right + bottom spacing */
  box-sizing: border-box !important;
}

.blog-article .blog-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 5px; /* optional */
}

/* Ensure post content is normal flow so text can wrap */
.blog-article .blog-content {
  display: block !important;
  overflow: visible !important;
  /*text-align: justify;*/
  line-height: 1.7;
}

/* Keep floats contained within the article */
.blog-article::after {
  content: "";
  display: table;
  clear: both;
}

/* Optional drop-cap first letter */
.blog-article .blog-content p:first-of-type::first-letter {
  font-size: 3.5em;
  font-weight: 700;
  float: left;
  line-height: 1;
  margin-right: 3px;
  color: #333;
}



/* Responsive: stack on small screens */
/*@media (max-width: 768px) {
  .blog-article .blog-image {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }
}*/

#utility-models,
#trucks-models,
#truck-type,
#truck-variant,
#light-duty-swb-models,
#light-duty-rwb-models,
#light-duty-lwb-models,
#medium-duty-7ton,
#medium-duty-9ton,
#medium-duty-11ton,
#medium-duty-13ton,
#heavy-duty-cargo,
#heavy-duty-tipper,
#heavy-duty-tractor,
#cargo-rwb-models,
#cargo-lwb-models,
#dump-truck-models {
  display: none;
}

#filter label{margin-right: 10px; margin-left: 10px; font-family: "Avenir-Black", Sans-serif; text-transform: uppercase; color: #000000;}
#truck-type{margin-top: 15px; margin-bottom: 15px; border-radius: 0 !important; border: 2px solid #000 !important;  font-family: "Avenir-Book", Sans-serif; color: #000000; background: #fff; height: 45px;}
#truck-variant{border-radius: 0 !important; border: 2px solid #000 !important; font-family: "Avenir-Book", Sans-serif; color: #000000; background: #fff; height: 45px;}

.success{color: red !important;}




/****Table Search****/
.dt-search{display: none !important;}
.dt-info{display: none !important;}
.tablepress td{font-family: "Avenir-Book", Sans-serif !important; font-weight: bold;}
.tablepress>:where(thead,tfoot)>tr>*{background: #e21e26 !important; color: #fff !important;}
.tablepress thead .dt-orderable-asc:hover, .tablepress thead .dt-orderable-desc:hover, .tablepress thead .dt-ordering-asc, .tablepress thead .dt-ordering-desc{background: #e21e26 !important;}


.engine .elementor-image-box-wrapper{display: flex !important; align-items: center !important; gap: 10px !important;}
.vehicle-table th{text-align: center;}
.vehicle-table td{text-align: center;}
.spec-table .column-1{}

@media screen and (max-width:1024px) {
.service-box .service-btn {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
.parts-box .parts-btn {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

  .blog-article .blog-image {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

}

@media screen and (max-width:480px) {
#filter label{margin-right: 5px; margin-left: 5px;}
}