/*
Theme Name: Novaride Child
Template:   novaride
Theme URI: https://1.envato.market/nLr31o
Description: Novaride Child Theme
Author: AwaikenThemes
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: novaride-child
*/
body {
    --drivecon-color-subtle-contrast: #3C7389;
}

/* Resetting the button colors with the new custom contrast */
.elementor-widget-button .elementor-button .elementor-button-icon path {
    fill: var( --e-global-color-primary );
}
.elementor-widget-button .elementor-button:hover .elementor-button-icon path {
    fill: #fff;
}
.btn-white-bg .elementor-button .elementor-button-icon {
    background: #fff;
}
.elementor-widget-button .elementor-button:hover .elementor-button-icon {
    background: var(--drivecon-color-subtle-contrast);
}

.pricing-item .elementskit-pricing-btn:before {
    background-color: var(--e-global-color-accent) !important;
    background-image: url('/wp-content/uploads/2024/08/arrow-black.svg') !important;
}
.pricing-item.elementor-widget-elementskit-pricing .elementskit-pricing-btn-wraper  .elementskit-pricing-btn:hover:before {
    background-image: url('/wp-content/uploads/2024/08/arrow-white.svg') !important;
    background-color: var(--drivecon-color-subtle-contrast) !important;
}
.btn-white-bg .elementskit-pricing-btn:before {
    background-color: #fff !important;
    background-image: url('/wp-content/uploads/2024/08/arrow-black.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 14px auto !important;
}
.btn-white-bg.pricing-item .elementskit-pricing-btn-wraper  .elementskit-pricing-btn:hover:before {
    background-image: url('/wp-content/uploads/2024/08/arrow-white.svg') !important;
    background-color: var(--drivecon-color-subtle-contrast) !important;
}
.perfect-fleet-btn .section-icon-btn, .novaride-car-slider .swiper-button-prev, .novaride-car-slider .swiper-button-next {
    background: var(--drivecon-color-subtle-contrast);
}

.orange-check-icons .elementskit-pricing-lists i {
    color: #CAE9F5;
}
.no-button .elementskit-single-pricing .elementskit-pricing-btn-wraper {
    display: none;
}
.cstm-icons .elementskit-pricing-lists {
    padding-left: 0px;
}
.drivecon-cstm-icon-box.elementor-widget-elementskit-icon-box,
.drivecon-cstm-icon-box .ekit-wid-con, .drivecon-cstm-icon-box .elementskit-infobox,
.drivecon-cstm-icon-box .box-body {
    height: 100%;
}
.drivecon-cstm-icon-box .elementskit-infobox {
    display: flex;
    flex-direction: column;
}
.drivecon-cstm-icon-box .box-footer {
    margin-top: auto;
}
.drivecon-cstm-icon-box .box-body {
    display: flex;
    flex-direction: column;
}
.section-title .elementor-heading-title::before {
    background: url('/wp-content/uploads/2026/07/icon-sub-heading-blue.png') no-repeat;
    background-position: center !important;
    background-size: contain;
}
.leasing-perfect-for-section .elementor-widget-image img {
    aspect-ratio: 1/1;
    transform: unset !important;
}

.perfect-fleet-content .perfect-fleet-btn .section-icon-btn {
    position: relative;
    background: var(--e-global-color-accent);
}
.perfect-fleet-item:hover .perfect-fleet-content .perfect-fleet-btn .section-icon-btn:before {
    animation: iconOutro 0.3s ease forwards;
}
.perfect-fleet-content .perfect-fleet-btn .section-icon-btn:before {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url(https://drive-connect.webdevnow.uk/wp-content/themes/novaride/assets/images/arrow-black.svg);
    background-size: contain;
    display: block;
    z-index: 1;
    position: absolute;
    animation: iconIntro 0.35s ease forwards;
}
@keyframes iconIntro {
    from {
        opacity: 0;
        transform: rotate(45deg);
    }
    to {
        opacity: 1;
        transform: rotate(0deg);
    }
}
@keyframes iconOutro {
    from {
        opacity: 1;
        transform: rotate(0deg);
    }
    to {
        opacity: 0;
        transform: rotate(45deg);
    }
}
.perfect-fleet-item:hover .perfect-fleet-content .perfect-fleet-btn .section-icon-btn {
    background: var(--drivecon-color-subtle-contrast);
}
.pagination .nav-links a, .pagination .nav-links span {
    color: var(--e-global-color-primary);
}
.pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers:hover {
    color: #fff;
    background-color: var(--drivecon-color-subtle-contrast) !important;
}
.novaride-car-slider .swiper-navigation-button {
    background: var(--e-global-color-accent);
}
.novaride-car-slider .swiper-navigation-button:after {
    background: url(/wp-content/uploads/2024/08/arrow-black.svg) no-repeat center center;
}
.novaride-car-slider .swiper-navigation-button:hover {
    background: var(--drivecon-color-subtle-contrast);
}
.novaride-car-slider .swiper-navigation-button:hover:after {
    background: url(/wp-content/uploads/2024/08/arrow-white.svg) no-repeat center center;
}
.fleets-sidebar aside.widget {
    background-color: var(--e-global-color-accent);
}
.fleets-sidebar aside.widget:has(.wp-block-archives-list) {
    display: none;
}
.page-fleets .searchandfilter ul li input[type="submit"] {
    background: #fff;
}
.page-fleets .searchandfilter ul li input[type="submit"]:hover {
    background: var(--drivecon-color-subtle-contrast);
    color: #fff;
}
.car-single-sidebar .fleets-single-sidebar {
    background: var(--e-global-color-accent);
}
.car-single-sidebar .fleets-single-sidebar-btn .ekit-popup-btn {
    background: var(--e-global-color-white) !important;
    color: var( --e-global-color-primary ) !important;
}
.ekit-wid-con .ekit-popup-modal__toggler-wrapper #ekit-popup-modal-toggler:before {
    background-color: #fff;
    background-image: url(/wp-content/uploads/2024/08/arrow-black.svg) !important;
}
.car-single-sidebar .fleets-single-sidebar-btn .wp-btn {
    background-color: #fff;
}
.ekit-wid-con .ekit-popup-modal__toggler-wrapper:hover #ekit-popup-modal-toggler:before {
    background-color: var(--drivecon-color-subtle-contrast);
    background-image: url(/wp-content/uploads/2024/08/arrow-white.svg) !important;
}
.car-single-sidebar .fleets-single-sidebar-btn .wp-btn i {
    color: var(--e-global-color-primary);
}
.car-single-sidebar .fleets-single-sidebar-btn .wp-btn:hover {
    background-color: var(--drivecon-color-subtle-contrast);
}
.car-single-sidebar .fleets-single-sidebar-btn .wp-btn:hover i {
    color: #fff;
}
.car-single-sidebar .fleets-single-sidebar-btn .ekit-popup-btn:hover {
    background: var(--drivecon-color-subtle-contrast) !important;
    color: #fff !important;
}

