/*
Theme Name: Automobile Rental
Description: The Automobile Rental Theme is a dynamic and versatile solution designed for car rental WordPress websites, vehicle hire companies, and automotive booking platforms. Ideal for businesses specializing in SUV rental, pickup truck hire, minivan booking, luxury limo services, wedding car booking, classic vehicle hire, premium luxury car rental, and adventure vehicle tours, it also supports offerings such as 4x4 car rental, off-road SUV hire, campervan booking, RV and motorhome rental, road trip vehicle hire, fleet management software integration, economy car booking, budget-friendly vehicle rental, airport transfer cars, city ride rentals, local cab booking, outstation taxi booking, one-way and round-trip rentals, daily and weekly car rental plans, monthly leasing, long-term car subscriptions, short-term car hire, unlimited mileage rentals, chauffeur-driven services, self-drive car booking, and ride-sharing vehicle rentals.With an intuitive car rental booking system, this theme enables on-demand vehicle reservations, peer-to-peer car sharing, bike and scooter hire, electric vehicle rental (EV rental), motorcycle booking, moving truck rental, and towing vehicle services. The visually modern layout showcases responsive design, clean UI/UX, easy navigation, and retina-quality vehicle images to highlight your fleet professionally.Optimized for Core Web Vitals, SEO, and page speed performance, it ensures a top-tier user experience across all devices. Enhanced with advanced booking features like GPS vehicle tracking, baby seat add-ons, chauffeur service options, and driver management tools, it also suits premium service providers offering Mercedes hire, Tesla rental service, BMW car lease, Audi car booking, Jeep adventure trips, and eco-friendly electric car rentals. Built with the Shortcodes Ultimate plugin, the theme allows effortless customization and component-based page design for flexibility. Whether you’re offering daily car booking, hourly ride options, or subscription-based vehicle leasing, the Automobile Rental Theme delivers a complete online mobility platform that promotes trust, seamless functionality, and a visually polished design for modern car rental businesses.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-car-rental-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 2.8
Requires PHP: 7.2
Tested up to: 6.9
Requires at least: 5.0
Tags: e-commerce, photography, blog, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments
Text Domain: automobile-rental
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Automobile Rental WordPress Theme, (C) 2025 misbahwp.com
Automobile Rental WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #EA5D5C;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: "Inter", sans-serif;
  color: #626B7D;
  margin:0;
  background: #FFFFFF;
}
h1,h2,h3,h4,h5,h6{
	color: #001025;
	font-weight: bold;
  font-family: "Crimson Text", serif;
}
a {
  color:#001025;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}
a:hover,
a:focus {
  color:var(--first-color);
  text-decoration: none;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}
.wp-block-button__link{
  color: #fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #001025;
  color: #001025 !important; 
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:var(--first-color);
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}

/* ===============================================
   LOGO BOX
   ============================================= */