.white-icons svg g, .white-icons .elementor-icon-list-item:first-child svg path {
    stroke: var(--drivecon-color-subtle-contrast);
}

/* ========== Responsive ========== */
@media screen and (max-width: 1024px) {
    .drivecon-header .elementskit-nav-identity-panel {
        border: none;
    }
    .drivecon-header .elementskit-navbar-nav {
        padding: 0 20px;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start !important;
    }
    .drivecon-header .elementskit-navbar-nav .menu-item .ekit-menu-nav-link {
        padding: 10px 0 5px !important;
        margin-bottom: 5px;
    }
    .drivecon-header .elementskit-navbar-nav .menu-item {
        width: auto;
    }
    .drivecon-header .elementskit-navbar-nav .menu-item .ekit-menu-nav-link {
        height: auto;
    }
    .drivecon-header .elementskit-navbar-nav .menu-item .ekit-menu-nav-link .elementskit-submenu-indicator {
        color: var(--drivecon-color-subtle-contrast) !important;
        margin-left: auto !important;
    }
    .drivecon-header .elementskit-navbar-nav .menu-item:has(.elementskit-dropdown-open) .elementskit-submenu-indicator {
        transform: rotate(180deg);
    }
    .drivecon-header .elementskit-navbar-nav .menu-item .elementskit-submenu-panel {
        margin-left: 5px;
    }
}
@media screen and (max-width: 767px) {
    .elementor-icon-list--layout-inline .elementor-inline-item {
        margin-bottom: 8px;
    }
}