/*img.custom-logo {
  height: 70px;
  width: 70px;
}*/
.logo {
	padding: 18px 0;
  font-weight: bold;
}
.logo a {
  font-family: Inter;
  font-size: 22px;
  font-weight: 700;
  line-height: 20px;
  color: var(--first-color)
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  font-weight: 300;
}
.header-inner {
  background: var(--first-color);
}
.header-inner p.info-p a:hover,.social-links a:hover i{
  color: #000000;
}
.button-header a {
  background: var(--first-color);
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
.header-inner p.text-inner {
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  font-weight: 500;
  line-height: 20px;
}
.header-inner p.text-inner a{
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.header-inner p.text-inner i{
  color: #1F1B1C;
  font-size: 15px;
}
p.info-button a{
  background: var(--first-color);
  padding: 10px 25px;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
 .header-outter {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #000000;
}
.header-middle {
  background: #F0F4DA;
}
.header-inner h6 {
  font-weight: normal;
  color: var(--first-color);
  font-size: 16px;
}
.header-inner p.info-p {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
}
.header-inner p.info-p a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.header-inner i {
  font-size: 16px;
  color: #FFFFFF
}
.social-links {
  font-family: Public Sans;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 20px;
}
.header-inner i.fas.fa-phone {
  transform: rotateY(180deg);
}
.header-outter input.search-submit {
  background: url(assets/images/search.png) no-repeat scroll 8px !important;
  background-color: var(--first-color) !important;
  text-align: center !important;
  position: absolute !important;
  text-indent: -9999px;
  left: 0px;
  border-radius: 5px !important;
  border: none;
  cursor: pointer;
  width: 35px !important;
  border-radius: 0 10px 10px 0;
}
.header-outter .searchform input[type=submit]{
  font-size: 13px;
}
.header-outter .searchform input[type=text] {
  width: 100%;
}
.header-outter .searchform input[type=text] {
  background-color: var(--first-color) !important;
  border-radius: 5px;
  padding: 12px 10px 12px 40px;
}
.header-outter form#searchform {
  position: relative;
}
.translation-box {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 20px;
}
.nav-box a i,.offcanvas-div i{
  color: #ffffff;
}
.offcanvas {
  background: #fff3e2;
}
.admin-bar .offcanvas-header {
  margin-top: 32px;
}
.offcanvas-header {
  justify-content: right
}
.offcanvas-div .offcanvas-header .btn-close {
  background-color: var(--first-color);
  border-radius: 0;
  padding: 16px !important;
}
.offcanvas-div .offcanvas-header .btn-close {
  padding: 5px 12px;
  opacity: 1;
  height: auto;
  width: auto;
}

/**
====================================================================
  Navigation
====================================================================
*/
.top-menu-wrapper {
    padding: 10px 0;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 10px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: var(--first-color);
    font-weight: 500 !important;
}
.main-navigation ul li a{
  text-transform: capitalize;
  color: #fff;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 15px;
    font-weight: 500;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 15px;
    font-weight: 500;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 15px;
    color: #fff;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.layout-img img {
  max-height:100%;
  height:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.sidebar-area img{
  height:auto;
  width: auto;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}


/* ===============================================
  Slider
  ============================================= */
p.slider-text {
  color: #585858;
  font-size: 14px;
  font-weight: 400;
}
.form-box {
  position: absolute;
  right: 15%;
  bottom: 15%;
  z-index: 1;
  background: var(--first-color)CC;
  padding: 30px 50px;
  width: 20%;
}
.form-box select,
.form-box input, 
.form-box button, 
.form-box select, 
.form-box optgroup, 
.form-box textarea {
  width: 100%;
  padding: 10px 10px;
  border: 0px;
  background: #ffffff;
  margin-bottom: 15px;
  color: #8E9AA6;
  font-size: 12px;
  font-weight: 500;
}
.form-box input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background: #ffffff;
  color: #1F1B1C;
}
.form-box input.wpcf7-form-control.wpcf7-submit.has-spinner{
  width: 100%;
  padding: 10px 10px;
  border: 0px;
  background: #1F1B1C;
  margin-bottom: 0px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.form-box p,.form-box form{
  margin: 0px !important;
}
.form-box .wpcf7-spinner{
  position: absolute;
}
.slider-owl-position {
  position: absolute;
  left: 12%;
  right: 67%;
  top: 50%;
  transform: translateY(-50%);
}
.slider-owl-position h3{
  font-family: Crimson Text;
  font-weight: 400;
  font-size: 45px;
  color: var(--first-color);
}
.slider-owl-position p{
  font-family: Poppins;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
}
.slider-button.mb-0 {
  display: flex;
}
.slider-button a {
  background: var(--first-color);
  padding: 7px 50px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
}
.slider-button a:hover{
  background: #1F1B1C;
  color: #ffffff;
}
.offcanvas-div button {
  background-color: transparent;
  color: #fff;
  border: none;
}

.slider-inner-banner img{
	height: 650px;
  width: 100%;
	object-fit: cover;
}
button.owl-dot span {
  width: 25px;
  height: 25px;
  margin: 0px 6px;
  border-radius: 30px;
  display: block;
  background: transparent;
  border: 1px solid #1F1B1C;
}
.owl-dots {
  text-align: center;
  position: absolute;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  width: 10%;
}
button.owl-dot.active span{
  background: var(--first-color);
  border: 0px;
  width: 26px;
  height: 26px;
}

.slider-inner-banner {
  position: relative;
  background: #ffffff;
}
.slider{
  position: relative;
}
/* ===============================================
   Feature Header Image
   ============================================= */
 
.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/* ===============================================
  Latest Update Section
  ============================================= */

.service-icon img {
  height: 200px;
  width: 100%;
}
.ser-content h4 a {
  color: #1B1C1E;
  font-size: 15px;
  font-weight: 400;
  line-height: 23.8px;
}
.categories-heading h4 {
  color: #1F1B1C;
  font-weight: 400;
  font-size: 25px;
  position: relative;
  z-index: 2;
}
.categories-heading h5 {
  font-family: "Croissant One", serif;
  color: #D9DCDF;
  font-weight: 400;
  font-size: 45px;
  position: absolute;
  top: 0px;
  line-height: 20px;
  z-index: 1;
}
.categories-heading{
  position: relative;
}
.categories-heading h4 span.highlight{
  color: var(--first-color);
}
.rental-button {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 90px;
  height: 55px;
  text-align: center;
  background: #fff;
}

.rental-button a i {
  transform: rotate(-39deg);
  color: var(--first-color);
  font-size: 25px;
}
.rental-button a {
  border: 2px solid var(--first-color);
  width: 83px;
  height: 48px;
  position: relative;
  display: flex;
  margin-top: 7px;
  bottom: 0px;
  flex-direction: column;
  justify-content: space-around;
}
.rental-button a:hover{
  background: var(--first-color);
}
.rental-button a:hover i{
  color: #ffffff;
}
#google_language_translator .skiptranslate.goog-te-gadget {
  display: block !important;
}

.rental-image img{
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.rental-owl-position {
  position: absolute;
  top: 8%;
  left: 7%;
  right: 5%;
}
.rental-owl-position h3{
  font-weight: 700;
  font-size: 20px;
  color: #1F1B1C;
  text-transform: uppercase;
}
.rental-box{
  position: relative;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */
.search-form {
  display: none;
  position: absolute;
  top: 50px; /* Adjust as needed */
  right: 0;
  background: #fff;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.search-form.active {
  display: block;
}
.close-search-form {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 10%;
  right: 4%;
  background: var(--first-color);
  color: #fff;
  width: 45px;
  height: 45px;
}

.header-search i {
  font-size: 18px;
  cursor: pointer;
  color: #ffffff;
}
.header-search .search-form {
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
.header-search .search-form.is-open {
  right:0;
  height:100%;
  visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
.header-search .search-form i.searchform-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
  opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.contact-box{
  gap:20px;
}
/* ===============================================
   Cart & checkout
   ============================================= */

.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background: var(--first-color);
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  border: none !important;
  padding: 10px;
  border: 2px solid transparent;
  width: 50%;
}
.wc-block-cart__submit-container a {
    font-size: 15px;
    font-weight: 600;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{
  border: 2px solid #fff;
  background: #000;
  color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dee2e6!important;
  padding: 10px;
  border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
  padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
  margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  background: var(--first-color);
  color: #fff !important;
  padding: 10px !important;
  margin-bottom: 5px;
  margin-top:5px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
  font-size: 22px !important;
  color: #000 !important;
  text-decoration: none !important;
}
.wc-block-components-order-summary-item__quantity{
  background-image: linear-gradient(90deg, #fb6d21 0%, #eb343b 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
  padding-right:0% !important;
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout{
  margin-right: auto !important;
  margin-left: auto !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector,table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-components-product-price__value.is-discounted,del.wc-block-components-product-price__regular  {
  color: #000 !important;
}
.wc-block-components-totals-wrapper:after{
  border-color: #000 !important;
}
tbody.wc-block-cart-items{
  border: 1px solid #000;
  border-radius: 30px;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, button.wc-block-cart-item__remove-link{
  font-size: 16px !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns: 270px 47px !important;
    padding: 16px 16px !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
  display: none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
  border: unset !important;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    text-decoration: none;
}
.wc-block-components-button:not(.is-link) {
  padding: 0px !important;
}
.wc-block-components-sidebar,.wc-block-components-sidebar-layout .wc-block-components-main{
  width: 100% !important;
}
.wc-block-components-sidebar-layout.wc-block-checkout.is-large {
  flex-flow: column !important;
  flex-direction: column-reverse !important;
}
.is-large .wc-block-checkout__sidebar.is-sticky {
  position: relative !important;
  top: 0px !important;
}
/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: var(--first-color);
  color:#000;
}
.scroll-up a:hover{
  background: #0d0d0d;
  color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--first-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/* ===============================================
 sticky header
 =============================================== */

 .fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}
.admin-bar .sticky-header.fixed-header {
   margin-top: 32px;
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
h3.post-title{
    position: relative;
}
.sticky h3.post-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 25px;
    font-weight: 900;
    color: #000;
    margin-top: 10px;
    z-index: 9;
    left: -30px;
    position: absolute;
    bottom: 0px;
}
.sticky h3.post-title {
    margin-left: 30px;
}
/* ===============================================
   Pagination
   ============================================= */

.pagination,
.automobile-rental-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.automobile-rental-pagination a span,
.automobile-rental-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.automobile-rental-pagination span.current,
.automobile-rental-pagination span.current:hover,
.automobile-rental-pagination span.current:focus,
.automobile-rental-pagination a span:hover,
.automobile-rental-pagination a span:focus {
	background: var(--first-color);
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--first-color);
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #001025;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: var(--first-color);
  padding: 5px 15px;
  color: #fff;
}
li.wp-block-latest-comments__comment {
  padding-bottom: 0px !important;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
  float: none;
  background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
  color: #2f3235;
}
ol.wp-block-latest-comments{
  padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:var(--first-color);
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;

}
.bread_crumb span {
  color: var(--first-color) ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
     padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
}

/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
  color: #001025;
}
footer .sidebar-area a,
footer .sidebar-area p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
  color: #fff;
}
footer #wp-calendar caption{
  color: #fff;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: var(--first-color);
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: var(--first-color);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width:100%;
  padding: 5px 2%;
  border: solid 1px #000000;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#footer-widgets caption {
  color: #fff;
}
#footer-widgets a:hover,#footer-widgets a:focus,.copyright a:hover,.copyright a:focus{
  color: #ffffff;
}
.copyright{
  background: #000000;
}
#footer-widgets h4 {
  margin-bottom: 30px;
  font-weight: 600;
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text]::placeholder{
  font-size: 12px;
  color: #ffffff;
  font-weight: 400;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 1px solid #000000 !important;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background: var(--first-color);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:var(--first-color);
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
  background: var(--first-color);
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:auto;
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* ===============================================
   footer social links
   =============================================== */
.copy-text a.social-links {
    margin-left: 14px;
}

/* DARK MODE CSS */
body.dark-mode {
  background-color: #000000 !important;
  color: #f1f1f1 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,body.dark-mode .sticky h3.post-title::before,
body.dark-mode a ,body.dark-mode p, body.dark-mode li, body.dark-mode blockquote ,body.dark-mode label ,body.dark-mode span,body.dark-mode .post-content,body.dark-mode .main-navigation .dashicons-arrow-down-alt2:before {
  color: #fff !important;
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode button {
  background-color: #333;
  color: #fff; 
}

body.dark-mode .form-box{
  background: #000000;
}

body.dark-mode #site-navigation .page_item_has_children ul li a,body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a,body.dark-mode p.slider-button a:hover,body.dark-mode .screen-reader-text:focus,body.dark-mode #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item{
  color: #000 !important;
}

body.dark-mode input[type="submit"], body.dark-mode button[type="submit"] {
  background-color: var(--first-color);
  color: #fff;
}

body.dark-mode table {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}
body.dark-mode th ,body.dark-mode td {
  background-color: #333 !important; 
  color: #fff !important; 
}
body.dark-mode tr {
  color: #fff !important; 
}

body.dark-mode pre, body.dark-mode code {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}

body.dark-mode .post-box,body.dark-mode #coming-soon-footer-banner,body.dark-mode div.product .woocommerce-tabs ul.tabs li,
body.dark-mode .pagination a,body.dark-mode .automobile-rental-pagination a span,#featured-product{
  background: #121212 !important;
}

body.dark-mode #wp-calendar th, body.dark-mode #wp-calendar td{
  color: #fff !important;
}

body.dark-mode ul, body.dark-mode ol {
  color: #f1f1f1 !important;
}

body.dark-mode footer {
  background-color: #1f1f1f;
  color: #f1f1f1;
}

body.dark-mode .pagination a {
  color: var(--first-color);
}

body.dark-mode .widget {
  background-color: #1e1e1e;
}

body.dark-mode .widget a {
  color: #f1f1f1;
}

body.dark-mode .sidebar-area .sidebar-widget,body.dark-mode .media-body-wrap.card{
  background: #121212;
}

@media screen and (max-width : 1000px){
  body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a{
    color: #fff !important;
  }
}